4 ms·
Can anyone explain how they made it? I am not that good at HTML or CSS.
by krisokot 16y ago
Can anyone explain how they made it? I am not that good at HTML or CSS.
- jjcm 16y agoEmulated 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).
- ashearer 16y agoTo 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.)
- est 16y agohttp://www.google.com/logos/2010/buckyball10-hp-bond.png http://www.google.com/logos/2010/buckyball10-hp-bond.png CSS sprites