Tutorial for building Rubik's cube using CSS3 3D transform

Posted by quan on Saturday August 04, 2012 @12:26PM
from the html5rubik.com dept.

( 5 comments | 21 points | on HN )

Re:Tutorial for building Rubik's cube using CSS3 3D transform by sakai on Saturday August 04, 2012 @01:59PM (#4339113)

Ok, that's awesome. Link to just the finished cube/game (for iOS devices especially): http://html5rubik.com/tutorial/step3/index.html

[ Parent | on HN ]

Re:Tutorial for building Rubik's cube using CSS3 3D transform by TazeTSchnitzel on Saturday August 04, 2012 @02:37PM (#4339240)

A little flickering/z-fighting kind of things I see makes me think it needs backface visibility to be turned off.

[ Parent | on HN ]

Re:Tutorial for building Rubik's cube using CSS3 3D transform by diervo on Saturday August 04, 2012 @03:40PM (#4339427)

There is a bug being fixed in chrome for composite 3d artifacts ;)

[ Parent | on HN ]

Re:Tutorial for building Rubik's cube using CSS3 3D transform by TazeTSchnitzel on Saturday August 04, 2012 @03:43PM (#4339433)

Ah, that's good. I was worried, with my own experiments, that I was doing something wrong.

[ Parent | on HN ]

Re:Tutorial for building Rubik's cube using CSS3 3D transform by Kilimanjaro on Saturday August 04, 2012 @02:14PM (#4339169)

Impressive! Stuff like this keeps me coming to HN day after day. Opium for geeks.

[ Parent | on HN ]