Monday, April 1, 2013

Animating Three.js Warping

I was finally able to come up with a way to warp a Three.js plane into a cube-like shape last night. This does not seem like a good topic for 3D Game Programming for Kids as I still have a hard time coming up with a mental model for this.

Still, it seems cool enough that it is worth exploring a little more. Perhaps if I animate the flat plane warping from flat to cube, I might come up with a real life analogy...

So I Tween the column and row vertices pushing back into the previous column and row:

That is definitely a nice visualization. Although it does help me to get a clearer mental picture of what is going on, I cannot say that this has helped me to come with a useful mental model / real life equivalent. Ah well... shiny animation!