From defda72fc1e7313fcd29444dafc204e9620a97b2 Mon Sep 17 00:00:00 2001
From: Gunther Brunner <gunta85@gmail.com>
Date: Fri, 7 Mar 2014 19:11:04 +0900
Subject: [PATCH] - Introducing requestAnimationFrame

---
 res/app/app.js                                  |  5 +++++
 .../stf/screen/fast-image-render/index.js       | 17 +++++++++++++++++
 .../fast-image-render/test/performance_test.js  |  4 ++--
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/res/app/app.js b/res/app/app.js
index 4820a960..4ea1f4ec 100644
--- a/res/app/app.js
+++ b/res/app/app.js
@@ -1,6 +1,11 @@
 require('angular')
 require('angular-route')
 
+//require('se7en-bootstrap-3/build/stylesheets/bootstrap.min.css')
+
+
+
+
 angular.module('app', [
   'ngRoute',
   require('./device-list').name,
diff --git a/res/app/components/stf/screen/fast-image-render/index.js b/res/app/components/stf/screen/fast-image-render/index.js
index f1e25fee..38a331ca 100644
--- a/res/app/components/stf/screen/fast-image-render/index.js
+++ b/res/app/components/stf/screen/fast-image-render/index.js
@@ -391,6 +391,15 @@ function FastImageRender(canvasElement, options) {
   this.options = options || {}
   this.canvasElement = canvasElement
 
+  if (that.options.raf) {
+    that.animLoop = function() {
+      that.raf = that.animLoop)
+
+      // separate render from drawing
+      // render
+    }
+  }
+
   if (true) {
     this.loader = new Image()
     this.loader.onload = function () {
@@ -414,6 +423,13 @@ function FastImageRender(canvasElement, options) {
 
 }
 
+FastImageRender.prototype.destroy = function () {
+
+  cancelAnimationFrame(this.raf)
+
+  // delete onLoad & onError
+}
+
 FastImageRender.prototype.load = function (url, type) {
   var that = this
 
@@ -438,6 +454,7 @@ FastImageRender.prototype.load = function (url, type) {
     }
 
   } else {
+
     this.loader.src = url
   }
 }
diff --git a/res/app/components/stf/screen/fast-image-render/test/performance_test.js b/res/app/components/stf/screen/fast-image-render/test/performance_test.js
index f01f100b..1ede5406 100644
--- a/res/app/components/stf/screen/fast-image-render/test/performance_test.js
+++ b/res/app/components/stf/screen/fast-image-render/test/performance_test.js
@@ -3,7 +3,7 @@ var frameNumberElement = document.querySelector('#frame-number')
 var totalTimeElement = document.querySelector('#total-time')
 
 var frame = {
-  total: 50,
+  total: 100,
   current: 0
 }
 
@@ -15,7 +15,7 @@ function loadNext() {
 //  var height = 300
   //  loader.src = 'http://placehold.it/' + width + 'x' + height + '?' + Date.now()
   //  loader.src = 'http://lorempixel.com/' + width + '/' + height + '/abstract/Frame-' + frames.current + '/?' + Date.now()
-  imageRender.load('images/screen.webp?' + Date.now())
+  imageRender.load('images/screen.jpg?' + Date.now())
 //  imageRender.load('images/screen.jpg')
 }