Matrix Transformation Visualiser
- 4 Devlogs
- 2 Total hours
A website that visualises how matrix transformations change a 2d grid using javascript canvas.
A website that visualises how matrix transformations change a 2d grid using javascript canvas.
finished the ui so it doesn’t suck
added animation to the vector transformations so now I just need to improve the ui and then the MVP will be complete, also added an FPS counter to see how it performs when I change the size of the grid.
just a quick one, made it so that the matrix transform also applies to the coordinate grid by making the line coordinates be based off of the transformed world coordinates
I started making a website that will allow people to visualise how matrix transformations change how the 2d grid looks. I have so far set up the project, made a 2d grid using html canvas, and added an input where the user can type in a transformation matrix and it will apply it to the red vector. Next time I work on it I will make the matrix transformation apply to the entire grid. For some reason the grid doesn’t display properly on the vercel deployment so I will try to fix that next time. Let me know if you have any suggestions.