# canvas-test

**Repository Path**: jasydong/canvas-test

## Basic Information

- **Project Name**: canvas-test
- **Description**: Canvas Demo List
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# canvas-test

兴趣使然写的canvas小玩意<br>

## 安装依赖
```
npm install
```

## 运行服务
```
npm run server

open http://127.0.0.1:3030/menu.html
```

## 构建menu列表
```
npm run build
```

## 在线效果列表
> 建议用`chrome`查看

[placeholder]:p

| 效果预览链接 | 源码 |
| :--------: | :--------: |
| [可视化音乐播放器](http://whxaxes.github.io/canvas-test/src/Funny-demo/musicPlayer/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/musicPlayer) |
| [放烟花模拟](http://whxaxes.github.io/canvas-test/src/Funny-demo/shotFire/shotFire.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/shotFire) |
| [网状粒子效果1](http://whxaxes.github.io/canvas-test/src/Funny-demo/netparticle/net_1.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/netparticle) |
| [网状粒子效果2](http://whxaxes.github.io/canvas-test/src/Funny-demo/netparticle/net_2.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/netparticle) |
| [图像拉扯变形](http://whxaxes.github.io/canvas-test/src/Funny-demo/transform/demo1.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/transform) |
| [图像3d变形](http://whxaxes.github.io/canvas-test/src/Funny-demo/transform/demo2.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/transform) |
| [橡皮擦效果](http://whxaxes.github.io/canvas-test/src/Funny-demo/clip/clip.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/clip) |
| [粒子时钟](http://whxaxes.github.io/canvas-test/src/Funny-demo/coolClock/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/coolClock) |
| [LOW POLY（图片三角化）](http://whxaxes.github.io/canvas-test/src/Funny-demo/lowpoly/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/lowpoly) |
| [粒子动画](http://whxaxes.github.io/canvas-test/src/Particle-demo/animateStep/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/animateStep) |
| [黑洞吸引](http://whxaxes.github.io/canvas-test/src/Particle-demo/blackhole/blackhole.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/blackhole) |
| [操控文字图片的数据](http://whxaxes.github.io/canvas-test/src/Particle-demo/imgdata/controlImgData.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/imgdata) |
| [操控字体的数据](http://whxaxes.github.io/canvas-test/src/Particle-demo/imgdata/controlImgData2.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/imgdata) |
| [粒子成像demo](http://whxaxes.github.io/canvas-test/src/Particle-demo/orangutan/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Particle-demo/orangutan) |
| [FlyppyPeople](http://whxaxes.github.io/canvas-test/src/Game-demo/FlppyPeople/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/FlppyPeople) |
| [接水管游戏](http://whxaxes.github.io/canvas-test/src/Game-demo/connectPipe/easyPipes.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/connectPipe) |
| [飞机游戏](http://whxaxes.github.io/canvas-test/src/Game-demo/planGame/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/planGame) |
| [简单跑酷游戏](http://whxaxes.github.io/canvas-test/src/Game-demo/runningMan/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/runningMan) |
| [简易桌球游戏](http://whxaxes.github.io/canvas-test/src/Game-demo/snooker/snooker.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/snooker) |
| [视频拼图](http://whxaxes.github.io/canvas-test/src/Game-demo/vedioPintu.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo) |
| [3D旋转球](http://whxaxes.github.io/canvas-test/src/3D-demo/3Dball.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo) |
| [3d立方体](http://whxaxes.github.io/canvas-test/src/3D-demo/3Dcube.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo) |
| [3d多立方体](http://whxaxes.github.io/canvas-test/src/3D-demo/3Dcubes.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo) |
| [3D标签云](http://whxaxes.github.io/canvas-test/src/3D-demo/3Dtag.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/3D-demo) |
| [缓存测试(有缓存)](http://whxaxes.github.io/canvas-test/src/Other-demo/cache/test.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo/cache) |
| [缓存测试(无缓存)](http://whxaxes.github.io/canvas-test/src/Other-demo/cache/test2.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo/cache) |
| [Canvas时钟](http://whxaxes.github.io/canvas-test/src/Other-demo/clock.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo) |
| [绘制多边形](http://whxaxes.github.io/canvas-test/src/Other-demo/duobianxing.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo) |
| [仿重力小球](http://whxaxes.github.io/canvas-test/src/Other-demo/shotBall.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo) |
| [秒表](http://whxaxes.github.io/canvas-test/src/Other-demo/stopWatch.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo) |

[/placeholder]:p

## Author
whxaxes

## LICENSE
MIT