Web開發者需知的15個HTML5畫布應用

發表於2011-07-18

下面介紹15個html5畫布應用,這些圖形方面的應用可以很好的幫助開發者。

1. SketchPad

Sketchpad 是一個優秀的HTML5應用 可以幫助使用者用 Javascript 畫布工具建立有用的畫圖應用. Sketchpad’s 畫圖工具有 筆刷,鉛筆,填充,文字 也提供 spirographs, 常用的 shapes 和stamps.

sketchpad

2. Canvas Color Cycling

這個應用可以使用一些濾鏡效果

canvas color cycling

3. Threshold Filter

可以把圖片轉化成高對比或黑白圖片.

threshold filter

4. Reflections
可以用特別的紋理和陰影處理3D應用.

reflections

5. 3D Planet Viewer

可以檢視美國航天局的圖片,旋轉或放大.

planel-viewer

6. Music Visualisation with SoundManager2

這可能是第一個HTML5音樂視覺化應用

musicvisualisation

7. Water Ripples

使用畫布原始建立互動水紋效果

water ripple

8. Strange Attraction

這是一個與眾不同的demo,通過修改設定可以產生不同的效果

strange-attraction

9. CloudKick

可以顯示雲端服務期的狀態,cpu,記憶體使用狀況等等。

cloudkick

10. Liquid Particles

這是一個有趣的液體demo,當你滑鼠移動時元素會跟著你的滑鼠走。

liquid particles

11. Canvas Sphere

由小球組成的3d球狀體

canvas sphere

12. jTenorian

當你點亮不同的按鈕組合,會創作出不同的有趣的聲音.

jtenorian

13. Dynamic Image Collage

這是一個有趣的線上的有趣的線上拼圖,通過搜尋找到圖片,點選圖片就會在畫布上顯示,組成有趣的拼圖

dynamic collage

14. iGrapher

iGrapher 是個免費的金融圖表工具,可以顯示股票等金融市場的走勢圖.

igrapher

15. Tiler 3D

顯示一個3d的圖片幻燈片.

tiler-3d

 

相關文章