stlviewer.html

changeset 13
39fb313ba27c
parent 12
b3cf0176512e
child 14
ba3d8c56e6f5
--- 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();
 

mercurial