チャプター 2

Step 01

ネオン風のアイコンを作ってみよう!

自由に線や図形をけます!


ここで使っているJavaScriptのサンプルはp5.js(ピーファイブ・ドット・ジェイエス)というのを使っていて、2Dのアニメなどがかんたんに描けるようになっています。例えば次のサンプルは、ネオン風のイラストを描いています。
https://editor.p5js.org/kcc_recipe/sketches/RgIFIs06h

ただ線などを描いているだけではなく、そとのわくや文字にかげをつけてネオン風にしています。

こんなくふうをプログラミングでやるのがデザインコーディングです。アニメが好きな人は、自分でキャラをデザインすることもできますよ!
次にすすむ