第二版在初版的基礎上增長了一個動態3D的白雲效果背景,鼠標懸浮在頁面上雲朵會向屏幕Z軸方向運動,在第一人稱視角看來向着雲朵方向前進的,由此造成一個僞3D效果。有點繞,直接看demo就能理解了。3D白雲效果是基於threejs框架作的。html
介紹下three.js:html5
three.js是JavaScript編寫的WebGL第三方庫。提供了很是多的3D顯示功能。Three.js 是一款運行在瀏覽器中的 3D 引擎,你能夠用它建立各類三維場景,包括了攝影機、光影、材質等各類對象。你能夠在它的主頁上看到許多精采的演示。不過,這款引擎目前還處在比較不成熟的開發階段,其不夠豐富的 API 以及匱乏的文檔增長了初學者的學習難度(尤爲是文檔的匱乏)three.js的代碼託管在github上面。git
有興趣的朋友能夠學習下。github
注意:3D動態白雲背景效果只最新的chrome和firefox下有效,firefox下有點卡。IE和safari不支持。chrome
效果圖瀏覽器
基於Html5的愛情主題網站–表白神器(第二版)app
查看示例框架
下載地址學習