uupaa.particlebench.js
Version:
Particle benchmark
61 lines (54 loc) • 2.24 kB
HTML
<html><head><title>test</title>
<meta charset="utf-8"></head><body>
<div style="height:60px">
<span id="fps1"></span>,
<span id="fps2"></span>,
<span id="fps3"></span>
</div>
<style>#view3 { background: -webkit-canvas(bgcanvas); }</style>
<canvas id="view1" width="480" height="480"></canvas>
<canvas id="view2" width="480" height="480"></canvas>
<canvas id="view3" width="480" height="480"></canvas>
<script src="../node_modules/uupaa.wmclock.js/node_modules/uupaa.wmbasetime.js/lib/WMBaseTime.js"></script>
<script src="../node_modules/uupaa.wmclock.js/lib/WMClock.js"></script>
<script src="../lib/UIThreadRender.js"></script>
<script src="../lib/WorkerRender.js"></script>
<script src="../lib/WorkerRenderEx.js"></script>
<script>
var viewNode1 = document.querySelector("#view1");
var viewNode2 = document.querySelector("#view2");
var viewNode3 = document.querySelector("#view3");
var fpsNode1 = document.querySelector("#fps1");
var fpsNode2 = document.querySelector("#fps2");
var fpsNode3 = document.querySelector("#fps3");
var benchParam1 = {
count: 10000 * 15,
canvas: viewNode1,
frameSkip: true
};
var benchParam2 = {
src: "../lib/Worker.js",
count: 10000 * 15,
canvas: viewNode2,
frameSkip: true
};
var benchParam3 = {
src: "../lib/WorkerEx.js",
count: 10000 * 15,
canvas: viewNode3,
frameSkip: true,
bgcanvas: "bgcanvas",
offset: { x: 120, y: 120 },
bgoffset: { x: -120, y: -120 }
};
var bench1 = new UIThreadRender(benchParam1, function(fps, skipped) {
fpsNode1.textContent = "UIThreadRender:" + fps.toFixed(2) + "(frameSkipped: " + skipped + ")";
}).run();
var bench2 = new WorkerRender(benchParam2, function(fps, skipped) {
fpsNode2.textContent = "WorkerRender: " + fps.toFixed(2) + "(frameSkipped: " + skipped + ")";
}).run();
var bench3 = new WorkerRenderEx(benchParam3, function(fps, skipped) {
fpsNode3.textContent = "WorkerRenderEx: " + fps.toFixed(2) + "(frameSkipped: " + skipped + ")";
}).run();
</script>
</body></html>