Skip to content

T
three.js

Ablesons / three.js
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

体验新版 GitCode，发现更多精彩内容 >>

切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.html 5.9 KB
Newer Older
M
Added actual site.  
Mr.doob 已提交
1 2 3 4 
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>three.js editor</title>
M
r59  
Mr.doob 已提交
5 6 
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
M
Added actual site.  
Mr.doob 已提交
7 8 9 10 11 12 13 14 15 16 17 18 19 
		<style>
			body {
				font-family: Arial, sans-serif;
				font-size: 14px;
				margin: 0;
				overflow: hidden;
			}

			hr {
				border: 0px;
				border-top: 1px solid #ccc;
			}
M
r59  
Mr.doob 已提交
20 21 22 23 24 25 26 
			button {

				position: relative;
				margin-top: -2px;

			}
M
Added actual site.  
Mr.doob 已提交
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 
			.menubar {
				background-color: #eee;
				padding: 0px;
				margin: 0px;
			}

				.menubar .menu {
					float: left;
					width: 50px;
					cursor: pointer;
				}

					.menubar .menu .options {
						padding: 5px 0px;
						background-color: #fff;
						width: 140px;
					}

						.menubar .menu .options hr {
							border-color: #ddd;
						}

						.menubar .menu .options .option {
							color: #666;
							background-color: transparent;
							padding: 5px 10px;
							margin: 0px !important;
						}

							.menubar .menu .options .option:hover {
								color: #fff;
								background-color: #08f;
							}
M
r58  
Mr.doob 已提交
61
M
Added actual site.  
Mr.doob 已提交
62 63 64 65 66 67 68 69 70 71 
			.sidebar {
				width: 300px;
				background-color: #eee;
				overflow: auto;
			}

				.sidebar .Panel {
					margin-bottom: 10px;
				}
M
r59  
Mr.doob 已提交
72 73 74 75 76 77 78 79 80 81 82 83 84 
			.toolbar {
				background-color: #999;
				color: #333;
			}
			
				.toolbar .Panel {
					padding: 4px;
				}

				.toolbar button {
					margin-right: 6px;
				}
M
Added actual site.  
Mr.doob 已提交
85 86 87 88 
		</style>
	</head>
	<body>
M
r59  
Mr.doob 已提交
89 
		<script src="../build/three.min.js"></script>
M
r58  
Mr.doob 已提交
90 91 92 
		<script src="../examples/js/libs/system.min.js"></script>

		<script src="../examples/js/controls/EditorControls.js"></script>
M
r59  
Mr.doob 已提交
93 
		<script src="../examples/js/controls/TransformControls.js"></script>
M
Added actual site.  
Mr.doob 已提交
94 95 96 
		<script src="../examples/js/loaders/BinaryLoader.js"></script>
		<script src="../examples/js/loaders/ColladaLoader.js"></script>
		<script src="../examples/js/loaders/OBJLoader.js"></script>
M
r58  
Mr.doob 已提交
97 
		<script src="../examples/js/loaders/PLYLoader.js"></script>
M
Added actual site.  
Mr.doob 已提交
98 99 
		<script src="../examples/js/loaders/STLLoader.js"></script>
		<script src="../examples/js/loaders/UTF8Loader.js"></script>
M
r59  
Mr.doob 已提交
100 
		<script src="../examples/js/loaders/VRMLLoader.js"></script>
M
Added actual site.  
Mr.doob 已提交
101 102 103 104 105 106 107 108 109 
		<script src="../examples/js/loaders/VTKLoader.js"></script>
		<script src="../examples/js/loaders/ctm/lzma.js"></script>
		<script src="../examples/js/loaders/ctm/ctm.js"></script>
		<script src="../examples/js/loaders/ctm/CTMLoader.js"></script>
		<script src="../examples/js/exporters/SceneExporter.js"></script>
		<script src="../examples/js/exporters/OBJExporter.js"></script>
		<script src="../examples/js/renderers/SoftwareRenderer.js"></script>
		<script src="../examples/js/renderers/SVGRenderer.js"></script>
M
r58  
Mr.doob 已提交
110 111 112 113 114 
		<!-- WIP -->

		<script src="../examples/js/exporters/GeometryExporter.js"></script>
		<script src="../examples/js/exporters/MaterialExporter.js"></script>
		<script src="../examples/js/exporters/ObjectExporter.js"></script>
M
Added WebGLRenderer3.  
Mr.doob 已提交
115 
		<script src="../examples/js/renderers/WebGLRenderer3.js"></script>
M
Added actual site.  
Mr.doob 已提交
116
M
Added File/Share to Editor.  
Mr.doob 已提交
117 118 
		<script src="js/libs/rawdeflate.js"></script>
		<script src="js/libs/rawinflate.js"></script>
M
Added actual site.  
Mr.doob 已提交
119 
		<script src="js/libs/signals.min.js"></script>
M
r59  
Mr.doob 已提交
120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 
		<script src="js/libs/ui.js"></script>
		<script src="js/libs/ui.three.js"></script>

		<script src="js/Editor.js"></script>
		<script src="js/Loader.js"></script>
		<script src="js/Menubar.js"></script>
		<script src="js/Menubar.File.js"></script>
		<script src="js/Menubar.Edit.js"></script>
		<script src="js/Menubar.Add.js"></script>
		<script src="js/Menubar.Help.js"></script>
		<script src="js/Sidebar.js"></script>
		<script src="js/Sidebar.Renderer.js"></script>
		<script src="js/Sidebar.Scene.js"></script>
		<script src="js/Sidebar.Object3D.js"></script>
		<script src="js/Sidebar.Geometry.js"></script>
		<script src="js/Sidebar.Animation.js"></script>
		<script src="js/Sidebar.Geometry.PlaneGeometry.js"></script>
		<script src="js/Sidebar.Geometry.CubeGeometry.js"></script>
		<script src="js/Sidebar.Geometry.CylinderGeometry.js"></script>
		<script src="js/Sidebar.Geometry.SphereGeometry.js"></script>
		<script src="js/Sidebar.Geometry.IcosahedronGeometry.js"></script>
		<script src="js/Sidebar.Geometry.TorusGeometry.js"></script>
		<script src="js/Sidebar.Geometry.TorusKnotGeometry.js"></script>
		<script src="js/Sidebar.Material.js"></script>
		<script src="js/Toolbar.js"></script>
		<script src="js/Viewport.js"></script>
M
Added actual site.  
Mr.doob 已提交
146 147 148 149 150 151 

		<script>

			window.URL = window.URL || window.webkitURL;
			window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder;
M
r59  
Mr.doob 已提交
152 
			var editor = new Editor();
M
Added actual site.  
Mr.doob 已提交
153
M
r59  
Mr.doob 已提交
154 
			var viewport = new Viewport( editor );
M
Added actual site.  
Mr.doob 已提交
155 156 157 
			viewport.setTop( '32px' );
			viewport.setLeft( '0px' );
			viewport.setRight( '300px' );
M
r58  
Mr.doob 已提交
158 
			viewport.setBottom( '32px' );
M
Added actual site.  
Mr.doob 已提交
159 160 
			document.body.appendChild( viewport.dom );
M
r59  
Mr.doob 已提交
161 
			var toolbar = new Toolbar( editor );
M
r58  
Mr.doob 已提交
162 163 164 165 166 167 
			toolbar.setBottom( '0px' );
			toolbar.setLeft( '0px' );
			toolbar.setRight( '300px' );
			toolbar.setHeight( '32px' );
			document.body.appendChild( toolbar.dom );
M
r59  
Mr.doob 已提交
168 
			var menubar = new Menubar( editor );
M
Added actual site.  
Mr.doob 已提交
169 170 171 172 
			menubar.setWidth( '100%' );
			menubar.setHeight( '32px' );
			document.body.appendChild( menubar.dom );
M
r59  
Mr.doob 已提交
173 
			var sidebar = new Sidebar( editor );
M
Added actual site.  
Mr.doob 已提交
174 175 176 177 178 179 180 
			sidebar.setRight( '0px' );
			sidebar.setTop( '32px' );
			sidebar.setBottom( '0px' );
			document.body.appendChild( sidebar.dom );

			//
M
r58  
Mr.doob 已提交
181 182 183 184 185 186 
			document.addEventListener( 'keydown', function ( event ) {

				switch ( event.keyCode ) {

					case 46: // delete
M
r59  
Mr.doob 已提交
187 188 
						editor.removeObject( editor.selected );
						editor.deselect();
M
r58  
Mr.doob 已提交
189 190 191 

						break;
M
r59  
Mr.doob 已提交
192 
					}
M
r58  
Mr.doob 已提交
193 194 195 196 197 

			}, false );

			var onWindowResize = function ( event ) {
M
r59  
Mr.doob 已提交
198 
				editor.signals.windowResize.dispatch();
M
r58  
Mr.doob 已提交
199 200 

			};
M
Added actual site.  
Mr.doob 已提交
201 202 203 

			window.addEventListener( 'resize', onWindowResize, false );
M
r58  
Mr.doob 已提交
204 205 
			onWindowResize();
M
Added File/Share to Editor.  
Mr.doob 已提交
206 207 208 209 210 211 212 213 214 215 216 
			var hash = window.location.hash.substr( 1 );

			if ( hash !== '' && hash.substr( 0, 2 ) === 'A/' ) {

				var string = RawDeflate.inflate( window.atob( hash.substr( 2 ) ) );
				var json = JSON.parse( string );
				var scene = new THREE.ObjectLoader().parse( json );
				editor.setScene( scene );
				
			} else {
M
Editor improvements and fixes.  
Mr.doob 已提交
217 
				editor.loader.loadLocalStorage();
M
Added File/Share to Editor.  
Mr.doob 已提交
218 219 

			}
M
r59  
Mr.doob 已提交
220
M
Added actual site.  
Mr.doob 已提交
221 222 223 
		</script>
	</body>
</html>