帆布循环:丛林瀑布
这个令人印象深刻的演示利用HTML5 canvas元素来模拟颜色循环电脑动画技术在20世纪90年代很流行。
代写艺术工作室
这是一个很好的概念验证,演示了如何使用HTML5 canvas元素作为交互式绘图平台。
Bomomo
Bomomo是另一个使用HTML5 canvas元素作为绘图媒介的好例子。
3 d记录仪
再混合现实
这个演示展示了WebGL JavaScript API和canvas元素的强大功能;它将3D物体叠加在视频之上。这可能是增强现实在网页上可以使用开放源代码实现。
正常的照片映射
这个实验展示了应用于图像的有趣的交互式照明效果。
HTML5 Canvas粒子动画演示
这个实验有可变的设置,比如你想要动画的文本;这是一个很好的例子,展示了如何在画布元素上编程动画HTML。
迷宫
这款有趣的HTML5游戏让人想起了老式的3D平台游戏,并向你展示了现代开源网络技术在计算机图形动画方面的能力。不过要注意,有背景音乐,所以在冒险进入迷宫之前,降低你的电脑扬声器的音量!
波
这个演示向您展示了当您在画布元素上绘制时可以实现的动画流畅性。
导体
这个有趣的演示把纽约的地铁系统(称为MTA)变成了一种乐器。它使用MTA公共API实时获取数据,然后使用JavaScript、在HTML5画布上绘制的SVG和用于声音的HTML5音频元素。在这里了解更多关于指挥家项目的信息。
视频破坏
这是一个概念验证,演示了如何使用canvas元素以编程方式操作视频。
禅宗花园的照片
这个演示向您展示了射线跟踪完全使用JavaScript和HTML5完成的计算机图形技术。了解关于这个演示的更多信息在这里.
布仿真
这个交互实验使用HTML5 canvas元素来显示布料材料如何移动的物理模拟。这个演示的应用程序可以是3D动画。
施催眠术
这个交互实验使你的鼠标移动在HTML5 canvas元素渲染的网格中动画化。
3 d帆布
这个3D计算机图形动画是一个简单但令人印象深刻的例子,说明了HTML5 canvas元素是多么强大。
水帆布
这是在HTML5 canvas元素上进行的雨水物理模拟。你可以调整水的物理变量,如光的反射和雨滴的速率。
交互式排版效果
在演示页面上,将鼠标悬停在角色上方,可以看到使用canvas元素和JavaScript实现的动画效果。
你最喜欢的HTML5 Canvas演示是什么?
这就是HTML5 canvas的一些有趣的实验性使用。你最喜欢哪一个?
请在下面的评论中讨论。