-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
44 lines (44 loc) · 1.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<meta charset='utf-8' />
<link rel='stylesheet' href='lib/bootstrap.min.css'>
<style>
#canvas {
width: 600px;
height: 400px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px
}
#mode {
width: 200px;
display: inline-block;
}
#render {
margin-right: 20px;
}
p {
margin-top: 1rem;
}
.jumbotron {
padding: 2rem;
}
</style>
<script src='lib/system.js'></script>
<body class='container'>
<div class='jumbotron'>
<h1 class='display-3'>WebAssembly Mandelbrot Set</h1>
<p class='lead'>An exploration of various methods for creating WebAssembly modules using C, AssemblyScript, Emscripten, TypeScript and asm.js</p>
<p>see: <a href='https://github.com/ColinEberhardt/wasm-mandelbrot'>https://github.com/ColinEberhardt/wasm-mandelbrot</a></p>
</div>
<p class='lead'>Select an implementation, the click 'render'.</p>
<select id='mode' class='form-control'></select>
<button id='render' class='btn btn-primary'>Re-render</button>
<button id='renderPerf' class='btn btn-primary'>Render (x10)</button>
<span>Render time</span> <span id='execution'>--</span> <span>ms</span>
<p id='description' class='lead'></p>
<canvas id='canvas' width='1200' height='800'></canvas>
<script>
SystemJS.import('./app.js');
</script>
</body>