English.モノクロのシンプルな形状が次々と変化していくアニメーション作品です。例によって最初からこういうものを作ろうと意図していたわけではありません。コードを書きながらいろいろと遊んでいる間に思いついたアイディアを盛り込んでいって、最終的にこのような形になりました。その制作の過程を振り返ってみたいと思います。不思議な動きをするアニメーション作品です。幅を大きくすると元ネタとはまたちょっと違う面白さが現れました。2021”幅を調整するといろいろ面白いことになりそうだ”、これがとっかかりのアイディアです。動きより形の面白さの方に興味が湧いたので、静止画の制作を進めていきました。変えたりといろいろ試しながら自由に遊びます。描画するとこういうものが作れました。この方向で制作を進め、四角形の位置、サイズ、線の幅の関係を試行錯誤しながら調整していき、ランダムに面白い図形が描けるような値を探しました。コードでいうとこの部分になります。floor(random(6));複数の面白い静止画をモーフィングさせたらもっと面白そう面白い図形が描けるようになりましたが、見た目あまりにもシンプル過ぎるし、図形そのものに意味づけも無いので、静止画としてはちょっと物足りない気がします。そこで、これらの図形を「簡単モーフィング」で動かすことにしました。「モーフィング」と言ってますが、ただの線形補間です。Monorail)のように手計算していました。略)があったんですね。今回はこれを使いコードをシンプルにできました。easeRatio);いくつかの図形を順にモーフィングさせて、最後の図形から最初の図形に変化するようにしてやればループアニメーションの出来上がりです。これは永遠に見ていられる。私にとって理想の作品は「毎回実行するたびに新鮮な驚きを私に与えてくれるもの」で、それをいかに実現するかが毎回のテーマです。今回のコードではここにその工夫が詰まっています。i));今回はこのキモとなる部分がコード的にもなかなか綺麗に収まったので満足です。条項に基づいて、どうぞご自由にお使いください。このコードを利用して何か作品を作ってもらえるととても嬉しいです。本コードはスクリーン上には何も描画しません。描画の結果は静止画のファイルとして保存されます。等で動画に変換できます。note私の素敵な英語ブログQooQ。