scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-19 06:00:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use the experimental Event.requestAnimationFrame() rather than setInterval().

Browse source
This commit is contained in:
Jürg Lehni 2011-03-14 22:20:04 +01:00
parent 8179d7bf7e
commit 4ec8847859
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/Animated/animatedStar.html
View file

@ -18,7 +18,7 @@
var offset = new Point(20 + 10 * i, 0); var offset = new Point(20 + 10 * i, 0);
var path = new Path(); var path = new Path();
path.fillColor = i % 2 ? 'red' : 'black'; path.fillColor = i % 2 ? 'red' : 'black';
console.log(path.fillColor); //console.log('color', path.fillColor);
path.closed = true; path.closed = true;
var l = offset.length; var l = offset.length;
@ -33,7 +33,7 @@
placedSymbol.position = center; placedSymbol.position = center;
layer.appendBottom(placedSymbol); layer.appendBottom(placedSymbol);
} }
setInterval(draw, 30); // setInterval(draw, 30);
var count = 0; var count = 0;
function draw() { function draw() {
@ -44,7 +44,9 @@
item.rotate(angle); item.rotate(angle);
} }
document.redraw(); document.redraw();
Event.requestAnimationFrame(draw, document.canvas);
} }
Event.requestAnimationFrame(draw, document.canvas);
</script> </script>
</head> </head>
<body> <body>