--- a/stlviewer.html Tue Apr 04 03:13:58 2017 +0200 +++ b/stlviewer.html Wed Apr 05 00:39:31 2017 +0200 @@ -20,12 +20,14 @@ <div id="info"> <div class="listcontainer"> <h2>Available:</h2> + move to selected <ul id="sortable1"> <!-- PLACEHOLDER CYLINDERS --> </ul> </div> <div class="listcontainer"> <h2>Selected:</h2> + <a href="#" id="clearselected">clear list</a> <ul id="sortable2"> </ul> @@ -40,32 +42,21 @@ </div> + <div id="rendercontainer"></div> + <script src="stlviewer.js"></script> <script> if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); var container; + var controls; var camera, cameraTarget, scene, renderer; var m_spacer = new THREE.MeshPhongMaterial( { color: 0x736f6e, specular: 0x111111, shininess: 100 } ); - -/* - var mapHeight = new THREE.TextureLoader().load( "img/rust1.jpg" ); - mapHeight.anisotropy = 4; - mapHeight.repeat.set( 0.998, 0.998 ); - mapHeight.offset.set( 0.001, 0.001 ); - mapHeight.wrapS = mapHeight.wrapT = THREE.RepeatWrapping; - mapHeight.format = THREE.RGBFormat; - var m_cylinder = new THREE.MeshPhongMaterial( { - color: 0x4682b4, - specular: 0x222222, - shininess: 25, - bumpMap: mapHeight, - bumpScale: 12 - } ); -*/ + var m_cylinder = new THREE.MeshPhongMaterial( { color: 0x4682b4, specular: 0x111111, shininess: 200 } ); + init(); animate();