ブラウザのキャンバスに描画を行う際に便利な、描画ライブラリの p5.js と Babylon.js を組み合わせて使ってみました。
p5.js の 2D描画と、Babylon.js の簡単にパーティクルシステムを扱える「パーティクルヘルパー」を組み合わせてみています(Babylon.js の描画は、p5.js の WEBGLモードのオフスクリーンキャンバスに描画しており、それを p5.js のメインキャンバス上で扱っています)。
Babylon.js の Particle Helper を使った描画を p5.js の WEBGLモードのキャンバスに描画し、p5.js側で揺れを含む動きやカメラ画像を加える構成で試作した作品です
ブラウザのキャンバスに描画を行う際に便利な、描画ライブラリの p5.js と Babylon.js を組み合わせて使ってみました。
p5.js の 2D描画と、Babylon.js の簡単にパーティクルシステムを扱える「パーティクルヘルパー」を組み合わせてみています(Babylon.js の描画は、p5.js の WEBGLモードのオフスクリーンキャンバスに描画しており、それを p5.js のメインキャンバス上で扱っています)。
Babylon.js のパーティクルシステムを試していた流れと、p5.js を使った色々な試作をしていた流れがあり、それらが合流して合わさった形やったものです。
また、クリエイティブコーディング系のイベント「GENUARY」の作品としても投稿してみました(イベント詳細は、関連リンクの中の Qiita の記事をご参照ください)。