KineticJSRotatingTriangles

( function() {
            var stage = new Kinetic.Stage({
              container: 'kinetic-container',
              width: 500,
              height: 500
            }),
                topLayer = new Kinetic.Layer(),
                midLayer = new Kinetic.Layer(),
                botLayer = new Kinetic.Layer();

            function makeRect(posX, posY, recWidth, recHeight, fillColor, strokeColor, strokeWidth, drag, offX, offY) {
                return new Kinetic.Rect({
                  x: posX,
                  y: posY,
                  width: recWidth,
                  height: recHeight,
                  fill: fillColor,
                  stroke: strokeColor,
                  strokeWidth: strokeWidth,
                  draggable: drag,
                  offset: {
                    x:offX , y:offY}
                });
            }

            var blueRect = makeRect(50, 50, 300, 50, "blue", "red", 3, true, -60, 30),
                yellowRect = makeRect(220, 75, 300, 50, 'yellow', 'black', 4, false, -15, -30),
                redRect = makeRect(400, 75, 300, 50, 'red', 'black', 4, false, 150, 200);

            botLayer.add(redRect);
            midLayer.add(yellowRect);
            topLayer.add(blueRect);

            stage.add(midLayer);
            stage.add(topLayer);
            stage.add(botLayer);
            // one revolution per 4 seconds
            var angularSpeed = 360 / 4;
            var animTop = new Kinetic.Animation(function(frame) {
              var angleDiff = frame.timeDiff * angularSpeed / 1000;
              blueRect.rotate(angleDiff);
            }, topLayer);
            var animMid = new Kinetic.Animation(function(frame) {
              var angleDiff = frame.timeDiff * angularSpeed * 2 / 1000;
              yellowRect.rotate(angleDiff);
            }, midLayer);
            var animBot = new Kinetic.Animation(function(frame) {
              var angleDiff = -frame.timeDiff * angularSpeed * 2 / 1000;
              redRect.rotate(angleDiff);
            }, botLayer);

            animTop.start();
            animMid.start();
            animBot.start();
          })();
      </script>