基于Html5的爱情主题网站–表白神器(第二版)
来源:互联网 发布:登记照排版软件 编辑:程序博客网 时间:2024/05/22 04:45
第二版在第一版的基础上增加了一个动态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的爱情主题网站–表白神器(第二版)
- 基于Html5的爱情主题网站–表白神器
- html5表白神器开发,做一个浪漫的程序员
- 程序员爱情表白专用html5动画网页的代码
- 一位程序员的爱情表白(娱乐版)
- 一位程序员的爱情表白(娱乐版)
- 一位程序员的爱情表白(娱乐版)
- 一位程序员的爱情表白(娱乐版)
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- 程序员的爱情表白
- Qt找到不到信号槽
- Silverlight 2.5D RPG游戏技巧与特效处理:无限缩放空间系统
- [Flex]Flex使用札记
- MyEclipse内存不足之JVM内存浅谈
- 人体左右脑的功能
- 基于Html5的爱情主题网站–表白神器(第二版)
- EasyUi_学习之路_01
- Silverlight 2.5D RPG游戏技巧与特效处理:自定义路径动画
- 在 Linux 平台中调试 C/C++ 内存泄漏方法
- ZMap在Ubuntu 32bit下的编译
- Silverlight 2.5D RPG游戏技巧与特效处理:魔法系统
- 方差除以n和n-1的区别
- The steps of running Sencha on BlackBerry z10, BB10运行Sencha的步聚
- Silverlight 2.5D RPG游戏技巧与特效处理(Game Effects):目录