scratch-vm/src/playground/index.html

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Scratch VM Benchmark</title>
    <link rel="stylesheet" href="./benchmark.css" type="text/css" media="screen">
</head>
<body>
  <h2>Scratch VM Benchmark</h2>
  <p class="description">
    Welcome to the scratch-vm benchmark. This tool helps you profile a scratch
    project. When you load the page, it:
    <ol class="description">
      <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>
  <div class="run-form">
      <input type="text" value="119615668">
      <button class="run">run</button>
  </div>
  <p class="run-push">
    <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>
    </div>
    <div class="profile-count">
      <label>Blocks executed:</label>
      <span class="profile-count-value profile-count-blocks-executed">...</span>
    </div>
    <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>
  </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>

  <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>

  <div id="blocks"></div>

  <!-- FPS counter, Syntax highlighter, Blocks, Renderer -->
  <script src="./vendor.js"></script>
  <!-- Storage module -->
  <script src="./scratch-storage.js"></script>
  <!-- VM -->
  <script src="./scratch-vm.js"></script>
  <!-- Playground -->
  <script src="./benchmark.js"></script>
</body>
</html>
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
Replace playground with benchmark 2017-12-12 12:17:33 -05:00			`<!-- FPS counter, Syntax highlighter, Blocks, Renderer -->`
			`<script src="./vendor.js"></script>`
			`<!-- Storage module -->`
			`<script src="./scratch-storage.js"></script>`
			`<!-- 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>`