页面

2010年7月7日 星期三

8个超酷HTML5实例,值得一试






介绍

HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。
本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的
效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。

  • Tunnelers

    Processing to sketch out the animation and form, then rewrote it from scratch in
  • Javascript / Canvas HTML5. Simply awesome and amazing!



  • The Mesmerizer

    A simple experiment with a 16x16 grid of squares. Moving the pointer over the squares
  • causes colours to appear and bleed into adjacent squares with an effect that is quite
  • mesmerizing. Try clicking the corner squares or typing on the keyboard for additional effects.
  • Burn

    A simple test of local pixel-based modifications of an HTML5 canvas drawing area.
  • Hold a mouse button down for a "slide down" effect.
  • Cheloniidae Live

    This project is pure JavaScript, though it uses a library that dynamically recompiles
  • JavaScript functions to implement operator overloading. (This is done inside the browser,
  • not ahead-of-time.) Pretty fun, you can alter the code and make your own drawing!
  • Canvas 3D engine

    A 3D engine on canvas, currently supporting a collection of basic prefab shapes, textures,
  • and basic interaction. Current work includes collada (import) support, and improved texture
  • and lighting features.
  • Bomomo

    Best give it a try yourself... just use your mouse & mouse button! All of the sudden,
  • I have become artistic. :)
  • DDD

    Move mouse to draw, drag to rotate. This one is pretty fun, you have to try to see it.
  • Plasma Tree

    Inspired by nature - a visual presentation of a algorithm

0 饭醉感言:

发表评论

请留下您的饭醉感言
别忘了首先感谢国家,感谢CCAV,然后信春哥.....