A canvas playground project - rendering floating points and lines connecting them.
TypeScript + Webpack
$ git clone https://github.com/lzl124631x/canvas-floating-point.git
$ cd canvas-floating-point
$ npm install
$ npm run dev
Open http://localhost:8080.
| Expected Result | What I got |
|---|---|
![]() |
![]() |
| Version | Update |
|---|---|
| 0.0.1 | Only floating points bouncing within canvas. |
| 0.0.2 | Added connecting lines whose opacity and width are changing as distance change. |
| 0.0.3 | Added connecting lines between points and mouse. |
2018/1/28 Just found there is a repo dedicated for this!

