2016-04-11 06:01:26 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2016-04-12 17:57:59 +00:00
|
|
|
<title>mcopy</title>
|
2016-04-12 06:18:33 +00:00
|
|
|
<link href="./css/bootstrap.min.css" rel="stylesheet">
|
2016-04-13 01:04:13 +00:00
|
|
|
<link href="./css/font-awesome.min.css" rel="stylesheet">
|
2016-04-12 06:18:33 +00:00
|
|
|
<link href="./css/w2ui-1.4.3.min.css" rel="stylesheet">
|
|
|
|
|
<link href="./css/effeckt.css" rel="stylesheet">
|
|
|
|
|
<link href="./css/app.css" rel="stylesheet">
|
2016-04-11 06:01:26 +00:00
|
|
|
</head>
|
2016-04-13 01:04:13 +00:00
|
|
|
<body onload="init();">
|
2016-04-13 02:05:57 +00:00
|
|
|
<nav id="toolbar"></nav>
|
|
|
|
|
<div id="screens">
|
2016-04-14 04:17:42 +00:00
|
|
|
<div id="sequencer" class="screen" style="display: block;">
|
|
|
|
|
<div id="counters">
|
|
|
|
|
<div class="cam">
|
|
|
|
|
<label>CAMERA</label>
|
|
|
|
|
<input type="number" id="seq_cam_count" class="count" value="00000" onchange="mcopy.gui.trad.counterFormat(this, mcopy.state.camera.pos);" onblur="mcopy.gui.trad.updateCam(this);" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="proj">
|
|
|
|
|
<label>PROJECTOR</label>
|
|
|
|
|
<input type="number" id="seq_proj_count" class="count" value="00000" onchange="mcopy.gui.trad.counterFormat(this, mcopy.state.projector.pos);" onblur="mcopy.gui.trad.updateProj(this);" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="seq_scroll">
|
|
|
|
|
<div id="sequence">
|
|
|
|
|
<div id="cam_forward" class="row" y="0"></div>
|
|
|
|
|
<div id="proj_forward" class="row" y="1"></div>
|
|
|
|
|
<div id="black_forward" class="row" y="2"></div>
|
|
|
|
|
<div id="cam_backward" class="row" y="0"></div>
|
|
|
|
|
<div id="proj_backward" class="row" y="1"></div>
|
|
|
|
|
<div id="black_backward" class="row" y="2"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="seq_stats">
|
|
|
|
|
<h3>STATS</h3>
|
|
|
|
|
<div class="seq_count">Number of instructions: <span>0</span></div>
|
|
|
|
|
<div class="timing">Time to complete: <span>0 ms</span></div>
|
|
|
|
|
<div class="cam_end">Camera end position: <span>00000</span></div>
|
|
|
|
|
<div class="proj_end">Projector end position: <span>00000</span></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="actions">
|
|
|
|
|
<button id="seq_run" onclick="mcopy.seq.init();">RUN</button>
|
|
|
|
|
<button id="seq_stop" onclick="mcopy.seq.stop(true);">STOP</button>
|
|
|
|
|
<button id="seq_clear" onclick="mcopy.gui.grid.clear();">CLEAR</button>
|
|
|
|
|
<button id="seq_plus24" onclick="mcopy.gui.grid.plus_24();">+ 24</button>
|
|
|
|
|
<button id="seq_mscript" onclick="mcopy.gui.mscript.generate(mcopy.state.sequence.arr);">TO SCRIPT</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="seq_loop">
|
|
|
|
|
<h3>LOOPS</h3>
|
|
|
|
|
<input type="number" min="1" id="seq_loop" value="00001" onchange="this.value = mcopy.fmtZero(this.value, 6); mcopy.gui.grid.loopChange(this);"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="script" class="screen"></div>
|
2016-04-13 04:06:19 +00:00
|
|
|
<div id="controls" class="screen">
|
2016-04-13 07:26:35 +00:00
|
|
|
<footer>
|
|
|
|
|
<div id="log"></div>
|
|
|
|
|
</footer>
|
2016-04-13 04:06:19 +00:00
|
|
|
</div>
|
2016-04-13 07:26:35 +00:00
|
|
|
<div id="light" class="screen">
|
2016-04-13 04:44:52 +00:00
|
|
|
<div id="colors-tabs"></div>
|
|
|
|
|
<div id="colors-content">
|
2016-04-13 07:26:35 +00:00
|
|
|
<div id="rgb-page" class="colors-page">
|
|
|
|
|
<input id="rgb" value="rgb(0, 0, 0)" />
|
|
|
|
|
</div>
|
2016-04-13 04:44:52 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="light-status">
|
2016-04-13 07:26:35 +00:00
|
|
|
<div>
|
|
|
|
|
<form>
|
|
|
|
|
<span>R</span><input type="text" value="0"/><br />
|
|
|
|
|
<span>G</span><input type="text" value="0"/><br />
|
|
|
|
|
<span>B</span><input type="text" value="0"/>
|
|
|
|
|
</form>
|
|
|
|
|
<div id="color"></div>
|
|
|
|
|
</div>
|
2016-04-13 04:44:52 +00:00
|
|
|
Preview
|
|
|
|
|
<input type="checkbox" name="preview" id="preview" class="effeckt-ckbox-ios7" />
|
|
|
|
|
</div>
|
2016-04-13 04:06:19 +00:00
|
|
|
</div>
|
2016-04-13 02:05:57 +00:00
|
|
|
</div>
|
2016-04-13 00:53:28 +00:00
|
|
|
<script src="./js/app.js"></script>
|
2016-04-11 06:01:26 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
