Format and Edit Matrices With This Little Tool

When working on GLSL you format and edit matrices constantly. Matrices can be hard to read and edit which leads to mistakes. We created a little tool to make it easier.

GLSL is hard enough to debug as is, so knowing that you’re putting your 0’s and 1’s in the right place is a lot of help.

Check this out. Try to change the 0 to a 1 in the third row, second column.


You’ll be counting and fumbling to find the right row or column.

Can’t get it? It’s here.

[0,0,0,0,0,0,0,0,0, -> 1 <- ,0,0,0,0,0,0,0]

UGH! It’s a needle in a haystack!

What if there was a way to edit and format matrices easily?

Introducing Matrix Edit! A simple, easy way to format and edit 2×2, 3×3, and 4×4 matrices.


  • MouseWheel input support
  • Paste / Format existing matrices
  • JS / GLSL formatted matrix output
  • Enter both numeric values and text (for variables)
  • Bugs

If you catch any bugs or have any ideas for features, feel free to reach out to me @MatthewWillox or @gskinner_team on Twitter.

Avatar photo

Matthew Willox

Artist masquerading as a developer in a designers world.

Leave a Reply

Your email address will not be published. Required fields are marked *