98 lines
4.3 KiB
HTML
98 lines
4.3 KiB
HTML
<!--
|
||
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.
|
||
-->
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, user-scalable=no">
|
||
|
||
<title>MotionMark</title>
|
||
|
||
<link rel="stylesheet" href="resources/runner/motionmark.css">
|
||
|
||
<script src="resources/strings.js" defer></script>
|
||
<script src="resources/extensions.js" defer></script>
|
||
<script src="resources/statistics.js" defer></script>
|
||
|
||
<script src="resources/runner/tests.js" charset="utf-8" defer></script>
|
||
<script src="resources/runner/motionmark.js" defer></script>
|
||
|
||
<script src="resources/runner/benchmark-runner.js" defer></script>
|
||
|
||
<script>
|
||
window.addEventListener("load", function() {
|
||
// Start the fade in animation.
|
||
document.body.classList.add("images-loaded");
|
||
});
|
||
</script>
|
||
</head>
|
||
<body class="showing-intro">
|
||
<main>
|
||
<section id="intro" class="selected">
|
||
<div class="logo">
|
||
<svg><use xlink:href="resources/runner/logo.svg#root" /></svg>
|
||
<div>version <span class="version"></span></div>
|
||
</div>
|
||
<div class="body">
|
||
<p>MotionMark is a graphics benchmark that measures a browser’s capability to animate complex scenes at a target frame rate.</p>
|
||
|
||
<p><a href="about.html">More details</a> about the benchmark are available. Bigger scores are better.</p>
|
||
<p>For accurate results, please take your browser window full screen, or rotate your device to landscape orientation.</p>
|
||
<p class="portrait-orientation-check"><b>Please rotate your device.</b></p>
|
||
<button class="landscape-orientation-check" onclick="benchmarkController.startBenchmark()">Run Benchmark</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="test-container" class="frame-container"></section>
|
||
|
||
<section id="results">
|
||
<div class="logo">
|
||
<svg><use xlink:href="resources/runner/logo.svg#root" /></svg>
|
||
<div>version <span class="version"></span></div>
|
||
</div>
|
||
<div class="body">
|
||
<div class="score-container">
|
||
<div class="score"></div>
|
||
<div class="confidence"></div>
|
||
<div class="detail">
|
||
<span class="small">on a small screen (phone)</span>
|
||
<span class="medium">on a medium screen (laptop, tablet)</span>
|
||
<span class="large">on a large screen (desktop)</span>
|
||
</div>
|
||
</div>
|
||
<div class="table-container">
|
||
<div>
|
||
<table id="results-score"></table>
|
||
<table id="results-data"></table>
|
||
</div>
|
||
<table id="results-header"></table>
|
||
</div>
|
||
<button onclick="benchmarkController.startBenchmark()">Test Again</button>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html>
|