基于Html5的爱情主题网站–表白神器(第二版)

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

基于Html5的爱情主题网站–表白神器(第二版)app

查看示例框架

下载地址学习

相关文章
相关标签/搜索