PerformanceTests/Animometer/tests/master/resources/multiply.js

   1 (function() {
   2
   3 var MultiplyStage = Utilities.createSubclass(Stage,
   4     function()
   5     {
   6         Stage.call(this);
   7         this.tiles = [];
   8         this._offsetIndex = 0;
   9     }, {
  10
  11     initialize: function(benchmark, options)
  12     {
  13         Stage.prototype.initialize.call(this, benchmark, options);
  14         var tileSize = Math.round(this.size.height / 20);
  15
  16         // Fill the scene with elements
  17         var x = Math.round((this.size.width - tileSize) / 2);
  18         var y = Math.round((this.size.height - tileSize) / 2);
  19         var tileStride = tileSize;
  20         var direction = 0;
  21         var spiralCounter = 2;
  22         var nextIndex = 1;
  23         var maxSide = Math.floor(this.size.height / tileStride);
  24         var centerSpiralCount = maxSide * maxSide;
  25         for (var i = 0; i < centerSpiralCount; ++i) {
  26             this._addTile(x, y, tileSize, i % 360);
  27
  28             if (i == nextIndex) {
  29                 direction = (direction + 1) % 4;
  30                 spiralCounter++;
  31                 nextIndex += spiralCounter >> 1;
  32             }
  33             if (direction == 0)
  34                 x += tileStride;
  35             else if (direction == 1)
  36                 y -= tileStride;
  37             else if (direction == 2)
  38                 x -= tileStride;
  39             else
  40                 y += tileStride;
  41         }
  42
  43         centerSpiralCount = maxSide * (maxSide + (maxSide & 1));
  44         for (var i = 0; i < centerSpiralCount; ++i) {
  45             var sideX = x + Math.floor(Math.floor(i / maxSide) / 2) * tileStride;
  46             var sideY = y - tileStride * (i % maxSide);
  47
  48             if (Math.floor(i / maxSide) % 2 == 1)
  49                 sideX = this.width - sideX - tileSize + 1;
  50             this._addTile(sideX, sideY, tileSize, (6 * i) % 360);
  51         }
  52     },
  53
  54     _addTile: function(x, y, tileSize, rotateDeg)
  55     {
  56         var tile = Utilities.createElement("div", { class: "div-" + Stage.randomInt(0,6) }, this.element);
  57         var halfTileSize = tileSize / 2;
  58         tile.style.left = x + 'px';
  59         tile.style.top = y + 'px';
  60         tile.style.width = tileSize + 'px';
  61         tile.style.height = tileSize + 'px';
  62
  63         var distance = 1.5 / tileSize * this.size.multiply(0.5).subtract(new Point(x + halfTileSize, y + halfTileSize)).length();
  64
  65         this.tiles.push({
  66             element: tile,
  67             rotate: rotateDeg,
  68             step: Math.max(1, distance / 4),
  69             distance: distance,
  70             active: false
  71         });
  72     },
  73
  74     complexity: function()
  75     {
  76         return this._offsetIndex;
  77     },
  78
  79     tune: function(count)
  80     {
  81         this._offsetIndex = Math.max(0, Math.min(this._offsetIndex + count, this.tiles.length));
  82     },
  83
  84     animate: function()
  85     {
  86         var distanceFactor = 1 / Math.sqrt(this._offsetIndex);
  87
  88         var progress = this._benchmark.timestamp % 10000 / 10000;
  89         var bounceProgress = Math.sin(2 * Math.abs( 0.5 - progress));
  90         var l = this._lerp(bounceProgress, 20, 50);
  91         var hslPrefix = "hsla(" + this._lerp(progress, 0, 360) + ",100%,";
  92
  93         for (var i = 0; i < this._offsetIndex; ++i) {
  94             var tile = this.tiles[i];
  95             tile.active = true;
  96             tile.rotate += tile.step;
  97             tile.element.style.transform = "rotate(" + tile.rotate + "deg)";
  98
  99             var influence = 1 - (tile.distance * distanceFactor);
 100             tile.element.style.backgroundColor = hslPrefix + l * Math.tan(influence / 1.25) + "%," + influence + ")";
 101         }
 102
 103         for (var i = this._offsetIndex; i < this.tiles.length && this.tiles[i].active; ++i) {
 104             this.tiles[i].active = false;
 105             this.tiles[i].element.style.backgroundColor = "";
 106         }
 107     },
 108
 109     _lerp: function(value, min, max)
 110     {
 111         return min + ( max - min ) * value;
 112     }
 113 });
 114
 115 var MultiplyBenchmark = Utilities.createSubclass(Benchmark,
 116     function(options)
 117     {
 118         Benchmark.call(this, new MultiplyStage(), options);
 119     }
 120 );
 121
 122 window.benchmarkClass = MultiplyBenchmark;
 123
 124 }());