stlviewer.html

Wed, 05 Apr 2017 00:39:31 +0200

author
mdd
date
Wed, 05 Apr 2017 00:39:31 +0200
changeset 13
39fb313ba27c
parent 12
b3cf0176512e
child 14
ba3d8c56e6f5
permissions
-rw-r--r--

finished viewer again, giving up with texturing mesh without uv mapping

8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
1 <!DOCTYPE html>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
2 <html lang="en"><head>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
4 <title>ScubaTools Object Viewer</title>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
5 <meta charset="utf-8">
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
6 <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
7
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
8 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
9 <link rel="stylesheet" href="stlviewer.css" />
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
10 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
11 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
12
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
13 <script src="https://threejs.org/build/three.js"></script>
12
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
14 <script src="https://threejs.org/examples/js/Detector.js"></script>
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
15 <script src="https://threejs.org/examples/js/loaders/STLLoader.js"></script>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
16 <script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
17
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
18 </head>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
19 <body>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
20 <div id="info">
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
21 <div class="listcontainer">
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
22 <h2>Available:</h2>
13
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
23 move to selected
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
24 <ul id="sortable1">
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
25 <!-- PLACEHOLDER CYLINDERS -->
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
26 </ul>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
27 </div>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
28 <div class="listcontainer">
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
29 <h2>Selected:</h2>
13
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
30 <a href="#" id="clearselected">clear list</a>
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
31 <ul id="sortable2">
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
32
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
33 </ul>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
34 </div>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
35
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
36 <a href="https://neo-soft.org" target="_blank">NeoSoft</a> ScubaTools -
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
37 <a href="https://threejs.org/" target="_blank">three.js</a> -
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
38 STL loader by <a href="https://github.com/aleeper" target="_blank">aleeper</a>.
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
39 <br/>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
40 Left mouse: rotate camera, right mouse: move camera, middle mouse or wheel: zoom
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
41
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
42
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
43 </div>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
44
13
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
45 <div id="rendercontainer"></div>
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
46
11
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
47 <script src="stlviewer.js"></script>
098335a1d510 web viewer 3d finished
mdd
parents: 8
diff changeset
48
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
49 <script>
12
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
50 if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
51 var container;
13
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
52 var controls;
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
53 var camera, cameraTarget, scene, renderer;
12
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
54 var m_spacer = new THREE.MeshPhongMaterial( {
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
55 color: 0x736f6e, specular: 0x111111, shininess: 100 } );
13
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
56
12
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
57 var m_cylinder = new THREE.MeshPhongMaterial( {
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
58 color: 0x4682b4, specular: 0x111111, shininess: 200 } );
13
39fb313ba27c finished viewer again, giving up with texturing mesh without uv mapping
mdd
parents: 12
diff changeset
59
12
b3cf0176512e finished webrenderer
mdd
parents: 11
diff changeset
60 init();
8
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
61 animate();
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
62
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
63 </script><div><canvas style="width: 1589px; height: 711px;" height="711" width="1589"></canvas><div style="position: fixed; top: 0px; left: 0px; cursor: pointer; opacity: 0.9; z-index: 10000;"><canvas style="width: 80px; height: 48px; display: block;" height="48" width="80"></canvas><canvas style="width: 80px; height: 48px; display: none;" height="48" width="80"></canvas></div></div>
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
64
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
65
63b6f80e09ef added threejs stl viewer html testing
mdd
parents:
diff changeset
66 </body></html>

mercurial