マガジンのカバー画像

技術記事

9
本
当note内の技術系記事をまとめました。
運営しているクリエイター
reona396

#プログラミング

p5.jsの作品を動画にしたいメモ

まだまだ研究中！ 🌱 p5.jsでつくった作品を動画化する方法について、 と教えていただいたのでCCaptureを触ってみました！ CCapture.jsはcanvasの内容を画像としてキャプチャできるライブラリです。 調べてみると、p5.js内にある saveFrames() も "saveFrames() will only save the first 15 frames of an animation" とあり、それよりも長いアニメーションを生成する際にはCCa

reona396

インタラクティブアートのまとめ

今までProcessingやp5.jsなどのクリエイティブコーディング環境で制作してきたインタラクティブアートをまとめてみました！ 一部の作品はOpenProcessingというサイトで体験できます。また、ソースコードもOpenProcessing上で公開しています。 ボディトラッキング・ハンドトラッキングカメラジェスチャー 手で「カメラ」のジェスチャーをとると、手の中に次々と世界中の写真が現れるインタラクティブ作品 特殊な機材を必要とせず、webカメラのみで動作します

reona396

fxhashにp5.js製アートを出品する時メモ

fxhashやってはいるんですけど、いっっっつも細かいとこ忘れちゃって上手くいかないのでメモしておきます index.htmlの構成<html> <head> <title>作品名</title> <script src="./fxhash.js"></script> <script src="./p5.min.js"></script> <script src="./sketch.js"></script> <style> bod

reona396

つぶやきProcessingで描いた炎のメイキング

Processing Advent Calendar 2023 参加記事 というわけで↓の作品のメイキングを書きます！ 1. 正方形を敷き詰める まずは画面全体に小さな正方形をびっしり敷き詰めます。 const squareSize = 5;function setup() { createCanvas(400, 400);}function draw() { // 小さな正方形を縦横に敷き詰める for (let x = 0; x < width; x +=

reona396

p5.js ジェネラティブアートのメイキング 「OVERLAY」編

こちらの作品のメイキングを書いてみました！ (実際に投稿したコードからメイキング用に整理したのでちょこちょこ違うところありますがお気になさらず…) インスピレーションにつながれば嬉しいです！ 1. テンプレートの読み込みp5.jsで作品をつくる時のために自分用のテンプレートを用意しており、毎回コピーして利用しています。 なんらかの動きと見た目のクラスです。 // テンプレートlet shapes = [];const shapesNum = 10;function se

reona396

RIGHT CLICK SAVE reona396インタビュー 日本語完全版

先日、NFTアートのオンラインマガジン「RIGHT CLICK SAVE」にインタビューが掲載されました。 事前に日本語で回答したものを英語に翻訳していただいており、文章もいい感じにアレンジしていただいています。 日本語で回答した原文を個人noteに掲載していいかお伺いしたところ許可をいただけたので、自分の原稿を掲載します。ありがとうございます…🙇‍♀️ 言いたいことが多すぎてまとまっていないのですが、せっかくなのでお読みいただけると嬉しいです！ クリエイティブコーディン

reona396

クリエイティブコーディングとはどんな活動で、どんな所が面白いのか語らせてくれ！

こんにちは！ クリエイティブコーディング歴10年くらいのクリエイティブコーダーのreona396 / レオナと申します！ ステイホームするようになって、離れた所に住んでいる家族や友人と以前よりも連絡をとるようになりました。 中には10年ぶりに話した人まで！しかもそんな人が何人も！ そして気がついたのです…久々に話す友人に「実はこの10年、クリエイティブコーディングに打ち込んでたんだよね」と伝えようにも、そもそもクリエイティブコーディングってまったく分野を知らない方には伝えに

reona396

初心者さん歓迎！ Processing / p5.js お悩み相談室！

こんにちは！ @reona396 / レオナ といいます。 Processingというプログラミング言語を使ってデジタルアート・メディアアート作品を制作するのが趣味の人間です。 ようするにプログラミングでお絵かきするのが好きな人間です。 もうこの趣味を始めて8年くらいになるでしょうか。こんなに長続きしてる趣味、他にはありません。それくらい好きです！ Processingの他には、Processingの親戚みたいな存在であるp5.jsもよく利用しています。 ちなみにお仕事はイン

reona396