チャプター 2
Step 01
ネオン風のアイコンを作ってみよう!
![](https://recipe-production.s3.ap-northeast-1.amazonaws.com/images/recipes/134/chapters/381/sections/pqPmbNc2dvKHQdDYgIZKv6eQmVtcItzU0JKIP85q.png)
自由に線や図形を描けます!
ここで使っているJavaScriptのサンプルはp5.js(ピーファイブ・ドット・ジェイエス)というのを使っていて、2Dのアニメなどがかんたんに描けるようになっています。例えば次のサンプルは、ネオン風のイラストを描いています。
https://editor.p5js.org/kcc_recipe/sketches/RgIFIs06h
ただ線などを描いているだけではなく、そとの枠や文字に影をつけてネオン風にしています。
こんなくふうをプログラミングでやるのがデザインコーディングです。アニメが好きな人は、自分でキャラをデザインすることもできますよ!