240行のコードで描くリック:驚異のGLSLアニメーション

2025-02-06
240行のコードで描くリック:驚異のGLSLアニメーション

この記事では、作者が8ヶ月かけて、ライブラリや画像を一切使用せず、わずか240行のGLSLコードのみで作成した、息を呑むようなリックのアニメーションについて詳細に説明しています。記事内にはライブコーディングエディタが埋め込まれており、読者も独自のアニメーションをプログラミングできます。プロセスは、基本的な色の塗りつぶしから、ベジェ曲線、星型、角丸長方形などの符号付き距離関数(SDF)を使用してリックの特徴と髪を丹念に描くことまで、段階的に説明されています。ノイズ関数と時間領域のワーピングにより、リックの髪にダイナミックな効果が加わり、ランダムな目の動きが追加されます。作者は、ループ値、描画内容の切り替え、ノイズモーションなど、さまざまなアニメーション技術を共有し、完全なコードと説明を提供することで、読者が独自のGLSLアニメーションを作成できるように支援しています。

デザイン コードアート