Skip to content

T
three.js

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

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

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

切换分支/标签
查找文件 普通视图历史永久链接Permalink
webgl_geometry_colors_blender.html 3.7 KB
Newer Older
M
HTML correctness.  
Mr.doob 已提交
1 
<!DOCTYPE html>
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
2 3 
<html lang="en">
	<head>
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
4 
		<title>three.js webgl - io blender - vertex colors</title>
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
5 
		<meta charset="utf-8">
M
Updated HTML of the rest of the examples.  
Mr.doob 已提交
6 7 
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
8 9 10 11 12 13 14 15 
			body {
				color: #eee;
				font-family:Monospace;
				font-size:13px;
				text-align:center;

				background-color: #000;
				margin: 0px;
A
Changed few more examples to use requestAnimationFrame.  
alteredq 已提交
16 
				padding: 0px;
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 
				overflow: hidden;
			}

			#info {
				position: absolute;
				top: 0px; width: 100%;
				padding: 5px;
			}

			a {
				color: #0080ff;
			}

		</style>
	</head>
	<body>
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
34 
		<div id="container"></div>
M
Changed three.js link in examples.  
Mr.doob 已提交
35 
		<div id="info"><a href="http://threejs.org" target="_blank">three.js</a> webgl - io blender - vertex colors</div>
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
36
M
Updated examples with three.min.js include. Closes #2229.  
Mr.doob 已提交
37 
		<script src="../build/three.min.js"></script>
M
Added namespace to all the objects that missed it (geometries, uniforms, etc)  
Mr.doob 已提交
38
M
More examples clean up.  
Mr.doob 已提交
39 
		<script src="js/Detector.js"></script>
M
Updated to latest stats.js and moved libs to js/libs.  
Mr.doob 已提交
40 
		<script src="js/libs/stats.min.js"></script>
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
41
M
More examples clean up.  
Mr.doob 已提交
42 
		<script>
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
43
M
Changed build setup:  
Mr.doob 已提交
44 
			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
45 46 47 48 49 50 51 52 53 54 55 56 

			var container, stats;

			var camera, scene, renderer;

			var mesh, mesh2, mesh3, light;

			var mouseX = 0, mouseY = 0;

			var windowHalfX = window.innerWidth / 2;
			var windowHalfY = window.innerHeight / 2;
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
57 58 
			init();
			animate();
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
59 60 61 62 63 

			function init() {

				container = document.getElementById( 'container' );
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
64 
				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
65 
				camera.position.z = 1800;
M
Removed unneded scene.add( camera ) from the examples.  
Mr.doob 已提交
66 67 

				scene = new THREE.Scene();
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
68
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
69 
				light = new THREE.DirectionalLight( 0xffffff );
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
70 
				light.position.set( 0, 0, 1 ).normalize();
M
Updated examples with the new `.add`/`.remove` methods.  
Mr.doob 已提交
71 
				scene.add( light );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
72
A
Updated Blender exporter to export new JSON format.  
alteredq 已提交
73 
				var loader = new THREE.JSONLoader();
M
Merging with @alteredq's experimental branches.  
Mr.doob 已提交
74 75 76 

				loader.load( "obj/cubecolors/cubecolors.js", createScene1 );
				loader.load( "obj/cubecolors/cube_fvc.js", createScene2 );
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
77
A
Added FlyCamera (thanks to James Baicoianu). Added specular map to normal map...  
alteredq 已提交
78 
				renderer = new THREE.WebGLRenderer( { antialias: true } );
M
Examples: Added setPixelRatio(). See #5627.  
Mr.doob 已提交
79 
				renderer.setPixelRatio( window.devicePixelRatio );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
80 81 82 83 84 85 86 87 88 89 
				renderer.setSize( window.innerWidth, window.innerHeight );
				container.appendChild( renderer.domElement );

				stats = new Stats();
				stats.domElement.style.position = 'absolute';
				stats.domElement.style.top = '0px';
				container.appendChild( stats.domElement );

				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
A
Fixed FirstPersonControls not handling resizing. Fixed some more examples not...  
alteredq 已提交
90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 
				//

				window.addEventListener( 'resize', onWindowResize, false );

			}

			function onWindowResize() {

				windowHalfX = window.innerWidth / 2;
				windowHalfY = window.innerHeight / 2;

				camera.aspect = window.innerWidth / window.innerHeight;
				camera.updateProjectionMatrix();

				renderer.setSize( window.innerWidth, window.innerHeight );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
106 107 
			}
M
Updated more examples that relied on geometry.materials.  
Mr.doob 已提交
108 
			function createScene1( geometry, materials ) {
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
109
M
Updated more examples that relied on geometry.materials.  
Mr.doob 已提交
110 
				materials[ 0 ].shading = THREE.FlatShading;
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
111
M
removal of THREE.MeshFaceMaterial  
Mugen87 已提交
112 
				mesh = new THREE.Mesh( geometry, new THREE.MultiMaterial( materials ) );
M
Removed most of SeceneUtils methods for simplicity reasons.  
Mr.doob 已提交
113 114 
				mesh.position.x = 400;
				mesh.scale.x = mesh.scale.y = mesh.scale.z = 250;
M
Updated examples with the new `.add`/`.remove` methods.  
Mr.doob 已提交
115 
				scene.add( mesh );
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
116 117 118 

			}
M
Updated more examples that relied on geometry.materials.  
Mr.doob 已提交
119 
			function createScene2( geometry, materials ) {
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
120
M
Updated more examples that relied on geometry.materials.  
Mr.doob 已提交
121 
				materials[ 0 ].shading = THREE.FlatShading;
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
122
M
removal of THREE.MeshFaceMaterial  
Mugen87 已提交
123 
				mesh2 = new THREE.Mesh( geometry, new THREE.MultiMaterial( materials ) );
M
Removed most of SeceneUtils methods for simplicity reasons.  
Mr.doob 已提交
124 125 
				mesh2.position.x = - 400;
				mesh2.scale.x = mesh2.scale.y = mesh2.scale.z = 250;
M
Updated examples with the new `.add`/`.remove` methods.  
Mr.doob 已提交
126 
				scene.add( mesh2 );
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
127
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
128 
			}
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
129
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
130 131 132 133 134 135 136 
			function onDocumentMouseMove( event ) {

				mouseX = ( event.clientX - windowHalfX );
				mouseY = ( event.clientY - windowHalfY );

			}
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
137 138 139 140 141 142 143 144 145 146 147 148 
			//

			function animate() {

				requestAnimationFrame( animate );

				render();
				stats.update();

			}

			function render() {
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
149 150 151 152 

				camera.position.x += ( mouseX - camera.position.x ) * 0.05;
				camera.position.y += ( - mouseY - camera.position.y ) * 0.05;
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
153 154 
				camera.lookAt( scene.position );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
155 
				if ( mesh ) {
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
156
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
157 158 
					mesh.rotation.x += 0.01;
					mesh.rotation.y += 0.01;
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
159 
				}
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
160
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
161 
				if ( mesh2 ) {
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
162
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
163 164 
					mesh2.rotation.x += 0.01;
					mesh2.rotation.y += 0.01;
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
165
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
166 
				}
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
167
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
168 169 170 171 172 173 174 175 
				renderer.render( scene, camera );

			}

		</script>

	</body>
</html>