Hacker News new | past | comments | ask | show | jobs | submit | krisokot's comments login

Can anyone explain how they made it? I am not that good at HTML or CSS.


Emulated 3D - similar to how oldschool NES/SNES games did "3D" games. Each sprite is simply scaled down to make it appear further away. Transforms are used as well for the rotation of the node joints. The hardest part of all this is probably just the z-order business (the z-axis stacking).


To expand on how the joints rotate: the CSS styles use a translation of a large CSS sprite image, which consists of 90 stacked images of the joint at various stages of rotation over 180 degrees. Even older browsers that only support translation transforms will work just as well. (Angles must be rounded to the nearest 2 degrees, which would explain some jumpiness.)



Join us for AI Startup School this June 16-17 in San Francisco!

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: