マガジンのカバー画像

技術記事

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

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

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

reona396