-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
33 lines (28 loc) · 1.27 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
<meta name="viewport" content="user-scalable=no"/>
<html>
<body onload="setup()">
<link rel="stylesheet" href="./lightxlab.css">
<div class="lightxlab" style="position: relative;">
<canvas id="simulationArea"
style="position: absolute; left: 0; top: 0; z-index: 0; width:100%;height:100%"></canvas>
<canvas id="uiArea"
style="position: absolute; left: 0; top: 0; z-index: 1; width:100%;height:100%"></canvas>
<canvas id="exportArea"
style="position: absolute; left: 0; top: 0; z-index: 2; width:100%;height:100%"></canvas>
<div style="position: relative; left: 0; top: 10; z-index: 2;">
<div style="position: relative;">
<div class="toolbar" id="toolbar" >
<button class="button" id="addMirrorButton">Mirror</button>
<button class="button" id="addSphericalMirrorButton">Spherical Mirror</button>
<button class="button" id="addRadialSourceButton">Radial Source</button>
<button class="button" id="addLightBeamButton">Light Beam</button>
<button class="button" id="addLightRayButton">Light Ray</button>
<button class="button" id="saveButton">Save</button>
<button class="button" id="exportButton">Download as image</button>
</div>
</div>
</div>
</div>
</body>
<script src="./lightxlab.js"></script>
</html>