WebGL技术精品:水母

WebGL技术精品:水母

如果你能想象出在光线充足的海里拍摄一群水母游动样子,那这里用WebGL技术实现的水母游动的效果绝对会让你以为是一段真实拍摄的视频。不能不佩服作者的技术高超。

趣味网页:从天堂到地狱再回天堂

趣味网页:从天堂到地狱再回天堂

这是一个很有趣的网页,按住 ↓ 不放,你会经历从天堂到人间到地狱的过程,松开键,你又会经历从地狱到人间道天堂的过程。沿途有很多的景观,走马观花的看吧。

WebGL技术精品:水池、水和球

WebGL技术精品:水池、水和球

使用浏览器里的WebGL技术逼真模拟水池、水、球、光影的互动变化效果。本演示需要你的电脑有一个相当不错的显卡和最新的显卡驱动。互动效果有:点击水面激起波澜,拖拽页面来旋转视角,使用G键来翻转重力,等等..

HTML5视频脸部识别技术:面具

HTML5视频脸部识别技术:面具

html5调用摄像头,然后分析你的脸部。你需要使用谷歌浏览器。你需要开启摄像头。点击右边的图片,看看自己的效果。

用浏览器WebGL技术模拟海面风浪三维模型

用浏览器WebGL技术模拟海面风浪三维模型

用浏览器WebGL技术模拟出的不可思议的海面风浪效果,只用简单的js就完全模拟出了专业软件里才会有的三维模型,并且能够手动调整浪高,风向,风力,海面大小。

纯CSS3制作的动画鱼缸景观

纯CSS3制作的动画鱼缸景观

不是视频,不是flash,没有用Javascript,没有用HTML5 Canvas,没有用一张图片,所有的鱼、水、石、怪以及动画效果都是用纯CSS3画出来的,真真叫人佩服的五体投地

电影中的黑客高手都是这样编程的

电影中的黑客高手都是这样编程的

你什么都不用想,对着键盘狂敲一气,看看会有什么结果?哈哈,肯定会让你大吃一惊——“哈哈,没想到我也是骇客高手了”

HTML5画布(Canvas)技术效果演示:视频破碎

HTML5画布(Canvas)技术效果演示:视频破碎

HTML5视频+画布(canvas)技术制作的爆裂的视频画面效果演示,使用谷歌浏览器观看效果最佳。
如果视频不能正确播放,请刷新页面,重新加载视频。这段视频来自Big Buck Bunny。

谷歌浏览器体验项目:HTML5画布(Canvas)技术应用演示——手势控制幻灯片播放

谷歌浏览器体验项目:HTML5画布(Canvas)技术应用演示——手势控制幻灯片播放

这是我将基于网络摄像头的手势识别技术和Hakim El Hattab开发reveal.js融合到一起的研究成果。我花了很长时间开发和优化调整这个手势识别算法。即使如此,这个算法仍然只有大概80%的准确性。但相信它已经足够让你领略到这种技术的潜力了:

纯CSS3的3D旋转立方体

纯CSS3的3D旋转立方体

提示:将鼠标放到立方体上,会发现更炫的动画效果。(用谷歌浏览器观看效果最佳) 前后上下左右

动画演示如何用CSS3画出三角形图案(动画由CSS3制作完成)

动画演示如何用CSS3画出三角形图案(动画由CSS3制作完成)

如何用纯CSS画出一个三角形图案 假设这有一个方块。 方块有一个上边框。 还有其它三个边。 注意这些边框在方块 […]

HTML5画布(Canvas)技术效果演示:妙笔生花

HTML5画布(Canvas)技术效果演示:妙笔生花

提示:点击清空画面。  


京ICP备12002735号