| /* |
| * Copyright (C) 2015-2023 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.splice(Suites.findIndex((suite) => suite.name == "MotionMark"), 1, new Suite("MotionMark 1.3", |
| [ |
| { |
| url: "core/multiply.html", |
| name: "Multiply" |
| }, |
| { |
| url: "core/canvas-stage.html?pathType=arcs", |
| name: "Canvas Arcs" |
| }, |
| { |
| url: "core/leaves.html", |
| name: "Leaves" |
| }, |
| { |
| url: "core/canvas-stage.html?pathType=linePath", |
| name: "Paths" |
| }, |
| { |
| url: "core/canvas-stage.html?pathType=line&lineCap=square", |
| name: "Canvas Lines" |
| }, |
| { |
| url: "core/image-data.html", |
| name: "Images" |
| }, |
| { |
| url: "core/design.html", |
| name: "Design" |
| }, |
| { |
| url: "core/suits.html", |
| name: "Suits" |
| }, |
| ] |
| )); |
| |
| 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", |
| 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", |
| 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", |
| name: "canvas bouncing SVG images" |
| }, |
| { |
| url: "bouncing-particles/bouncing-canvas-images.html?particleWidth=80&particleHeight=80", |
| 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", |
| name: "SVG bouncing SVG images" |
| }, |
| { |
| url: "bouncing-particles/bouncing-svg-images.html?particleWidth=80&particleHeight=80", |
| 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=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" |
| } |
| ] |
| )); |
| |
| Suites.unshift(new Suite("MotionMark 2.0 dev", |
| [ |
| { |
| url: "dev/stories/stories.html", |
| name: "Stories" |
| }, |
| { |
| url: "dev/alice/alice.html", |
| name: "Alice" |
| }, |
| { |
| url: "dev/chess/chess.html", |
| name: "Chess" |
| }, |
| { |
| url: "dev/map-zoomer/map-zoomer.html", |
| name: "Map Zoomer" |
| }, |
| { |
| url: "dev/sheets/sheets.html", |
| name: "Sheets" |
| }, |
| { |
| url: "dev/departements/departements.html", |
| name: "Départements" |
| }, |
| { |
| url: "dev/dashboard/dashboard.html", |
| name: "Dashboard" |
| }, |
| { |
| url: "dev/filtering/filtering.html", |
| name: "Filtering" |
| } |
| ], |
| { enabledByDefault: true } |
| )); |
