scratchfoundation/scratch-vm
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-vm.git synced 2024-12-25 15:32:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 1
scratch-vm/src/playground/index.html

94 lines
2.8 KiB
HTML
Raw Normal View History

Add a basic demo playground with scratch-blocks
2016-06-01 10:04:56 -04:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<title>Scratch VM Benchmark</title>
<link rel="stylesheet" href="./benchmark.css" type="text/css" media="screen">
Add a basic demo playground with scratch-blocks
2016-06-01 10:04:56 -04:00
</head>
<body>
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<h2>Scratch VM Benchmark</h2>
Produce a benchmark share link storing the report in the url
2018-01-16 18:20:26 -05:00
<p class="description">
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
Welcome to the scratch-vm benchmark. This tool helps you profile a scratch
project. When you load the page, it:
Produce a benchmark share link storing the report in the url
2018-01-16 18:20:26 -05:00
<ol class="description">
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<li>loads the default project and enables turbo mode
<li>runs the project for 4 seconds to warm up
<li>profiles for 6 seconds
<li>stops and reports
</ol>
</p>
Produce a benchmark share link storing the report in the url
2018-01-16 18:20:26 -05:00
<div class="run-form">
<input type="text" value="119615668">
<button class="run">run</button>
</div>
<p class="run-push">
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<i>Try a different project, like `130041250`</i>
</p>
<canvas id="scratch-stage"></canvas><br />
<div class="loading">
<label>Loading:</label>
<span class="loading-complete">0</span> / <span class="loading-total">0</span>
</div>
<div class="profile-count-group">
<div class="profile-count">
<label>Percent of time worked:</label>
<span class="profile-count-value profile-count-amount-recorded">...</span>
</div>
<div class="profile-count">
<label>Steps looped:</label>
<span class="profile-count-value profile-count-steps-looped">...</span>
Add a block representation explorer to playground
2016-06-01 10:18:08 -04:00
</div>
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<div class="profile-count">
<label>Blocks executed:</label>
<span class="profile-count-value profile-count-blocks-executed">...</span>
</div>
Produce a benchmark share link storing the report in the url
2018-01-16 18:20:26 -05:00
<a class="share"><div class="profile-count">
<label>Share this report</label>
</div></a>
<a class="share" target="_parent">
<div class="profile-count">
<label>Run the full suite</label>
</div>
</a>
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
</div>
<div class="profile-tables">
<table class="profile-count-frame-table" cellspacing="0">
<thead>
<tr class="profile-count-frame-head"><th>Frame</th><th>Self Time</th><th>Total Time</th><th>Executions</th></tr>
</thead>
<tbody>
<tr class="profiler-count-running"><td colspan="4"></td></tr>
</tbody>
</table>
Add playground tools for targets, loading 2.0 projects
2016-08-31 12:28:44 -04:00
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<table class="profile-count-opcode-table" cellspacing="0">
<thead>
<tr class="profile-count-opcode-head">
<th>opcode</th><th>Self Time</th><th>Total Time</th><th>Executions</th>
</tr>
</thead>
<tbody>
<tr class="profiler-count-running"><td colspan="4"></td></tr>
</tbody>
</table>
</div>
Add a block representation explorer to playground
2016-06-01 10:18:08 -04:00
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<div id="blocks"></div>
Tweaks from SB2 importer audit (#137) * Fix SB2 variable imports! * Fix expectedArg field types * motion_pointindirection uses math_angle * Fix "think for secs" expected input * Add handling for empty input case (empty if-else, for example) * Fix opcodes for if_else, repeat_until, set tempo * Specialized number fields for SB2 import * Convert color picker numbers to hex in SB2 import * KEY_OPTIONS -> KEY_OPTION * Backdrop blocks get BACKDROP * Update toolbox XML to match naming changes * Merge in math_angle case * Move color converter to its own utility * Fix merge conflicts * Add negative color check. * Fix keyoptions naming * Pen JSON tweak post-scratch-blocks update
2016-09-06 11:46:10 -04:00
Use src/index as browser entry point Use src/index.js as the entry by default in tools building scratch-vm into a larger package. This saves file space by excluding extra webpack boilerplate and may allow for deeper optimizations. Depend on script dependencies for downstream webpack. For another package to build in scratch-vm's dependencies without them already being built into a consumed webpack build they need to be listed as dependencies. This can benefit large projects that reuse the same dependencies multiple times. Node will still use the main entry point and its webpack build leaves the dependencies as external references so it may reuse common modules in Node as well as in a build a browser environment.
2018-04-30 11:53:01 -04:00
<!-- FPS counter, Blocks, Renderer -->
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<script src="./vendor.js"></script>
<!-- Storage module -->
<script src="./scratch-storage.js"></script>
Playground: load renderer as UMD The recent changes to the renderer's build output packaging broke this repository's playground / benchmark suite. These changes aren't the only way to fix the issue, but this is consistent with the way that the storage module was already being loaded.
2018-01-29 17:04:19 -05:00
<!-- Stage rendering -->
<script src="./scratch-render.js"></script>
Replace playground with benchmark
2017-12-12 12:17:33 -05:00
<!-- VM -->
<script src="./scratch-vm.js"></script>
<!-- Playground -->
<script src="./benchmark.js"></script>
Add a basic demo playground with scratch-blocks
2016-06-01 10:04:56 -04:00
</body>
</html>
Reference in a new issue Copy permalink