wei-zhe / canvasCase

Some examples of canvas

超多经典 canvas 实例

普及：<canvas> 元素用于在网页上绘制图形。这是一个图形容器，您可以控制其每一像素，必须使用脚本来绘制图形。

注意：IE 8 以及更早的版本不支持 <canvas> 元素。

1. 尤雨溪个人主页炫彩三角纽带效果，点击还可变换 ‘evan-you’

GitHub源码 、 Demo演示

2. 知乎登录注册页动态离子背景效果

GitHub源码 、 Demo演示

3. 基于 canvas 的五子棋完整功能实现 ‘five-chess’

GitHub源码 、 Demo演示

4. 基于 canvas 的《是男人就下100层》小游戏完美实现 ‘man-down100’

GitHub源码 、 Demo演示

5. 毛笔字书写田字格，可以写字 ‘brush’

GitHub源码 、 Demo演示

6. 随心而动，随刃而行。输入文字显示动画粒子特效 ‘side-text’

GitHub源码 、 Demo演示

7. 鼠标移动炫彩小球 ‘globule’

GitHub源码 、 Demo演示

8. 2048 ‘game2048’

GitHub源码 、 Demo演示

9. 贪吃蛇 ‘snake’

GitHub源码 、 Demo演示

10. 看你有多色 ‘look-def-color’

GitHub源码 、 Demo演示

11. 坦克大战 ‘tank’

GitHub源码 、 Demo演示

12. 宇宙行星旋转特效 ‘universe’

GitHub源码 、 Demo演示

13. 支付宝咻咻咻动画特效 ‘alipay’

GitHub源码 、 Demo演示

14. 程序员表白代码 ‘love-time’

GitHub源码 、 Demo演示

15. 心形文字 ‘heart’

GitHub源码 、 Demo演示

16. 照片墙 ‘photo-wall’

GitHub源码 、 Demo演示