jsketcher/web/sandbox.html
2014-12-10 23:53:12 -08:00

70 lines
No EOL
1.9 KiB
HTML

<html>
<head>
<title>TCAD</title>
<style>
body {
font-family: Monospace;
margin: 0px;
overflow: hidden;
}
</style>
<script src="lib/three/three.js"></script>
<script src="lib/numeric-1.2.6.js"></script>
<script src="lib/dat.gui.min.js"></script>
<script src="app/canvas.js"></script>
<script src="app/sketch/arc.js"></script>
<script src="app/sketch/circle.js"></script>
<script src="app/sketch/segment.js"></script>
<script src="app/math/math.js"></script>
<script src="app/math/matrix.js"></script>
<script src="app/math/optim.js"></script>
<script src="app/math/noptim.js"></script>
<script src="app/math/lm.js"></script>
<script src="app/constr/constraints.js"></script>
<script src="app/constr/solver.js"></script>
<script src="app/parametric.js"></script>
<script src="app/fetchers.js"></script>
<script src="app/engine.js"></script>
<script src="app/vector.js"></script>
<script src="app/bsp.js"></script>
<script src="app/main2d.js"></script>
<script src="app/workbench.js"></script>
<script>
function start() {
new TCAD.App2D();
}
window.onload = function() {
setTimeout(start, 0);
};
</script>
</head>
<body>
<style>
.parent {
display: flex;
}
.child {
width: 100px; /* Or whatever */
height: 100%; /* Or whatever */
margin: auto; /* Magic! */
}
</style>
<div style="width:100%; height: 20px; background-color: black;">
</div>
<div class="parent" style="height: 100%; background-color: green;">
<div class="child" style="background-color: blue; "></div>
<!-- div style="background-color: blue; height: 20px; width: 100px; float: left;"><canvas width="300" height="300" id="viewer"></canvas></div-->
<div class="child" style="background-color: black; width: 100%; "></div>
<div class="child" style="background-color: yellow; width: 50px; float: left;" ></div>
</div>
</body>
</html>