7 款基于 HTML5 Canvas 的超炫 3D 动画效果
2015-03-26 16:58
751 查看
在以前,想要在浏览器中实现3D动画效果是非常困难的,但是自从HTML5诞生之后,这就变得十分简单了。遗憾的是,目前的浏览器对3D渲染效果还不是非常理想,尤其是渲染速度,可能用chrome和safari会比较理想。下面给大家推荐几个比较炫丽的HTML5
Canvas 3D动画效果,应该能让你眼前一亮。
1、HTML5 3D旋转地球
这是一个使用HTML5 Canvas画布实现的3D旋转的地球模型,看上去十分逼真。
在线演示
2、HTML5动态瀑布效果
你得相信,这么强大的效果可是用HTML5制作出来的,不是拍摄的哦。
在线演示
3、HTML5 3D视频碎片效果
你可以点击视频的任何一个地方,产生的碎片中依然在播放着视频,在基于webkit的浏览器上观看效果最好。
在线演示 / 源码下载
4、js cloth
三维空间中的二维图像。
在线演示
5、HTML5 3D Google搜索盒子
一个3D的Google图片搜索盒子,非常有立体感。
在线演示 / 源码下载
6、HTML5雨滴下落效果
非常酷的雨滴下落效果。
在线演示 / 源码下载
7、三维分子结构
在线演示
转载地址:http://blog.csdn.net/fengda2870/article/details/8199076
Canvas 3D动画效果,应该能让你眼前一亮。
1、HTML5 3D旋转地球
这是一个使用HTML5 Canvas画布实现的3D旋转的地球模型,看上去十分逼真。
在线演示
2、HTML5动态瀑布效果
你得相信,这么强大的效果可是用HTML5制作出来的,不是拍摄的哦。
在线演示
3、HTML5 3D视频碎片效果
你可以点击视频的任何一个地方,产生的碎片中依然在播放着视频,在基于webkit的浏览器上观看效果最好。
在线演示 / 源码下载
4、js cloth
三维空间中的二维图像。
在线演示
5、HTML5 3D Google搜索盒子
一个3D的Google图片搜索盒子,非常有立体感。
在线演示 / 源码下载
6、HTML5雨滴下落效果
非常酷的雨滴下落效果。
在线演示 / 源码下载
7、三维分子结构
在线演示
转载地址:http://blog.csdn.net/fengda2870/article/details/8199076
相关文章推荐
- 7 款基于 HTML5 Canvas 的超炫 3D 动画效果
- 基于HTML5 Canvas粒子效果文字动画特效
- JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
- 【分享】HTML5的Canvas制作3D动画效果分享
- HTML5 中的 canvas 标签 实现动画效果
- [置顶] HTML5 实现小车动画效果(Canvas/CSS3/JQuery)
- HTML5 Canvas 3D旋转动画 模糊发光特效
- 一款基于HTML5 Canvas的画板涂鸦动画
- HTML5 canvas 图片切换/图片轮播 贝塞尔曲线缓动 3D效果 (之) : slicease.js
- HTML5 实现小车动画效果(Canvas/CSS3/JQuery)
- HTML5 2D游戏引擎研发系列 第四章 <Canvas技术篇-画布技术-基于手动切片动画>
- 基于html5 canvas实现漫天飞雪效果实例
- HTML5 Canvas 高仿逼真 3D 布料图案效果
- HTML5 Canvas动画效果实现原理
- HTML5 Canvas动画效果演示
- 8款效果惊艳的HTML5 3D动画
- 25 个基于 HTML5 Canvas 的超炫示例
- Canvas 3D engine_HTML5动画引擎
- HTML5 Canvas动画效果实现原理
- Canvas 示例:4种超炫的网站动画背景效果