Ruin the Rotating Hexagon Illusion

Your browser does not support canvas.

Line widths


Color of lower line



The spinning hexagon isn't really 3D... or even a hexagon, but the effect makes it look that way. The options above will break the illusion to make it more clear as to how this result is being achieved.

I figured that this would be a good little project to create an explanation for beginner programmers (or people who are just curious about it) to get an idea of the process that went into creating this. Hopefully, this can give them a good idea of how to approach various programming challenges while also showing what to keep an eye out for when writing the code. More experienced programmers will likely find the next sections to be unnecessarily lengthy.

Next page: Concepts Behind the Spinning Hexagon

Return to main page