This a animation tool to show how a matrix transform the space.

Inspired by the book:

• 《程序员的数学3 线性代数》（ISBN: 9787115417749）
• 《プログラミングのための線形代数》（ISBN: 9784274065781）

Programs the book provide is not easy to run(too more dependences).

So this repo is here.

Why not use transform of CSS or SVG?

It will be aslo transform the stroke-width and more in this way. What wanted is observe the transform of coordinates, not the transform of the whole graphic.

Download matrix-animation.zip.

Open index.html in your browser(best is latest Chrome) by a http(s) server.

For example:

unzip matrix-animation.zip -d matrix-animation
cd matrix-animation
python3 -m http.server
# open http://localhost:8000/

• Able to set arrow vector
• Demos of 《程序员的数学3 线性代数》（ISBN: 9787115417749）
• Show cursor coordinate of SVG
• Control animation process with input[type="range"]
• Refactoring JS Files(33%)
  • Add packaging tools
  • Split index.js to modules
  • Add TypeScript
• Deploy to a free serverless platform
• Optimize webpack config