Skip to content

T
three.js

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

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

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

切换分支/标签
查找文件 普通视图历史永久链接Permalink
index.html 5.7 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 
	</head>
	<body>
M
r62  
Mr.doob 已提交
9 10 
		<link href="css/types.css" rel="stylesheet" />
		<link id="theme" href="css/light.css" rel="stylesheet" />
M
Added actual site.  
Mr.doob 已提交
11
M
r59  
Mr.doob 已提交
12 
		<script src="../build/three.min.js"></script>
M
r58  
Mr.doob 已提交
13 14 15 
		<script src="../examples/js/libs/system.min.js"></script>

		<script src="../examples/js/controls/EditorControls.js"></script>
M
r59  
Mr.doob 已提交
16 
		<script src="../examples/js/controls/TransformControls.js"></script>
M
r60  
Mr.doob 已提交
17 
		<script src="../examples/js/loaders/BabylonLoader.js"></script>
M
Added actual site.  
Mr.doob 已提交
18 19 
		<script src="../examples/js/loaders/ColladaLoader.js"></script>
		<script src="../examples/js/loaders/OBJLoader.js"></script>
M
r58  
Mr.doob 已提交
20 
		<script src="../examples/js/loaders/PLYLoader.js"></script>
M
Added actual site.  
Mr.doob 已提交
21 22 
		<script src="../examples/js/loaders/STLLoader.js"></script>
		<script src="../examples/js/loaders/UTF8Loader.js"></script>
M
r59  
Mr.doob 已提交
23 
		<script src="../examples/js/loaders/VRMLLoader.js"></script>
M
Added actual site.  
Mr.doob 已提交
24 25 26 27 28 29 30 31 32 
		<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 已提交
33 34 
		<!-- WIP -->
M
r60  
Mr.doob 已提交
35 36 37 
		<script src="../examples/js/BufferGeometryUtils.js"></script>

		<script src="../examples/js/exporters/BufferGeometryExporter.js"></script>
M
r58  
Mr.doob 已提交
38 39 40 
		<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 已提交
41 
		<script src="../examples/js/renderers/WebGLRenderer3.js"></script>
M
Added actual site.  
Mr.doob 已提交
42 43 

		<script src="js/libs/signals.min.js"></script>
M
r59  
Mr.doob 已提交
44 45 46 
		<script src="js/libs/ui.js"></script>
		<script src="js/libs/ui.three.js"></script>
M
r62  
Mr.doob 已提交
47 48 
		<script src="js/Storage.js"></script>
M
r59  
Mr.doob 已提交
49 
		<script src="js/Editor.js"></script>
M
r62  
Mr.doob 已提交
50 
		<script src="js/Config.js"></script>
M
r59  
Mr.doob 已提交
51 52 53 54 55 
		<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>
M
r62  
Mr.doob 已提交
56 
		<script src="js/Menubar.View.js"></script>
M
r59  
Mr.doob 已提交
57 58 59 60 61 62 63 
		<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>
M
r61  
Mr.doob 已提交
64 
		<script src="js/Sidebar.Geometry.CircleGeometry.js"></script>
M
r59  
Mr.doob 已提交
65 66 67 
		<script src="js/Sidebar.Geometry.CubeGeometry.js"></script>
		<script src="js/Sidebar.Geometry.CylinderGeometry.js"></script>
		<script src="js/Sidebar.Geometry.IcosahedronGeometry.js"></script>
M
r61  
Mr.doob 已提交
68 69 
		<script src="js/Sidebar.Geometry.PlaneGeometry.js"></script>
		<script src="js/Sidebar.Geometry.SphereGeometry.js"></script>
M
r59  
Mr.doob 已提交
70 71 72 73 74 
		<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 已提交
75 76 77 78 79 80 

		<script>

			window.URL = window.URL || window.webkitURL;
			window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder;
M
r59  
Mr.doob 已提交
81 
			var editor = new Editor();
M
Added actual site.  
Mr.doob 已提交
82
M
r62  
Mr.doob 已提交
83 
			var viewport = new Viewport( editor ).setId( 'viewport' );
M
Added actual site.  
Mr.doob 已提交
84 85 
			document.body.appendChild( viewport.dom );
M
r62  
Mr.doob 已提交
86 
			var toolbar = new Toolbar( editor ).setId( 'toolbar' )
M
r58  
Mr.doob 已提交
87 88 
			document.body.appendChild( toolbar.dom );
M
r62  
Mr.doob 已提交
89 
			var menubar = new Menubar( editor ).setId( 'menubar' );
M
Added actual site.  
Mr.doob 已提交
90 91 
			document.body.appendChild( menubar.dom );
M
r62  
Mr.doob 已提交
92 
			var sidebar = new Sidebar( editor ).setId( 'sidebar' );
M
Added actual site.  
Mr.doob 已提交
93 94 95 96 
			document.body.appendChild( sidebar.dom );

			//
M
r62  
Mr.doob 已提交
97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 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 146 147 148 149 
			editor.setTheme( editor.config.getKey( 'theme' ) );

			editor.storage.init( function () {

				editor.storage.get( function ( state ) {

					if ( state !== undefined ) {

						var loader = new THREE.ObjectLoader();
						var scene = loader.parse( state );

						editor.setScene( scene );

					}

					var selected = editor.config.getKey( 'selected' );

					if ( selected !== undefined ) {

						editor.selectByUuid( selected );

					}

				} );

				//

				var timeout;
				var exporter = new THREE.ObjectExporter();

				var saveState = function ( scene ) {

					clearTimeout( timeout );

					timeout = setTimeout( function () {

						editor.storage.set( exporter.parse( editor.scene ) );

					}, 2000 );

				};

				var signals = editor.signals;

				signals.objectAdded.add( saveState );
				signals.objectChanged.add( saveState );
				signals.objectRemoved.add( saveState );
				signals.sceneGraphChanged.add( saveState );

			} );

			//
M
r60  
Mr.doob 已提交
150 151 152 153 154 155 156 157 158 159 160 161 162 163 
			document.addEventListener( 'dragover', function ( event ) {

				event.preventDefault();
				event.dataTransfer.dropEffect = 'copy';

			}, false );

			document.addEventListener( 'drop', function ( event ) {

				event.preventDefault();
				editor.loader.loadFile( event.dataTransfer.files[ 0 ] );

			}, false );
M
r58  
Mr.doob 已提交
164 165 166 167 168 169 
			document.addEventListener( 'keydown', function ( event ) {

				switch ( event.keyCode ) {

					case 46: // delete
M
r59  
Mr.doob 已提交
170 171 
						editor.removeObject( editor.selected );
						editor.deselect();
M
r58  
Mr.doob 已提交
172 173 174 

						break;
M
r59  
Mr.doob 已提交
175 
					}
M
r58  
Mr.doob 已提交
176 177 178 179 180 

			}, false );

			var onWindowResize = function ( event ) {
M
r59  
Mr.doob 已提交
181 
				editor.signals.windowResize.dispatch();
M
r58  
Mr.doob 已提交
182 183 

			};
M
Added actual site.  
Mr.doob 已提交
184 185 186 

			window.addEventListener( 'resize', onWindowResize, false );
M
r58  
Mr.doob 已提交
187 188 
			onWindowResize();
M
Added actual site.  
Mr.doob 已提交
189 190 191 
		</script>
	</body>
</html>