技術記事

本

当note内の技術系記事をまとめました。

運営しているクリエイター: reona396

#ジェネラティブアート

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

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

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

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

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

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

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

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

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