求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
     
   
分享到
15 个 HTML5 Canvas 应用欣赏
 

作者:admin,发布于2012-5-23

 

HTML5呈现了很多的新特性,这在之前的HTML中是不可见到的。其中一个最值得提及的特性就是HTML Canvas,可以对2D或位图进行动态、脚本的渲染。

今天,我们收集了15个优秀的canvas应用,每个开发者都应该知道。

1. SketchPad

Sketchpad 是个优秀的 HTML5 应用,帮助我们创建有用的绘图应用,使用JS和canvas元素。Sketchpad 的绘图工具具有丰富的功能。

2. Canvas Color Cycling

具有下雨、下雪、海浪、烟雾的效果。

3. Threshold Filter

将图片转换为高对比度的黑白照片。

4. Reflections

3D旋转效果。

5. 3D Planet Viewer

3D Planet Viewer 渲染效果,来自NASA WorldWind WMS 服务器的数据,可以进行旋转、缩放等操作。

6. Music Visualisation with SoundManager2

Jacob Seidelin 创建,使用canvas 元素和SoundManager2创建的音乐可视化演示。

7. Water Ripples

Almer Thie 创建的实时交互的水波纹效果。

8. Strange Attraction

Strange Attractor 提供各种选项,改变输出效果。

9. CloudKick

Cloudkick Viz 使用 canvas 元素来显示云服务器的实时监控信息。

10. Liquid Particles

Daniel Puhe 创建了这个有趣的液体运动粒子演示。只要移动你的鼠标在周围的粒子将跟随光标。

11. Canvas Sphere

复杂的球体效果。

12. jTenorian

256个LED按钮的表面,呈现的是描述不出来的效果。

13. Dynamic Image Collage

Dynamic Image Collage 使用canvas元素创建。

14. iGrapher

iGrapher 是个免费的基于web的金融市场可视化工具,包括股市、汇率和商品市场的图表、分析和预测。

15. Tiler 3D

Tiler 3D 呈现3D旋转网格的不限数量的同等尺寸的图片。

相关文章

深度解析:清理烂代码
如何编写出拥抱变化的代码
重构-使代码更简洁优美
团队项目开发"编码规范"系列文章
相关文档

重构-改善既有代码的设计
软件重构v2
代码整洁之道
高质量编程规范
相关课程

基于HTML5客户端、Web端的应用开发
HTML 5+CSS 开发
嵌入式C高质量编程
C++高级编程
 
分享到
 
 
     


十天学会DIV+CSS(WEB标准)
HTML 5的革新:结构之美
介绍27款经典的CSS框架
35个有创意的404错误页面
最容易犯的13个JavaScript错误
设计易理解和操作的网站
更多...   


设计模式原理与应用
从需求过渡到设计
软件设计原理与实践
如何编写高质量代码
单元测试、重构及持续集成
软件开发过程指南


东软集团 代码重构
某金融软件服务商 技术文档
中达电通 设计模式原理与实践
法国电信 技术文档编写与管理
西门子 嵌入式设计模式
中新大东方人寿 技术文档编写
更多...