[MotionMark] Update Multiply test
[WebKit-https.git] / PerformanceTests / MotionMark / tests / master / resources / multiply.js
1 /*
2  * Copyright (C) 2015-2017 Apple Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25 (function() {
26
27 var MultiplyStage = Utilities.createSubclass(Stage,
28     function()
29     {
30         Stage.call(this);
31         this.tiles = [];
32         this._offsetIndex = 0;
33     }, {
34
35     visibleCSS: [
36         ["visibility", "hidden", "visible"],
37         ["opacity", 0, 1],
38         ["display", "none", "block"]
39     ],
40     totalRows: 45,
41
42     initialize: function(benchmark, options)
43     {
44         Stage.prototype.initialize.call(this, benchmark, options);
45         var tileSize = Math.round(this.size.height / this.totalRows);
46         if (options.visibleCSS)
47             this.visibleCSS = options.visibleCSS;
48
49         // Fill the scene with elements
50         var x = Math.round((this.size.width - tileSize) / 2);
51         var y = Math.round((this.size.height - tileSize) / 2);
52         var tileStride = tileSize;
53         var direction = 0;
54         var spiralCounter = 2;
55         var nextIndex = 1;
56         var maxSide = Math.floor(y / tileStride) * 2 + 1;
57         this._centerSpiralCount = maxSide * maxSide;
58         for (var i = 0; i < this._centerSpiralCount; ++i) {
59             this._addTile(x, y, tileSize, Stage.randomInt(0, 359));
60
61             if (i == nextIndex) {
62                 direction = (direction + 1) % 4;
63                 spiralCounter++;
64                 nextIndex += spiralCounter >> 1;
65             }
66             if (direction == 0)
67                 x += tileStride;
68             else if (direction == 1)
69                 y -= tileStride;
70             else if (direction == 2)
71                 x -= tileStride;
72             else
73                 y += tileStride;
74         }
75
76         this._sidePanelCount = maxSide * Math.floor((this.size.width - x) / tileStride) * 2;
77         for (var i = 0; i < this._sidePanelCount; ++i) {
78             var sideX = x + Math.floor(Math.floor(i / maxSide) / 2) * tileStride;
79             var sideY = y - tileStride * (i % maxSide);
80
81             if (Math.floor(i / maxSide) % 2 == 1)
82                 sideX = this.size.width - sideX - tileSize + 1;
83             this._addTile(sideX, sideY, tileSize, Stage.randomInt(0, 359));
84         }
85     },
86
87     _addTile: function(x, y, tileSize, rotateDeg)
88     {
89         var tile = Utilities.createElement("div", { class: "div-" + Stage.randomInt(0,6) }, this.element);
90         var halfTileSize = tileSize / 2;
91         tile.style.left = x + 'px';
92         tile.style.top = y + 'px';
93         tile.style.width = tileSize + 'px';
94         tile.style.height = tileSize + 'px';
95         var visibleCSS = this.visibleCSS[this.tiles.length % this.visibleCSS.length];
96         tile.style[visibleCSS[0]] = visibleCSS[1];
97
98         var distance = 1 / tileSize * this.size.multiply(0.5).subtract(new Point(x + halfTileSize, y + halfTileSize)).length();
99         this.tiles.push({
100             element: tile,
101             rotate: rotateDeg,
102             step: Math.max(3, distance / 1.5),
103             distance: distance,
104             active: false,
105             visibleCSS: visibleCSS,
106         });
107     },
108
109     complexity: function()
110     {
111         return this._offsetIndex;
112     },
113
114     tune: function(count)
115     {
116         this._offsetIndex = Math.max(0, Math.min(this._offsetIndex + count, this.tiles.length));
117         this._distanceFactor = 1.5 * (1 - 0.5 * Math.max(this._offsetIndex - this._centerSpiralCount, 0) / this._sidePanelCount) / Math.sqrt(this._offsetIndex);
118     },
119
120     animate: function()
121     {
122         var progress = this._benchmark.timestamp % 10000 / 10000;
123         var bounceProgress = Math.sin(2 * Math.abs( 0.5 - progress));
124         var l = Utilities.lerp(bounceProgress, 20, 50);
125         var hslPrefix = "hsla(" + Utilities.lerp(progress, 0, 360) + ",100%,";
126
127         for (var i = 0; i < this._offsetIndex; ++i) {
128             var tile = this.tiles[i];
129             tile.active = true;
130             tile.element.style[tile.visibleCSS[0]] = tile.visibleCSS[2];
131             tile.rotate += tile.step;
132             tile.element.style.transform = "rotate(" + tile.rotate + "deg)";
133
134             var influence = Math.max(.01, 1 - (tile.distance * this._distanceFactor));
135             tile.element.style.backgroundColor = hslPrefix + l * Math.tan(influence / 1.25) + "%," + influence + ")";
136         }
137
138         for (var i = this._offsetIndex; i < this.tiles.length && this.tiles[i].active; ++i) {
139             var tile = this.tiles[i];
140             tile.active = false;
141             tile.element.style[tile.visibleCSS[0]] = tile.visibleCSS[1];
142         }
143     }
144 });
145
146 var MultiplyBenchmark = Utilities.createSubclass(Benchmark,
147     function(options)
148     {
149         Benchmark.call(this, new MultiplyStage(), options);
150     }
151 );
152
153 window.benchmarkClass = MultiplyBenchmark;
154
155 }());