2025-01-16
#js #c #art 
Xで見かけたステキなアプリをJavaScriptで再現!


「swimming cursors」
src on GitHub forked junkiyoshi/Insta20250112
パソコンで毎日活躍してくれているカーソルくんが群になって泳ぎ回るアプリです。マウスクリックでフルスクリーン。カーソル表示オフ機能も付けました。背景が真っ黒なのでプロジェクターで投影してもおもしろいはず。

JunKiyoshi氏による作品「Flock of arrows.」は、C++言語のオープンソースなフレームワーク「openFrameworks」で作られていました。

滑らかな動きで見てみたくなり、JavaScriptへの移植を始め、その実装で必要だったノイズをまず実装し、シード付きランダム RandamXorshift や、Vector2 とともに、必要最小限の openFrameworks っぽいJavaScriptのフレームワーク「ofjs」を作成。

お気に入り言語のJavaScriptですが、ベクトルの計算が演算子でできないのはちょっと面倒。C++であれば演算子の多重定義(オーバーロード)機能でベクトルの他、複素数などいろんな数を演算子を使って分かりやすく計算できて便利です。

links
- Flock of arrows. – プログラミング de 落描き
- パーリン氏自身による改良版、シンプレックスノイズとパーリンノイズを比較
- なめらかなランダムノイズ、パーリンノイズのJavaScript実装とデモ、PerlinNoise.js
- ピクセルなテクスチャーをつくろう!pixel-texture-makerとマイクラ風な木ライブラリ「voxel-trees」移植

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS