Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/whxaxes/canvas-test
- Owner: whxaxes
- License: mit
- Created: 2015-02-05T01:50:24.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2024-03-11T19:50:16.000Z (10 months ago)
- Last Synced: 2024-12-13T06:04:59.428Z (12 days ago)
- Topics: 3d, canvas, game, javascript, particles
- Language: HTML
- Homepage: http://whxaxes.github.io/canvas-test/menu.html
- Size: 26.7 MB
- Stars: 1,943
- Watchers: 88
- Forks: 990
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-canvas - canvas-test - some cnavas demo. (Plugins / Others)
README
# canvas-test
兴趣使然写的canvas小玩意
> 本项目中的 demo 均为自己的学习 Canvas 之作,部分创意非原创。
## 安装依赖
```
npm install
```## 运行服务
```
npm run serveropen 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