WebGL技术精品:水母

WebGL技术精品:水母
如果你能想象出在光线充足的海里拍摄一群水母游动样子,那这里用WebGL技术实现的水母游动的效果绝对会让你以为是一段真实拍摄的视频。不能不佩服作者的技术高超。
趣味网页:从天堂到地狱再回天堂

趣味网页:从天堂到地狱再回天堂
这是一个很有趣的网页,按住 ↓ 不放,你会经历从天堂到人间到地狱的过程,松开键,你又会经历从地狱到人间道天堂的过程。沿途有很多的景观,走马观花的看吧。
WebGL技术精品:水池、水和球

WebGL技术精品:水池、水和球
使用浏览器里的WebGL技术逼真模拟水池、水、球、光影的互动变化效果。本演示需要你的电脑有一个相当不错的显卡和最新的显卡驱动。互动效果有:点击水面激起波澜,拖拽页面来旋转视角,使用G键来翻转重力,等等..
用浏览器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画出三角形图案(动画由CSS3制作完成)

动画演示如何用CSS3画出三角形图案(动画由CSS3制作完成)
如何用纯CSS画出一个三角形图案 假设这有一个方块。 方块有一个上边框。 还有其它三个边。 注意这些边框在方块 […]