/*
* Copyright (C) 2015-2018 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
* THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
* BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
* THE POSSIBILITY OF SUCH DAMAGE.
*/
Utilities.extendObject(Strings.text, {
samples: "Samples",
complexity: "Time Complexity",
frameRate: "FPS",
confidenceInterval: "80% Confidence Interval",
mergedRawComplexity: "Raw Complexity",
graph: "Graph",
title: "MotionMark %s developer",
});
Utilities.extendObject(Headers, {
details: [
{
title: Strings.text.graph
},
{
title: Strings.text.confidenceInterval,
children:
[
{
text: function(data) {
return data[Strings.json.complexity][Strings.json.bootstrap].confidenceLow.toFixed(2);
},
className: "right pad-left pad-right"
},
{
text: function(data) {
return " - " + data[Strings.json.complexity][Strings.json.bootstrap].confidenceHigh.toFixed(2);
},
className: "left"
},
{
text: function(data) {
var bootstrap = data[Strings.json.complexity][Strings.json.bootstrap];
return (100 * (bootstrap.confidenceLow / bootstrap.median - 1)).toFixed(2) + "%";
},
className: "left pad-left small"
},
{
text: function(data) {
var bootstrap = data[Strings.json.complexity][Strings.json.bootstrap];
return "+" + (100 * (bootstrap.confidenceHigh / bootstrap.median - 1)).toFixed(2) + "%";
},
className: "left pad-left small"
}
]
},
{
title: Strings.text.complexity,
children:
[
{
text: function(data) {
return data[Strings.json.controller][Strings.json.measurements.average].toFixed(2);
},
className: "average"
},
{
text: function(data) {
return [
"± ",
data[Strings.json.controller][Strings.json.measurements.percent].toFixed(2),
"%"
].join("");
},
className: function(data) {
var className = "stdev";
if (data[Strings.json.controller][Strings.json.measurements.percent] >= 10)
className += " noisy-results";
return className;
}
}
]
},
{
title: Strings.text.frameRate,
children:
[
{
text: function(data) {
return data[Strings.json.frameLength][Strings.json.measurements.average].toFixed(2);
},
className: function(data, options) {
var className = "average";
if (Math.abs(data[Strings.json.frameLength][Strings.json.measurements.average] - options["frame-rate"]) >= 2)
className += " noisy-results";
return className;
}
},
{
text: function(data) {
var frameRateData = data[Strings.json.frameLength];
return [
"± ",
frameRateData[Strings.json.measurements.percent].toFixed(2),
"%"
].join("");
},
className: function(data) {
var className = "stdev";
if (data[Strings.json.frameLength][Strings.json.measurements.percent] >= 10)
className += " noisy-results";
return className;
}
}
]
},
{
title: Strings.text.mergedRawComplexity,
children:
[
{
text: function(data) {
return data[Strings.json.complexity][Strings.json.complexity].toFixed(2);
},
className: "average"
},
{
text: function(data) {
return [
"± ",
data[Strings.json.complexity][Strings.json.measurements.stdev].toFixed(2),
"ms"
].join("");
},
className: "stdev"
}
]
}
]
})
///////////
// Suites
Suites.push(new Suite("HTML suite",
[
{
url: "bouncing-particles/bouncing-css-shapes.html?particleWidth=12&particleHeight=12&shape=circle",
name: "CSS bouncing circles"
},
{
url: "bouncing-particles/bouncing-css-shapes.html?particleWidth=40&particleHeight=40&shape=rect&clip=star",
name: "CSS bouncing clipped rects"
},
{
url: "bouncing-particles/bouncing-css-shapes.html?particleWidth=50&particleHeight=50&shape=circle&fill=gradient",
name: "CSS bouncing gradient circles"
},
{
url: "bouncing-particles/bouncing-css-shapes.html?particleWidth=80&particleHeight=80&shape=circle&blend",
name: "CSS bouncing blend circles"
},
{
url: "bouncing-particles/bouncing-css-shapes.html?particleWidth=80&particleHeight=80&shape=circle&filter",
name: "CSS bouncing filter circles"
},
{
url: "bouncing-particles/bouncing-css-images.html?particleWidth=80&particleHeight=80&imageSrc=../resources/yin-yang.svg",
name: "CSS bouncing SVG images"
},
{
url: "bouncing-particles/bouncing-tagged-images.html?particleWidth=100&particleHeight=100",
name: "CSS bouncing tagged images"
},
{
url: "dom/focus.html",
name: "Focus 2.0"
},
{
url: "dom/particles.html",
name: "DOM particles, SVG masks"
},
{
url: "dom/compositing-transforms.html?particleWidth=50&particleHeight=50&filters=yes&imageSrc=../resources/yin-yang.svg",
name: "Composited Transforms"
}
]
));
Suites.push(new Suite("Canvas suite",
[
{
url: "bouncing-particles/bouncing-canvas-shapes.html?particleWidth=40&particleHeight=40&shape=rect&clip=star",
name: "canvas bouncing clipped rects"
},
{
url: "bouncing-particles/bouncing-canvas-shapes.html?particleWidth=50&particleHeight=50&shape=circle&fill=gradient",
name: "canvas bouncing gradient circles"
},
{
url: "bouncing-particles/bouncing-canvas-images.html?particleWidth=80&particleHeight=80&imageSrc=../resources/yin-yang.svg",
name: "canvas bouncing SVG images"
},
{
url: "bouncing-particles/bouncing-canvas-images.html?particleWidth=80&particleHeight=80&imageSrc=../resources/yin-yang.png",
name: "canvas bouncing PNG images"
},
{
url: "simple/simple-canvas-paths.html?pathType=strokes",
name: "Stroke shapes"
},
{
url: "simple/simple-canvas-paths.html?pathType=fills",
name: "Fill shapes"
},
{
url: "simple/tiled-canvas-image.html",
name: "Canvas put/get image data"
},
]
));
Suites.push(new Suite("SVG suite",
[
{
url: "bouncing-particles/bouncing-svg-shapes.html?particleWidth=12&particleHeight=12&shape=circle",
name: "SVG bouncing circles",
},
{
url: "bouncing-particles/bouncing-svg-shapes.html?particleWidth=40&particleHeight=40&shape=rect&clip=star",
name: "SVG bouncing clipped rects",
},
{
url: "bouncing-particles/bouncing-svg-shapes.html?particleWidth=50&particleHeight=50&shape=circle&fill=gradient",
name: "SVG bouncing gradient circles"
},
{
url: "bouncing-particles/bouncing-svg-images.html?particleWidth=80&particleHeight=80&imageSrc=../resources/yin-yang.svg",
name: "SVG bouncing SVG images"
},
{
url: "bouncing-particles/bouncing-svg-images.html?particleWidth=80&particleHeight=80&imageSrc=../resources/yin-yang.png",
name: "SVG bouncing PNG images"
},
]
));
Suites.push(new Suite("Leaves suite",
[
{
url: "dom/leaves.html?style=simple",
name: "Translate-only Leaves"
},
{
url: "dom/leaves.html?style=scale",
name: "Translate + Scale Leaves"
},
{
url: "dom/leaves.html?style=opacity",
name: "Translate + Opacity Leaves"
}
]
));
Suites.push(new Suite("Multiply suite",
[
{
url: "dom/multiply.html?style=opacity",
name: "Multiply: CSS opacity only"
},
{
url: "dom/multiply.html?style=display",
name: "Multiply: CSS display only"
},
{
url: "dom/multiply.html?style=visibility",
name: "Multiply: CSS visibility only"
}
]
));
Suites.push(new Suite("Text suite",
[
{
url: "text/design.html?corpus=latin",
name: "Design: Latin only (12 items)"
},
{
url: "text/design.html?corpus=cjk",
name: "Design: CJK only (12 items)"
},
{
url: "text/design.html?corpus=arabic",
name: "Design: RTL and complex scripts only (12 items)"
},
{
url: "text/design-6.html?corpus=latin",
name: "Design: Latin only (6 items)"
},
{
url: "text/design-6.html?corpus=cjk",
name: "Design: CJK only (6 items)"
},
{
url: "text/design-6.html?corpus=arabic",
name: "Design: RTL and complex scripts only (6 items)"
},
]
));
Suites.push(new Suite("Suits suite",
[
{
url: "svg/suits.html?style=clip",
name: "Suits: clip only"
},
{
url: "svg/suits.html?style=shape",
name: "Suits: shape only"
},
{
url: "svg/suits.html?style=rotation",
name: "Suits: clip, shape, rotation"
},
{
url: "svg/suits.html?style=gradient",
name: "Suits: clip, shape, gradient"
},
{
url: "svg/suits.html?style=static",
name: "Suits: static"
},
]
));
Suites.push(new Suite("3D Graphics",
[
{
url: "3d/triangles-webgl.html",
name: "Triangles (WebGL)"
},
{
url: "3d/triangles-webgpu.html",
name: "Triangles (WebGPU)"
},
]
));
Suites.push(new Suite("Basic canvas path suite",
[
{
url: "simple/simple-canvas-paths.html?pathType=line&lineCap=butt",
name: "Canvas line segments, butt caps"
},
{
url: "simple/simple-canvas-paths.html?pathType=line&lineCap=round",
name: "Canvas line segments, round caps"
},
{
url: "simple/simple-canvas-paths.html?pathType=line&lineCap=square",
name: "Canvas line segments, square caps"
},
{
url: "simple/simple-canvas-paths.html?pathType=linePath&lineJoin=bevel",
name: "Canvas line path, bevel join"
},
{
url: "simple/simple-canvas-paths.html?pathType=linePath&lineJoin=round",
name: "Canvas line path, round join"
},
{
url: "simple/simple-canvas-paths.html?pathType=linePath&lineJoin=miter",
name: "Canvas line path, miter join"
},
{
url: "simple/simple-canvas-paths.html?pathType=linePath&lineDash=1",
name: "Canvas line path with dash pattern"
},
{
url: "simple/simple-canvas-paths.html?pathType=quadratic",
name: "Canvas quadratic segments"
},
{
url: "simple/simple-canvas-paths.html?pathType=quadraticPath",
name: "Canvas quadratic path"
},
{
url: "simple/simple-canvas-paths.html?pathType=bezier",
name: "Canvas bezier segments"
},
{
url: "simple/simple-canvas-paths.html?pathType=bezierPath",
name: "Canvas bezier path"
},
{
url: "simple/simple-canvas-paths.html?&pathType=arcTo",
name: "Canvas arcTo segments"
},
{
url: "simple/simple-canvas-paths.html?pathType=arc",
name: "Canvas arc segments"
},
{
url: "simple/simple-canvas-paths.html?pathType=rect",
name: "Canvas rects"
},
{
url: "simple/simple-canvas-paths.html?pathType=ellipse",
name: "Canvas ellipses"
},
{
url: "simple/simple-canvas-paths.html?pathType=spreadSheets",
name: "Canvas Spreadsheets"
},
{
url: "simple/simple-canvas-paths.html?pathType=lineFill",
name: "Canvas line path, fill"
},
{
url: "simple/simple-canvas-paths.html?pathType=quadraticFill",
name: "Canvas quadratic path, fill"
},
{
url: "simple/simple-canvas-paths.html?pathType=bezierFill",
name: "Canvas bezier path, fill"
},
{
url: "simple/simple-canvas-paths.html?&pathType=arcToFill",
name: "Canvas arcTo segments, fill"
},
{
url: "simple/simple-canvas-paths.html?pathType=arcFill",
name: "Canvas arc segments, fill"
},
{
url: "simple/simple-canvas-paths.html?pathType=rectFill",
name: "Canvas rects, fill"
},
{
url: "simple/simple-canvas-paths.html?pathType=ellipseFill",
name: "Canvas ellipses, fill"
}
]
));
Codebase Browser
chromium