Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/whxaxes/canvas-test

🎮 happy canvas
https://github.com/whxaxes/canvas-test

3d canvas game javascript particles

Last synced: 5 days ago
JSON representation

🎮 happy canvas

Awesome Lists containing this project

README

        

# canvas-test

兴趣使然写的canvas小玩意

> 本项目中的 demo 均为自己的学习 Canvas 之作,部分创意非原创。

## 安装依赖
```
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/coolClock/index2.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/coolClock) |
| [粒子时钟](http://whxaxes.github.io/canvas-test/src/Funny-demo/coolClock/index.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/coolClock) |
| [橡皮擦效果](http://whxaxes.github.io/canvas-test/src/Funny-demo/clip/clip.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Funny-demo/clip) |
| [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/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/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) |
| [粒子动画](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/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/connectPipe/easyPipes.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Game-demo/connectPipe) |
| [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/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/shotBall.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-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/stopWatch.html) | [查看代码](https://github.com/whxaxes/canvas-test/tree/master/src/Other-demo) |

[/placeholder]:p

## Author
whxaxes

## LICENSE
MIT