基于Html5的爱情主题网站–表白神器(第二版)
2024-10-13 07:23:48
第二版在第一版的基础上增加了一个动态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的爱情主题网站–表白神器(第二版)
很多朋友都在问demo里的字体,这里说明下,不一一回答了,字体的名字叫senty小丸子。
这里不能传文件,我把字体放到我的网站里了,有需要的朋友可以去下载。
最新文章
- CentOS添加用户并加入sudo权限
- UEditor 1.4.3.1.NET版本上传配置备忘录
- 长按事件jquery mobile
- urllib.request
- SQL注入技术专题—由浅入深【精华聚合贴】
- edtftpj让Java上传FTP文件支持断点续传
- noip知识点总结之--欧几里得算法和扩展欧几里得算法
- 深入Java虚拟机读书笔记第五章Java虚拟机
- 未能在全局命名空间中找到类型或命名空间名称“Wuqi”
- td里的内容宽度自适应 及 鼠标放上显示标题div title
- 实参时丢弃了类型 discards qualifiers discards qualifiers问题
- 解决IE6中PNG图出现灰色背景问题
- RedHat Enterprise Linu…
- 利用Azure虚拟机安装Dynamics CRM 2016实例
- 算法: 包含min函数的栈
- loadrunner场景报错:Error: CCI compilation error -/tmp/brr_5d65oV/netdir/E/\320\324/Action.c (318): undeclared identifier `LAST'解决思路
- JWT ajax java spingmvc 简洁教程
- ceph 集群故障恢复
- Elasticsearch5.x批量插入数据(Java)
- 2018-03-13 HTTP Socket TCP学习
热门文章
- javascript和“主流大型语言”(c# JAVA C++等)的差异
- 导出含有图片的项目成jar文件后运行,图片不显示
- Asp.net最基本的文件上传功能代码
- java EE 5 Libraries 删掉后怎么重新导入
- 网站建设底层知识Socket与Http解析
- GetWindowText和GetDlgItemText的区别
- Junit单元测试学习笔记三
- java开发--反射技术
- MyBatis学习总结_18_MyBatis与Hibernate区别
- 转:C# 通过委托更新UI(异步加载)