Javascript "Puzzle" with irregular .png formats

Soooo, what I'm trying to do is essentially a puzzle. On the left side is an area with a stack of a dozen or so overlapping .png files of β€œtorn” paper shapes (all different irregular shapes with alpha), which, when combined, in the order on the right, form a sheet of paper with notes on it. Visual (ignore rotating parts):

enter image description here I do not know anything new, but my two main caveats in developing this is that it should work in ie8 + and on touch devices. Thus, this means that there is no flash (where it would be very easy) and without a canvas (stupid, i.e.); which leaves me with js and maybe svg?

js , , , , , , , - , . , , , .

, .

( + google) , / . ?

.

+5
2

ExplorerCanvas ? , . , -, html javascript

+1

, , Flash, Canvas, SVG . , , (, ).

. , , ( ).

span ( ) , "" , , .

, ( ) , , " ". span.

, , 4 - 10 . , , .

, , ( Flash, Canvas, SVG), , , , , .

, doozy. - ( ), , px span, , 1 / . ; , .

, , 1 ( ) . . , 2 3 . , , , .

, , Firefox - , , , . , , .

- ( ). , , ( , , ).

, , :

  • HTML- , , , - . .
  • HTML- . , .
  • , .
  • , z-. , .
  • , , . , .
+1

All Articles