首页»UI/UE»惊艳!9个不可思议的 HTML5 Canvas 应用试验

by8博悦娱乐: 惊艳!9个不可思议的 HTML5 Canvas 应用试验

来源:梦想天空 发布时间:2013-10-16 阅读次数:

博悦娱乐平台黑人

只有发现自身优势、克服不足,才能坚定地向着世界一流大学和一流学科的奋斗目标迈进。胡春华强调,要坚持社会主义办学方向不动摇。

HTML5 <canvas> 元素给网页中的视觉展示带来了革命性的变化。Canvas 能够实现各种让人惊叹的视觉效果和高效的动画,在这以前是需要 Flash 支持或者 JavaScript 才能实现的。HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,功能强大。今天这篇文章向大家展示9个让人难以置信的 HTML5 Canvas 应用演示。

  1.  HTML5 Video Destruction

  这是一个真正抢眼的 Canvas 演示,我必须顶礼膜拜。你会看到一个可扩展的画布视频,点击视频片爆炸,但视频爆炸过程中继续播放,并能够自动回到其原来的位置。这是一个让我们所有的人都振奋的演示。

  效果演示

  2.  Zen Photon Garden

  这个史诗般的 Canvas 应用演示可以在画布上绘制活性光流,从而使用户能够看到他们的新线条组成的光流效果。更妙的是,这个演示可以让您保存和加载输出。

  效果演示

  3.  Tear-able Cloth

  这是一个流畅的模拟可撕裂布料效果的演示。你会看到,借助 Canvas 的强大绘图和动画功能,只需很少的代码就能实现让您屏息凝神的效果。

  效果演示

  4.  Particles

  这是演示绚丽得难以形容。此演示的动画的颜色,位置,连接线,和不透明度,所有的动画都很光滑....这是真的很光滑。惊叹!

  效果演示

  5.  30,000 Particles

  30K颗粒演示包含了一些非常可怕的东西:圆形(半径),动画爆炸和返回粒子,和鼠标监听器,允许用户控制爆炸。一个很好的交互性和逻辑的例子。

  效果演示

  6.  Motion Graphic Typeface

  这个效果太惊异了,每个字母由不同的图像数据。我可以说的是这个动画绝对令人兴奋的,你看到文字效果取决于您的鼠标位置。

  效果演示

  7.  Motion Graphic Typeface II

  如果前一个演示还不够深刻,那么这个相信能够打动你。不仅是文字动画,还是一个令人难以置信的颜色模糊动画。这个演示是真正的超凡脱俗。

  效果演示

  8.  Canvas Rider

  HTML5 Canvas 的应用当然少不了游戏,可以说是网页游戏的未来,火狐 OS 将很快证明。这个辉煌而又简单的自行车比赛表明,Canvas 已经准备好迎来黄金季节。

  效果演示

  9.  Gestures + Reveal.JS

  这个演示使用您的设备的摄像头和麦克风实现基于手势的移动立方体的数据。如果你有一台 MacBook Pro 的,你应该尝试这一点。

  效果演示

QQ群:WEB博悦娱乐官方群(515171538),验证消息:10000
微信群:加小编微信 849023636 邀请您加入,验证消息:10000
提示:更多精彩内容关注微信公众号:全栈博悦娱乐中心(fsder-com)
网友评论(共3条评论) 正在载入评论......
理智评论文明上网,拒绝恶意谩骂 发表评论 / 共3条评论
登录会员中心