基于Html5的爱情主题网站–表白神器(第二版)
2013-10-17 08:23
369 查看
第二版在第一版的基础上增加了一个动态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不支持。效果图
![](http://bcs.duapp.com/xiaopihai/2013/10/our-love-story2-240x150.jpg)
基于Html5的爱情主题网站–表白神器(第二版)查看示例下载地址
![](http://bcs.duapp.com/xiaopihai/2013/10/our-love-story2-240x150.jpg)
基于Html5的爱情主题网站–表白神器(第二版)查看示例下载地址
相关文章推荐
- 基于Html5的爱情主题网站–表白神器(第二版)
- 基于Html5的爱情主题网站–表白神器(第二版)
- 基于Html5的爱情主题网站–表白神器(第二版)
- 基于Html5的爱情主题网站–表白神器(第二版)
- 基于Html5的爱情主题网站–表白神器
- 基于Html5的爱情主题网站–表白神器
- 基于Html5的爱情主题网站–表白神器
- 基于Html5的爱情主题网站–表白神器
- 基于 HTML5 的校园网站移动平台 web 页面设计
- 基于ElementUI的网站换主题的一些思考与实现
- 主题网站分享两套免费的超棒响应式HTML5网站模板
- 非常酷!10个基于 HTML5 的字体应用演示网站
- 非常酷!10个基于 HTML5 的字体应用演示网站
- 基于ElementUI的网站换主题的一些思考与实现
- 22个基于HTML5开发的网站
- 基于html5开发的8个优秀网站展示
- 分享一个基于HTML5技术的在线画图的网站
- 帮助你开发基于HTML5的网站原型页面 - HTML5 Bones
- 帮助你开发基于HTML5的网站原型页面 - HTML5 Bones