HTML5・Canvasの勉強に最適!! 髪の毛をシミュレーションした描画 『Hair』

ライブコーディングできる「CodePen」に面白いシミュレーションが公開されています

CodePenとはHTMLやCSS、JavaScriptをリアルタイムで編集、公開できると言ったサイトで

ここに変な?と言ったら怒られそうですが、面白いシミュレーションが公開されています

髪の毛をHTMLでシミュレーションしているのですが、この質感は凄いリアルに伝わります

hair1

CodePen Hair リンク先はこちらから

hair3

上記リンク先を開くと早速画面表示されますが

右上の「Editor」にてコードを表示できます

hair2

HTMLやCSS、JavaScriptがリアルタイムで編集可能で即時反映しますので

このシミュレーションを使って色々な勉強も可能です

hair4

パラメータの変更も可能で色々と試すことが出来て

HTMLの勉強だけでなく、このシミュレーションだけを見ても面白いと思います

hair5

ん~シュールな画像・・・

HTML、Canvasの勉強にもなりますよ

  • コメント: 0

今度はドバイ!! Googleストリートビューはこんな所にも 世界一高いビル『ブルジュ・ハリファ』前のページ

デスクトップにお絵かきできるフリーソフト プレゼンなどに便利 『Epic Pen』次のページ

関連記事

  1. 言語・開発・勉強

    BMIやローン返済・電気料金の計算など様々な計算が出来るCasioのネットサービス Keisan

    生活に役立つローンの計算や体重やBMIの計算こよみの計算など日…

  2. 言語・開発・勉強

    英語サイトで日本語ルビを付けてくれるWebサービス『ずるっこ!』 勉強にも便利かも

    英語サイトを翻訳では無く、原文そのままに英語に日本語ルビを付け…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP