Why I create beautiful math GIFs

Translate this post

GIF by Jason Hise, public domain/CC0.
GIF by Jason Hise, public domain/CC0.

My first exposure to the concept of higher dimensional space came from reading Flatland in elementary school.  The book used the analogy of beings living in a two dimensional world trying to understand the third dimension in order to convey the type of imagination required for three dimensional beings like us to visualize a fourth.  The concept completely blew my mind; I spent the rest of the day almost in a daze trying to picture a fourth direction extending at a right angle to the three directions I knew.  It would be another decade before I would have the tools needed to visualize the shadows that such four dimensional geometry might project on our 3D world, starting with a humble 4D cube and ranging to the majestic 120-cell; the 4D analog of the dodecahedron.
GIF by Jason Hise, public domain/CC0.
GIF by Jason Hise, public domain/CC0.

My parents raised me to be curious.  Any time I didn’t understand how something worked or something needed to be fixed, it was an opportunity to learn something new.  It was all about creative problem solving; figuring out what worked and what didn’t, and using whatever was available in clever ways.  They made clear that in school, my grades weren’t important to them.  They only cared whether or not I was learning.  They fostered an environment in which I was encouraged to make mistakes in order to fully explore a problem space, and it gave me the confidence to approach everything in my life with that mentality.  Whenever I encountered something that I didn’t fully understand, I would poke and prod at it until I could build a gut level intuition about how it worked.
In mathematics and geometry, there are often concepts that can be difficult to build intuition about.  Mathematically there is no problem with doing algebra with objects in a higher dimensional space, but using memorized algorithms to manipulate symbols on a page is a far cry from really understanding the underlying concepts that those symbols represent.
Quaternions are a fantastic example of this.  In computer graphics, programmers often treat them as a magical black box.  They are ‘magic mysterious hyper-dimensional imaginary numbers that can represent 3D rotations’.  This wasn’t acceptable to me—I wanted to know why they worked the way that they did, and what they really represented.  After a significant amount of investigation I was able to build a mental model that was much more simple and intuitive—quaternions are made out of four parts because there are four rotations that are about as different from each other as you can possibly get.  In a way, these rotations really are perpendicular to each other.  You have where you started, where you land after rotating 180 degrees about the x axis, where you land after rotating 180 degrees about the y axis, and where you land after rotating 180 degrees about the z axis.  By taking some blend of each of these rotations you can build any other rotation that you could possibly want.  Quaternions aren’t magic—they are just a list of four blending values that tell you how much of each ‘fundamental’ rotation to use.
This drive to transform difficult concepts into intuitive tools was one of the major forces that led me to develop mathematical animations for wikipedia.  I wanted to demystify concepts that were too easy to take on faith, and turn them into something that people could really understand.  For instance, take the notion of an object that has ‘spin ½’.  This allegedly describes some sort of object that you have to spin around twice (a full 720 degrees!) before it will get back to where it started.  That just seems like quantum magic unless you have a way to visualize it.
One day I came across a description in a paper of a device that could be attached to a frame and spin continuously without getting tangled.  It was described in tremendous detail, but I still couldn’t see how it was possible.  So I dug into my closet through some of my childhood toys and tried to build what had been described with k’nex and rubber bands.  I could manipulate it with my hands, rotate it, see that it really did work, and come to understand it.  And amazingly, that little part in the center had to spin around twice to get back to where it started!
Once I understood how it worked and had a general mental model, I created some animations in an attempt to share that insight.  I made the first one below with manual keyframes and standard animation tools, and then later I wrote code to generate something a little more precise and elegant (the second one).
GIF by Jason Hise, public domain/CC0.
GIF by Jason Hise, public domain/CC0.

GIF by Jason Hise, public domain/CC0.
GIF by Jason Hise, public domain/CC0.

Finally, I decided to go all out and see if I could demonstrate that this works with any number of fibers, and that in the limit, a solid piece of continuous space could twist like this without getting tangled.
GIF by Jason Hise, public domain/CC0.
GIF by Jason Hise, public domain/CC0.

GIF by Jason Hise, public domain/CC0.
GIF by Jason Hise, public domain/CC0.

I work in the videogame industry as a physics programmer, so I spend a lot of my time using math to make 3D geometry move in an appealing way.  I’m currently working on a game where literally all of the character motion is driven by math—shielding turns you into a block, which I figured out how to do by reading up on alternate ways of measuring distance.  Math and geometry can be both expressive and beautiful, and I want to share that feeling with the world.
Jason Hise, Wikimedia community member

Archive notice: This is an archived post from blog.wikimedia.org, which operated under different editorial and content guidelines than Diff.

Can you help us translate this article?

In order for this article to reach as many people as possible we would like your help. Can you translate this article to get the message out?

12 Comments
Inline Feedbacks
View all comments

Some people have strange hobbies, but this one is simply amazing! Jason Hise, you are amazing! Will keep following you on your next works

great and exploratibe, I have never seen this before. greeting on Clemediciter

I’ve enjoyed studying several of your images on Wikipedia. I thought they were the work of many people w/individual specialties in math, not realizing they are mostly your work. Really informative and nice to view!

I would love to hear more about how you actually make these. I came across them when we talked about tesseracts in my linear algebra class. What software do you use and do you do it programatically? I really want to try experimenting with making come of my own gifs like this!

“I would love to hear more about how you actually make these.” I generally use C++ to write a Maya plugin with a custom shape node. Then within Maya I create the shape, assign a material that looks good, tune and animate a few of the shape properties, and render out a sequence of frames. Finally I compile the frames into a movie or gif using free online tools. For 4D geometry the shape node imports a 4D mesh from a text file, performs rotations in 4D, then projects down to 3D by adding a fixed amount to w (to… Read more »

Can you throw some of your visualization code up on Github ? Thanks!

Is it possible to use more than one point of rotation?

— “Is it possible to use more than one point of rotation?” Absolutely! Any set of transformations could be applied. Rotations are most natural to express when they are about the origin, but you can translate the geometry by an offset in 4D space both before and after the rotation to make the rotation use an arbitrary pivot point. Rotations are interesting because no matter how many dimensions your space has, a rotation is always a two-dimensional operation. In 2D, both of the dimensions get to participate in any given rotation. In 3D you have a little extra room… just… Read more »

Jason, thank you for allowing me to use your animations. Is there a way to modify one of the animations to show an additional physical effect of spin 1/2 that is missing so far?

What modifications did you have in mind specifically?

I sent you an email (to …64) with the details on August 22; did it arrive?

Spam filter got it.