基于Html5的爱情主题网站–表白神器(第二版)
admin
2023-06-11 10:03:55
0

第二版在第一版的基础上增加了一个动态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的爱情主题网站–表白神器(第二版)

查看示例

下载地址


相关内容

热门资讯

伊朗:过去24小时有32艘船只... 当地时间25日,伊朗伊斯兰革命卫队海军称,过去24小时内,包括油轮、集装箱船和其他商船在内的32艘船...
想去海边过盛夏!华为nova ... 就在刚刚华为终端正式官宣了nova 16系列及全场景新品发布会。说实话,我第一眼看到视频的时候,还真...
华为突破半导体规则引爆中国芯片... 快科技5月25日消息,今天在电气电子工程师学会IEEE主办的2026国际电路与系统研讨会ISCAS现...
宁德,被主机厂“逼”着投Dee... 文 | 超聚焦 DeepSeek的绯闻东家,多了一个宁王。 5月23日,据The Informat...
武契奇被授予“友谊勋章” 5月25日,中华人民共和国“友谊勋章”颁授仪式在北京举行。塞尔维亚总统武契奇被授予“友谊勋章”。(摄...
起底煤矿“暗面”:假整改、假密... 5月22日,山西长治市沁源县通洲集团留神峪煤矿发生瓦斯爆炸,造成82人死亡、2人失联、128人受伤。...
AI驱动文化产业发展:无论技术... 2026文化强国建设高峰论坛人工智能驱动文化产业创新发展论坛22日在深圳举行。与会嘉宾聚焦“AI重构...
原创 美... 原创首发 | 金角财经(ID: F-Jinjiao) 作者 | Chester 中美机器人,到底谁更...
小米SU7现身西班牙塞维利亚 ... 【CNMO科技消息】5月25日,有外媒报道称,近日一辆小米SU7现身西班牙塞维利亚。有技术人士在车内...
从“数字门牌”到“智能入口” ... 人民网记者 黄盛 “十五五”时期,在“人工智能+”行动全面实施的过程中,中文域名如何借助AI技术实现...