Enhance existing Animometer tests
[WebKit-https.git] / 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 / 25);
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(y / tileStride) * 2 + 1;
24         this._centerSpiralCount = maxSide * maxSide;
25         for (var i = 0; i < this._centerSpiralCount; ++i) {
26             this._addTile(x, y, tileSize, Stage.randomInt(0, 359));
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         this._sidePanelCount = maxSide * Math.floor((this.size.width - x) / tileStride) * 2;
44         for (var i = 0; i < this._sidePanelCount; ++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.size.width - sideX - tileSize + 1;
50             this._addTile(sideX, sideY, tileSize, Stage.randomInt(0, 359));
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         tile.style.visibility = "hidden";
63
64         var distance = 1 / tileSize * this.size.multiply(0.5).subtract(new Point(x + halfTileSize, y + halfTileSize)).length();
65         this.tiles.push({
66             element: tile,
67             rotate: rotateDeg,
68             step: Math.max(3, distance / 1.5),
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         this._distanceFactor = 1.5 * (1 - 0.5 * Math.max(this._offsetIndex - this._centerSpiralCount, 0) / this._sidePanelCount) / Math.sqrt(this._offsetIndex);
83     },
84
85     animate: function()
86     {
87         var progress = this._benchmark.timestamp % 10000 / 10000;
88         var bounceProgress = Math.sin(2 * Math.abs( 0.5 - progress));
89         var l = Utilities.lerp(bounceProgress, 20, 50);
90         var hslPrefix = "hsla(" + Utilities.lerp(progress, 0, 360) + ",100%,";
91
92         for (var i = 0; i < this._offsetIndex; ++i) {
93             var tile = this.tiles[i];
94             tile.active = true;
95             tile.element.style.visibility = "";
96             tile.rotate += tile.step;
97             tile.element.style.transform = "rotate(" + tile.rotate + "deg)";
98
99             var influence = Math.max(.01, 1 - (tile.distance * this._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.visibility = "hidden";
106         }
107     }
108 });
109
110 var MultiplyBenchmark = Utilities.createSubclass(Benchmark,
111     function(options)
112     {
113         Benchmark.call(this, new MultiplyStage(), options);
114     }
115 );
116
117 window.benchmarkClass = MultiplyBenchmark;
118
119 }());