*

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

公開日: : 最終更新日:2013/06/29 言語・開発・勉強

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

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

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

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

hair1

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

hair3

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

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

hair2

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

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

hair4

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

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

hair5

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

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

 

  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 

    • Info (64)
    • Tips (130)
    • 市販ソフト (8)
    • 解決 (87)
    • 技あり (8)
    • 比較 (14)
    • Wordpress (15)
    • ハードウェア レビュー (26)
    • Windows8アプリ (2)
    • 美しいデスクトップを求めて (13)
    • Freesoft ゲーム (11)
    • 未分類 (1)



PAGE TOP ↑