[Service Workers] Activate algorithm says terminate the active worker if it exists
[WebKit-https.git] / PerformanceTests / MotionMark / tests / master / resources / design.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 TextStage = Utilities.createSubclass(Stage,
28     function()
29     {
30         Stage.call(this);
31
32         this.testElements = [];
33         this._offsetIndex = 0;
34     }, {
35
36     shadowFalloff: new UnitBezier(new Point(0.015, 0.750), new Point(0.755, 0.235)),
37     shimmerAverage: 0,
38     shimmerMax: 0.5,
39     millisecondsPerRotation: 1000 / (.26 * Math.PI * 2),
40     particleDistanceX: 1.5,
41     particleDistanceY: .5,
42     lightnessMin: 13,
43     lightnessMax: 94,
44     gradients: [
45         [10, 176, 176, 209, 148, 140],
46         [171, 120, 154, 245, 196, 154],
47         [224, 99, 99, 71, 134, 148],
48         [101, 100, 117, 80, 230, 175],
49         [232, 165, 30, 69, 186, 172]
50     ],
51
52     initialize: function(benchmark)
53     {
54         Stage.prototype.initialize.call(this, benchmark);
55
56         this._template = document.getElementById("template");
57         this._offset = this.size.subtract(Point.elementClientSize(this._template)).multiply(.5);
58         this._template.style.left = this._offset.width + "px";
59         this._template.style.top = this._offset.height + "px";
60
61         this._stepProgress = 0;
62     },
63
64     tune: function(count)
65     {
66         if (count == 0)
67             return;
68
69         if (count < 0) {
70             this._offsetIndex = Math.max(this._offsetIndex + count, 0);
71             for (var i = this._offsetIndex; i < this.testElements.length; ++i)
72                 this.testElements[i].style.visibility = "hidden";
73
74             this._stepProgress = 1 / this._offsetIndex;
75             return;
76         }
77
78         this._offsetIndex = this._offsetIndex + count;
79         this._stepProgress = 1 / this._offsetIndex;
80
81         var index = Math.min(this._offsetIndex, this.testElements.length);
82         for (var i = 0; i < index; ++i)
83             this.testElements[i].style.visibility = "visible";
84
85         if (this._offsetIndex <= this.testElements.length)
86             return;
87
88         for (var i = this.testElements.length; i < this._offsetIndex; ++i) {
89             var clone = this._template.cloneNode(true);
90             this.testElements.push(clone);
91             this.element.insertBefore(clone, this.element.firstChild);
92         }
93     },
94
95     animate: function(timeDelta) {
96         var angle = Stage.dateCounterValue(this.millisecondsPerRotation);
97
98         var progress = 0;
99         var stepX = Math.sin(angle) * this.particleDistanceX;
100         var stepY = Math.cos(angle) * this.particleDistanceY;
101         var x = -stepX * 3;
102         var y = -stepY * 3;
103         var gradient = this.gradients[Math.floor(angle/(Math.PI * 2)) % this.gradients.length];
104         var offset = Stage.dateCounterValue(200);
105         this._template.style.transform = "translate(" + Math.floor(x) + "px," + Math.floor(y) + "px)";
106         for (var i = 0; i < this._offsetIndex; ++i) {
107             var element = this.testElements[i];
108
109             var colorProgress = this.shadowFalloff.solve(progress);
110             var shimmer = Math.sin(offset - colorProgress);
111             colorProgress = Math.max(Math.min(colorProgress + Utilities.lerp(shimmer, this.shimmerAverage, this.shimmerMax), 1), 0);
112             var r = Math.round(Utilities.lerp(colorProgress, gradient[0], gradient[3]));
113             var g = Math.round(Utilities.lerp(colorProgress, gradient[1], gradient[4]));
114             var b = Math.round(Utilities.lerp(colorProgress, gradient[2], gradient[5]));
115             element.style.color = "rgb(" + r + "," + g + "," + b + ")";
116
117             x += stepX;
118             y += stepY;
119             element.style.transform = "translate(" + Math.floor(x) + "px," + Math.floor(y) + "px)";
120
121             progress += this._stepProgress;
122         }
123     },
124
125     complexity: function()
126     {
127         return 1 + this._offsetIndex;
128     }
129 });
130
131 var TextBenchmark = Utilities.createSubclass(Benchmark,
132     function(options)
133     {
134         Benchmark.call(this, new TextStage(), options);
135     }
136 );
137
138 window.benchmarkClass = TextBenchmark;
139
140 }());