HTML5のCanvas 2Dを使った実験「HAIR」

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

CodePen  Pen

HTML5 の Canvas 2D の機能を使ったデモ「HAIR」が公開されています(GitHubにも)。

CodePen  Pen 1

マウスポインターの位置にドライヤーがあるイメージで、いろんな方向に髪の毛をふきとばすことが可能。HTML5ってなんでもできるんですね(汗。風量や髪の毛の色は右上のオプション設定で変更することができます。ソースコードを参考にしたい場合、codepenよりGitHubのほうが見やすいかもです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次