# three.js.demo

**Repository Path**: weizhe-wz/three.js.demo

## Basic Information

- **Project Name**: three.js.demo
- **Description**: Some examples of canvas
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-11
- **Last Updated**: 2021-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 超多经典 canvas 实例

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

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

<p align="center">
  <a href="https://juejin.im/entry/59901e12f265da3e207709b0/detail"><img src="https://badge.juejin.im/entry/59901e12f265da3e207709b0/likes.svg?style=plastic"></a>
</p>

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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/evan-you) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/evan-you/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/zhihu) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/zhihu/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/five-chess) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/five-chess/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/man-down100) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/man-down100/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/brush) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/brush/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/side-text) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/side-text/release/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/globule) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/globule/index.html)



### 8. 2048 ‘game2048’

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/game2048) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/game2048/index.html)


### 9. 贪吃蛇 ‘snake’

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/snake) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/snake/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/look-def-color) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/look-def-color/index.html)


### 11. 坦克大战 ‘tank’

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/tank) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/tank/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/universe) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/universe/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/alipay) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/alipay/index.html)


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

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/love-time) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/love-time/index.html)


### 15. 心形文字 ‘heart’

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/heart) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/heart/index.html)


### 16. 照片墙 ‘photo-wall’

[GitHub源码](https://github.com/wei-zhe/canvasCase/tree/master/photo-wall) 、 [Demo演示](https://wei-zhe.github.io/canvasCase/photo-wall/index.html)