1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
(function() {
BouncingSvgShape = Utilities.createSubclass(BouncingSvgParticle,
function(stage)
{
BouncingSvgParticle.call(this, stage, stage.shape);
this._fill = stage.fill;
this._createShape(stage);
this._applyClipping(stage);
this._applyFill(stage);
this._move();
}, {
_createShape: function(stage)
{
switch (this._shape) {
case "rect":
var attrs = { x: 0, y: 0, width: this.size.x, height: this.size.y };
this.element = Utilities.createSVGElement("rect", attrs, {}, stage.element);
break;
case "circle":
default:
var attrs = { cx: this.size.x / 2, cy: this.size.y / 2, r: Math.min(this.size.x, this.size.y) / 2 };
this.element = Utilities.createSVGElement("circle", attrs, {}, stage.element);
break;
}
},
_applyFill: function(stage)
{
switch (this._fill) {
case "gradient":
var gradient = stage.createGradient(2);
this.element.setAttribute("fill", "url(#" + gradient.getAttribute("id") + ")");
break;
case "solid":
default:
this.element.setAttribute("fill", Stage.randomColor());
break;
}
}
});
BouncingSvgShapesStage = Utilities.createSubclass(BouncingSvgParticlesStage,
function()
{
BouncingSvgParticlesStage.call(this);
}, {
initialize: function(benchmark, options)
{
BouncingSvgParticlesStage.prototype.initialize.call(this, benchmark, options);
this.parseShapeParameters(options);
this._gradientsCount = 0;
},
createGradient: function(stops)
{
var attrs = { id: "gradient-" + ++this._gradientsCount };
var gradient = Utilities.createSVGElement("linearGradient", attrs, {}, this._ensureDefsIsCreated());
for (var i = 0; i < stops; ++i) {
attrs = { offset: i * 100 / (stops - 1) + "%", 'stop-color': Stage.randomColor() };
Utilities.createSVGElement("stop", attrs, {}, gradient);
}
return gradient;
},
createParticle: function()
{
return new BouncingSvgShape(this);
},
particleWillBeRemoved: function(particle)
{
BouncingSvgParticlesStage.prototype.particleWillBeRemoved.call(this, particle);
var fill = particle.element.getAttribute("fill");
if (fill.indexOf("url(#") != 0)
return;
var gradient = this.element.querySelector(fill.substring(4, fill.length - 1));
this._ensureDefsIsCreated().removeChild(gradient);
}
});
BouncingSvgShapesBenchmark = Utilities.createSubclass(Benchmark,
function(options)
{
Benchmark.call(this, new BouncingSvgShapesStage(), options);
}
);
window.benchmarkClass = BouncingSvgShapesBenchmark;
})();
|