基於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的愛情主題網站–表白神器(第二版)

查看示例

下載地址

很多朋友都在問demo里的字體,這里說明下,不一一回答了,字體的名字叫senty小丸子。

這里不能傳文件,我把字體放到我的網站里了,有需要的朋友可以去下載

字體下載地址


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM