From 520e540da7c3fe53c75b4dc28a50f4924776c38b Mon Sep 17 00:00:00 2001
From: Jonathan Puckey <me@jonathanpuckey.com>
Date: Tue, 26 Apr 2011 15:43:01 +0200
Subject: [PATCH] Update Raster example to use onFrame.

---
 examples/Animated/Raster.html | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/examples/Animated/Raster.html b/examples/Animated/Raster.html
index 876a71e7..7c7c2f6e 100644
--- a/examples/Animated/Raster.html
+++ b/examples/Animated/Raster.html
@@ -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;