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

Update Raster example to use onFrame.

Browse source
This commit is contained in:
Jonathan Puckey 2011-04-26 15:43:01 +02:00
parent ba0c6dafea
commit 520e540da7
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
examples/Animated/Raster.html
View file

@ -7,14 +7,16 @@
<script type="text/javascript" src="../../src/load.js"></script>
<script type="text/paperscript" canvas="canvas">
// http://en.wikipedia.org/wiki/Lenna
var raster = new Raster('lenna');
var count = 0, lastScale = 1;
setInterval(draw, 30);
function draw() {
var raster = new Raster('lenna'),
count = 0,
lastScale = 1,
center = document.bounds.center;
function onFrame() {
count++;
var scale = Math.sin(count / 15) + 1;
raster.scale(scale / lastScale);
raster.position = [Math.sin(count / 20) * 256 + 512, 384];
raster.position = center + [Math.sin(count / 20) * 256, 0];
raster.rotate(5);
document.redraw();
lastScale = scale;