From 7fb330dec7abdb09929a7c9e80499807682343e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9B=D0=B0=D0=B2=D1=80=D1=91=D0=BD=D0=BE=D0=B2=20=D0=90?=
 =?UTF-8?q?=D0=BD=D1=82=D0=BE=D0=BD?= <lavrton@gmail.com>
Date: Sat, 23 Aug 2014 18:19:35 +0800
Subject: [PATCH] new performance test

---
 test/assets/bunny.png         | Bin 0 -> 449 bytes
 test/performance/bunnies.html | 207 ++++++++++++++++++++++++++++++++++
 2 files changed, 207 insertions(+)
 create mode 100644 test/assets/bunny.png
 create mode 100644 test/performance/bunnies.html
diff --git a/test/assets/bunny.png b/test/assets/bunny.png
new file mode 100644
index 0000000000000000000000000000000000000000..79c31675083b7ffc272a6370bc189360bde484d0
GIT binary patch
literal 449
zcmV;y0Y3hTP)<h;3K|Lk000e1NJLTq000^Q001Qj1^@s6TxR*U0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzV@X6oRCwC#SIZ5;Fbr)<fdya!#2u+a
zzzT3+3r@fZxG@C>SOJFMz`0@qn1GK$9W|wOohG3Lai}FkWLtiT<2<{JbM8>W7|R$!
zUuNqg#gmKmsTnILy&K;zJjd^_40xy)%EA1>FWWk~LFpr<KfAwyC}|CE@%p-JWbDT?
z7eVrTq`1zH<o|#mO<w~#EbFO%C=e(D_`#a;QHiJ92@W6u@_eddh$Xy}k8J;YBB}sP
zY*tm5mnKsX!GXZun1%BKNN!V=G!Sunbk8ul2Oz6)t+cxU2EnWj806NE0eAc^GkU<L
zbVa64o=^p5dzT`0QQ%a>>E<cYiBE<bA+>t|!Hv(V>Hs9!2xEQJ>~!qz76HLsxFXdG
zs5~GjUDeD6dXvG$_#HtoUok|M-X@BSTy{VK4P?TJZcz}O&FVzD0fZu8Yajr@?2aYL
r_Q@_>J=ju&>AqoA-=wzwF98MsNX4<fPyoHl00000NkvXXu0mjf!K}Sb

literal 0
HcmV?d00001

diff --git a/test/performance/bunnies.html b/test/performance/bunnies.html
new file mode 100644
index 00000000..5551c311
--- /dev/null
+++ b/test/performance/bunnies.html
@@ -0,0 +1,207 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0px;
+        padding: 0px;
+      }
+      
+    </style>
+  </head>
+  <body>
+    <div id='container'></div>
+    <script src='http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.1.0.min.js'></script>
+    <script src='http://code.jquery.com/jquery-1.11.0.min.js'></script>
+    <script src='http://www.html5canvastutorials.com/lib/stats/stats.js'></script>
+    <script defer='defer'>      
+      var lastTime = 0;
+      var vendors = ['ms', 'moz', 'webkit', 'o'];
+      for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+          window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
+          window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
+                                     || window[vendors[x]+'CancelRequestAnimationFrame'];
+      }
+      if (!window.requestAnimationFrame) {
+          window.requestAnimationFrame = function(callback) {
+              var currTime = new Date().getTime();
+              var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+              var id = window.setTimeout(function() { callback(currTime + timeToCall); }, 
+                timeToCall);
+              lastTime = currTime + timeToCall;
+              return id;
+          };
+      }
+      window.requestAnimFrame = window.requestAnimationFrame;
+      
+      var width = $(window).width();
+      var height = $(window).height();
+      
+      var wabbitTexture;
+      
+      var bunnys = [];
+      var gravity = 0.75;
+      
+      var maxX = width - 10;
+      var minX = 0;
+      var maxY = height - 10;
+      var minY = 0;
+      
+      var startBunnyCount = 10;
+      var isAdding = false;
+      var count = 0;
+      var container;
+      var layer;
+      var stats;
+      var amount = 10;
+      var counter;
+      
+      function onReady() {
+          var stage = new Kinetic.Stage({
+              container: 'container',
+              width: width - 10,
+              height: height - 10,
+          });
+          layer = new Kinetic.FastLayer();
+          stage.add(layer);
+          stats = new Stats();
+          
+          wabbitTexture = new Image();
+          wabbitTexture.onload = function() {
+              _handleTextureLoaded();
+          };
+          wabbitTexture.src = '../assets/bunny.png';
+          
+          document.body.appendChild( stats.domElement );
+          stats.domElement.style.position = 'absolute';
+          stats.domElement.style.top = '0px';
+          
+          window.requestAnimationFrame(update);
+      
+          counter = document.createElement('div');
+          counter.className = 'counter';
+          counter.style.position = 'absolute';
+          counter.style.top = '50px';
+
+          document.body.appendChild(counter);
+          
+          count = startBunnyCount;
+          counter.innerHTML = startBunnyCount + ' BUNNIES';
+          
+          container = stage;
+          // stage.addChild(container);
+          
+          $(stage.getContainer()).mousedown(function(){
+              isAdding = true;
+          });
+          
+          $(stage.getContainer()).mouseup(function(){
+              isAdding = false;
+          });
+          
+          document.addEventListener('touchstart', onTouchStart, true);
+          document.addEventListener('touchend', onTouchEnd, true);
+      }
+      
+      function _handleTextureLoaded (event) {
+          for (var i = 0; i < startBunnyCount; i++) 
+          {
+              var bunny = new Kinetic.Image({
+                  image: wabbitTexture,
+                  transformsEnabled: 'position',
+                  hitGraphEnabled: false,
+                  x : 10,
+                  y : 10
+              });
+             
+
+      
+              bunny.speedX = Math.random() * 10;
+              bunny.speedY = (Math.random() * 10) - 5;
+              
+              bunnys.push(bunny);
+              // bunny.cache();
+              layer.add(bunny);
+              bunny.cache();
+
+              layer.draw();
+          }
+      }
+      
+      function onTouchStart(event){
+          isAdding = true;
+      }
+      
+      function onTouchEnd(event){
+          isAdding = false;
+      }
+      
+      function update(){
+          stats.begin();
+          if(isAdding) {
+              // add 10 at a time :)
+              
+              for (var i = 0; i < amount; i++) 
+              {
+                  var bunny = new Kinetic.Image({
+                      image: wabbitTexture,
+                      transformsEnabled: 'position',
+                      x : 0,
+                      y : 0
+                  });
+                  bunny.speedX = Math.random() * 10;
+                  bunny.speedY = (Math.random() * 10) - 5;
+                  // bunny.cache();
+                  bunnys.push(bunny);
+                  layer.add(bunny);
+                  bunny.cache();
+
+                  
+                  
+                  count++;
+              }    
+              counter.innerHTML = count + ' BUNNIES';
+          }
+          
+          for (var i = 0; i < bunnys.length; i++) {
+              var bunny = bunnys[i];
+              bunny.setX(bunny.getX() + bunny.speedX);
+              bunny.setY(bunny.getY() + bunny.speedY);
+              bunny.speedY += gravity;
+              if (bunny.getX() > maxX - wabbitTexture.width)
+              {
+                  bunny.speedX *= -1;
+                  bunny.setX(maxX - wabbitTexture.width);
+              }
+              else if (bunny.getX() < minX)
+              {
+                  bunny.speedX *= -1;
+                  bunny.setX(minX);
+              }
+              
+              if (bunny.getY() > maxY - wabbitTexture.height)
+              {
+                  bunny.speedY *= -0.85;
+                  bunny.setY(maxY - wabbitTexture.height);
+                  if (Math.random() > 0.5)
+                  {
+                      bunny.speedY -= Math.random() * 6;
+                  }
+              } 
+              else if (bunny.getY() < minY)
+              {
+                  bunny.speedY = 0;
+                  bunny.setY(minY);
+              }
+              
+          }
+          layer.drawScene();
+          requestAnimFrame(update);
+          stats.end();
+      }
+
+      $(document).ready(onReady);
+      
+    </script>
+  </body>
+</html>
\ No newline at end of file
