<!DOCTYPE html>
<html lang="en">
<head>
<title>MetaVoxel</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<!-- <link type="text/css" rel="stylesheet" href="main.css"> -->
<style>
body {
background-color: #f0f0f0;
color: #444;
}
a {
color: #08f;
}
.label {
color: #FFF;
font-family: sans-serif;
padding: 2px;
background: rgba( 0, 0, 0, .6 );
}
</style>
</head>
<body>
<div id="container"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://files.mcneel.com/rhino3dm/js/latest/rhino3dm.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.0.0/dist/tf.min.js"></script>
<!-- <script src="./lib/require.js"></script> -->
<script src="../lib/three.min.js"></script>
<script src="../lib/stats.js"></script>
<script src="../lib/dat.gui.js"></script>
<script src="../lib/SVGRenderer.js"></script>
<script src="../lib/CSS2DRenderer.js"></script>
<script src="../lib/DragControls.js"></script>
<script src="../lib/OrbitControls.js"></script>
<script src="../lib/TransformControls.js"></script>
<script src="../lib/js-colormaps.js"></script>
<script src="../lib/LineSegments2.js"></script>
<script src="../lib/LineSegmentsGeometry.js"></script>
<script src="../lib/Line2.js"></script>
<script src="../lib/LineMaterial.js"></script>
<script src="../lib/LineGeometry.js"></script>
<script src="../lib/GeometryUtils.js"></script>
<script src="../visualization/utils.js"></script>
<!-- <script src="./beamFea.js"></script>
<script src="./geometry.js"></script> -->
<script src="../visualization/main.js"></script>
<script>
$.getJSON("../json/tutorial/0.json", function(json) {
setup=json;
// console.log(json)
setup.viz.colorMaps=[YlGnBu,coolwarm, winter ,jet];
// setup.viz.minStress=10e6;
// setup.viz.maxStress=-10e6;
// setup.animation.exaggeration=3;
setup.animation.showDisplacement=true;
setup.updateStress=false;
// setup.viz.colorMaps=[coolwarm,YlGnBu, winter ,jet];
three= new threejs(setup,"container","",false,true); //dynamic and live updates
three.folderName="tutorial";
three.init();
three.colorEdges();
// three.drawStructure();
// three.colorEdges();
// three.animate();
// init();
// drawStructure();
// colorEdges();
// animate();
// orient= new THREE.Quaternion(1,1,1,1);
// console.log(orient.w)
// eulerOrder = "XYZ"; // TODO SEE IF CORRECT
// eul = new THREE.Euler().setFromQuaternion( orient, eulerOrder )
// console.log(eul)
});
</script>
</body>
</html>