溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

基于Html5的愛情主題網(wǎng)站–表白神器(第二版)

發(fā)布時間:2020-07-21 14:11:04 來源:網(wǎng)絡(luò) 閱讀:653 作者:ly1989124423 欄目:移動開發(fā)

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

介紹下three.js:

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

有興趣的朋友可以學(xué)習(xí)下。

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

效果圖

基于Html5的愛情主題網(wǎng)站–表白神器(第二版)

基于Html5的愛情主題網(wǎng)站–表白神器(第二版)

查看示例

下載地址


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI