基於Html5的愛情主題網站–表白神器(第二版)

第二版在第一版的基礎上增加了一個動態3D的白雲效果背景,鼠標懸浮在頁面上雲朵會向屏幕Z軸方向運動,在第一人稱視角看來向着雲朵方向前進的,由此形成一個僞3D效果。有點繞,直接看demo就能理解了。3D白雲效果是基於threejs框架做的。

介紹下three.js:

three.js是JavaScript編寫的WebGL第三方庫。提供了非常多的3D顯示功能。Three.js 是一款運行在瀏覽器中的 3D 引擎,你可以用它創建各種三維場景,包括了攝影機、光影、材質等各種對象。你可以在它的主頁上看到許多精采的演示。不過,這款引擎目前還處在比較不成熟的開發階段,其不夠豐富的 API 以及匱乏的文檔增加了初學者的學習難度(尤其是文檔的匱乏)three.js的代碼託管在github上面。

有興趣的朋友可以學習下。

注意:3D動態白雲背景效果只最新的chrome和firefox下有效,firefox下有點卡。IE和safari不支持。

效果圖

基於Html5的愛情主題網站–表白神器(第二版)

基於Html5的愛情主題網站–表白神器(第二版)

查看示例

下載地址


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章