• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

织梦吧 - dedecms,网站模板,建站教程,图片素材免费下载

DedeCMS视频教程
当前位置: 织梦吧 > 网页制作 > html5 >

八大疯狂的 HTML5 Canvas 及 WebGL 动画效果

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-03-14点击:
   

 

  HTML5、WebGL和JavaScript改变了长久以来的动画制作行业。在过去的几年中,我们想要制作卓越的网页动画只能使用Flash和Java Applet。而现在,使用脚本语言和渲染器在浏览器中实现疯狂的动画效果已经成为可能。究其原因,大概有以下几点:
  •   处理器的性能越来越高。我们的电脑已经有足够的强大的能力去渲染最为复杂的动画效果。
  •   现在浏览器和web技术的不断发展。浏览器如Firefox、Chrome、Safari和IE10,web技术如Canvas、SVG和WebGL。
  •   网速越来越快。一些体验需要实时数据流和预加载资源,更好的网络状况能有更好的体验。

  我们挑选了8个由WebGL、HTML5 Canvas和Javascript制作的绝妙效果。每一个都非常简单但却发人深省,疯狂并且极具创意。

  黏糊糊的东西

  用鼠标拖拽,然后扔出去,就会粘在网页边缘。

\

  粒子动画

  使用浮点纹理和FBO来实现的动画,由粒子组成一匹奔跑的骏马。

\

  三维液体

  用3D的方式呈现经典的2D水面效果算法。

\

  章鱼

  WebGL和Three.js制作的漂亮的章鱼状的星空动画

\

  蠕虫

  HTML5 Canvas制作的效果,无数条蠕虫根据灰度组成图片,你还可以拖拽一张本地图片到右侧。

\

  疯狂的触角

\

  随机视觉

\

  Conductor

  将纽约地铁系统变成可以弹奏的弦乐器。

\
标签: html5
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 [email protected] ,  QQ