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.5 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
Fixed lgtm.com unsafe external link alerts.  
Mr.doob 已提交
35 
		<div id="info"><a href="http://threejs.org" target="_blank" rel="noopener">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
W
Examples: three.min.js -> three.js  
WestLangley 已提交
37 
		<script src="../build/three.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
L
renamed .js -> .json  
Lewy Blue 已提交
75 76 
				loader.load( "models/json/cubecolors/cubecolors.json", createScene1 );
				loader.load( "models/json/cubecolors/cube_fvc.json", 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 
				renderer.setSize( window.innerWidth, window.innerHeight );
				container.appendChild( renderer.domElement );

				stats = new Stats();
M
stats.js usage clean up  
Mr.doob 已提交
84 
				container.appendChild( stats.dom );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
85 86 87 

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

				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 已提交
104 105 
			}
M
Updated more examples that relied on geometry.materials.  
Mr.doob 已提交
106 
			function createScene1( geometry, materials ) {
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
107
A
remove use of MuliMaterial in webGL examples  
aardgoose 已提交
108 
				mesh = new THREE.Mesh( geometry, materials );
M
Removed most of SeceneUtils methods for simplicity reasons.  
Mr.doob 已提交
109 110 
				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 已提交
111 
				scene.add( mesh );
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
112 113 114 

			}
M
Updated more examples that relied on geometry.materials.  
Mr.doob 已提交
115 
			function createScene2( geometry, materials ) {
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
116
A
remove use of MuliMaterial in webGL examples  
aardgoose 已提交
117 
				mesh2 = new THREE.Mesh( geometry, materials );
M
Removed most of SeceneUtils methods for simplicity reasons.  
Mr.doob 已提交
118 119 
				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 已提交
120 
				scene.add( mesh2 );
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
121
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
122 
			}
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
123
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
124 125 126 127 128 129 130 
			function onDocumentMouseMove( event ) {

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

			}
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
131 132 133 134 135 136 137 138 139 140 141 142 
			//

			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 已提交
143 144 145 146 

				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 已提交
147 148 
				camera.lookAt( scene.position );
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
149 
				if ( mesh ) {
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
150
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
151 152 
					mesh.rotation.x += 0.01;
					mesh.rotation.y += 0.01;
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
153 
				}
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
154
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
155 
				if ( mesh2 ) {
A
Made FlyControls and RollControls work. Fixed more examples.  
alteredq 已提交
156
A
Added second cube for Blender vertex color example (courtesy of mrdoob).  
alteredq 已提交
157 158 
					mesh2.rotation.x += 0.01;
					mesh2.rotation.y += 0.01;
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
159
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
160 
				}
M
All examples now use RequestAnimationFrame.js (pheww!)  
Mr.doob 已提交
161
A
Added vertex colors to ASCII model loader and to Blender exporter (plus corresponding example).  
alteredq 已提交
162 163 164 165 166 167 168 169 
				renderer.render( scene, camera );

			}

		</script>

	</body>
</html>