今年は迫力の3Dでワードプレスに雪を降らす雪のシーズン到来ということで、ブログに季節感をプラスする雪を降らせてみました。HTML5のcanvasに対応したブラウザなら、このページには既に雪がチラチラしていると思います。(降ってないならおしてみて)JavaScriptの3Dライブラリ『Three.js』で描画されており、雪は立体的に舞います。マウスの動きにも反応します。 ただ難点として、canvasを画面いっぱい被せてるのでリンク等のクリックが効きません。そのため画面内でクリックが発生したらcanvasと共に雪は消えます。 準備 JavaScript HTML5 Canvas Snow in 3D | Seb Lee-Delisle こちらのページにあるスクリプトを使わせてもらいます。githubから snow3d.html Snow.js ThreeCanvas.js ParticleSmoke.png が必要になります。 同梱の
