Почетна Преглед Помоћ
Пријавите се
javascript
/
three.js
огледало од https://github.com/tazdij/three.js.git
2
0
Креирај огранак 0
Датотеке Дискусије 0 Вики
Преглед изворни кода

Merge pull request #6844 from dubejf/multi-colors

WebGLMultipleRenderers: Use Geometry
Ricardo Cabello пре 10 година
родитељ
fe245700b5 0db587f0dd
комит
68726be04e
9 измењених фајлова са 24 додато и 27 уклоњено
Подељен поглед Покажи статистику Diff
  1. 1 0
      examples/index.html
  2. 18 14
      examples/webgl_multiple_renderers.html
  3. 0 1
      src/core/BufferGeometry.js
  4. 0 2
      src/extras/geometries/ShapeGeometry.js
  5. 1 2
      src/loaders/JSONLoader.js
  6. 2 2
      src/math/Color.js
  7. 2 2
      src/renderers/WebGLRenderer.js
  8. 0 2
      src/renderers/webgl/WebGLProgram.js
  9. 0 2
      src/renderers/webgl/WebGLShadowMap.js

+ 1 - 0
examples/index.html
Прегледај датотеку 

@@ -316,6 +316,7 @@
 
 				"webgl_multiple_canvases_complex",
 
 				"webgl_multiple_canvases_grid",
 
 				"webgl_multiple_elements",
 
+				"webgl_multiple_renderers",
 
 				"webgl_multiple_views",
 
 				"webgl_nearestneighbour",
 
 				"webgl_objects_update",

+ 18 - 14
examples/webgl_multiple_renderers.html
Прегледај датотеку 

@@ -1,7 +1,7 @@
 
 <!DOCTYPE html>
 
 <html lang="en">
 
 	<head>
 
-		<title>three.js webgl - multiple Renderers - complex</title>
 
+		<title>three.js webgl - multiple renderers</title>
 
 		<meta charset="utf-8">
 
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style>
 
@@ -62,7 +62,7 @@
 
 			<div id="container2"></div>
 
 			<div id="container3"></div>
 
 		</div>
 
-		<div id="info"><a href="http://threejs.org" target="_blank">three.js</a> webgl - multiple canvases - complex</div>
 
+		<div id="info"><a href="http://threejs.org" target="_blank">three.js</a> webgl - multiple renderers</div>
 
 
 		<script src="../build/three.min.js"></script>
 
 
@@ -115,8 +115,8 @@
 
 
 				var container3 = document.getElementById( 'container3' );
 
 
-				container3.style.left = e.pageX - container3.clientWidth / 2 + "px"
 
-				container3.style.top = e.pageY - container3.clientHeight / 2 + "px"
 
+				container3.style.left = e.pageX - container3.clientWidth / 2 + "px";
 
+				container3.style.top = e.pageY - container3.clientHeight / 2 + "px";
 
 
 			}
 
 
@@ -225,9 +225,7 @@
 
 				group2.rotation.x = 0;
 
 				scene.add( group2 );
 
 
-				group3 = new THREE.Group();
 
-				group3.add( new THREE.Mesh( new THREE.BufferGeometry().fromGeometry( geometry3 ), materials[0] ) );
 
-				group3.add( new THREE.Mesh( geometry3, materials[1] ) );
 
+				group3 = THREE.SceneUtils.createMultiMaterialObject( geometry3, materials );
 
 				group3.name = 'rotating ball';
 
 				group3.position.x = 0;
 
 				group3.rotation.x = 0;
 
@@ -238,25 +236,31 @@
 
 
 			function updateScene () {
 
 
-				var group = scene.getObjectByName( 'rotating ball' )
 
+				var group = scene.getObjectByName( 'rotating ball' );
 
 				group.rotation.x += Math.PI / 600;
 
 
 				var geometry = group.children[0].geometry;
 
-				var array = geometry.attributes.color.array;
 
 
-				for (var i = 0; i < array.length; i ++) {
 
+				for (var i = 0; i < geometry.faces.length; i ++) {
 
 
-					array[i] = ( array[i] + 0.99 ) % 1.0;
 
+						var f = geometry.faces[ i ];
 
 
-				}
 
+						for( var j = 0; j < 3; j ++ ) {
 
+
 
+							var color = f.vertexColors[ j ];
 
+							color.setHex( ( color.getHex() + 0xfdfdfd ) % 0xffffff );
 
+
 
+						}
 
+
 
+					}
 
 
-				geometry.attributes.color.needsUpdate = true;
 
+				geometry.colorsNeedUpdate = true;
 
 
 			}
 
 
 			function App( container, fullWidth, fullHeight ) {
 
 
-				var container, stats;
 
+				var stats;
 
 
 				var camera, renderer;

+ 0 - 1
src/core/BufferGeometry.js
Прегледај датотеку 

@@ -153,7 +153,6 @@ THREE.BufferGeometry.prototype = {
 
 		console.log( 'THREE.BufferGeometry.setFromObject(). Converting', object, this );
 
 
 		var geometry = object.geometry;
 
-		var material = object.material;
 
 
 		if ( object instanceof THREE.PointCloud || object instanceof THREE.Line ) {

+ 0 - 2
src/extras/geometries/ShapeGeometry.js
Прегледај датотеку 

@@ -95,8 +95,6 @@ THREE.ShapeGeometry.prototype.addShape = function ( shape, options ) {
 
 
 	// Vertices
 
 
-	var contour = vertices;
 
-
 
 	for ( i = 0, l = holes.length; i < l; i ++ ) {
 
 
 		hole = holes[ i ];

+ 1 - 2
src/loaders/JSONLoader.js
Прегледај датотеку 

@@ -68,8 +68,7 @@ THREE.JSONLoader.prototype = {
 
 

 	parse: function ( json, texturePath ) {

 

-		var scope = this,

-		geometry = new THREE.Geometry(),

+		var geometry = new THREE.Geometry(),

 		scale = ( json.scale !== undefined ) ? 1.0 / json.scale : 1.0;

 

 		parseModel( scale );

+ 2 - 2
src/math/Color.js
Прегледај датотеку 

@@ -10,7 +10,7 @@ THREE.Color = function ( color ) {
 
 
 	}
 
 
-	return this.set( color )
 
+	return this.set( color );
 
 
 };
 
 
@@ -73,7 +73,7 @@ THREE.Color.prototype = {
 
 			if ( t < 2 / 3 ) return p + ( q - p ) * 6 * ( 2 / 3 - t );
 
 			return p;
 
 
-		};
 
+		}
 
 
 		return function ( h, s, l ) {

+ 2 - 2
src/renderers/WebGLRenderer.js
Прегледај датотеку 

@@ -1944,7 +1944,7 @@ THREE.WebGLRenderer = function ( parameters ) {
 
 				uniforms: THREE.UniformsUtils.clone( shader.uniforms ),
 
 				vertexShader: shader.vertexShader,
 
 				fragmentShader: shader.fragmentShader
 
-			}
 
+			};
 
 
 		} else {
 
 
@@ -1953,7 +1953,7 @@ THREE.WebGLRenderer = function ( parameters ) {
 
 				uniforms: material.uniforms,
 
 				vertexShader: material.vertexShader,
 
 				fragmentShader: material.fragmentShader
 
-			}
 
+			};
 
 
 		}

+ 0 - 2
src/renderers/webgl/WebGLProgram.js
Прегледај датотеку 

@@ -81,8 +81,6 @@ THREE.WebGLProgram = ( function () {
 
 		var gl = renderer.context;
 
 
 		var defines = material.defines;
 
-		var uniforms = material.__webglShader.uniforms;
 
-		var attributes = material.attributes;
 
 
 		var vertexShader = material.__webglShader.vertexShader;
 
 		var fragmentShader = material.__webglShader.fragmentShader;

+ 0 - 2
src/renderers/webgl/WebGLShadowMap.js
Прегледај датотеку 

@@ -13,8 +13,6 @@ THREE.WebGLShadowMap = function ( _renderer, _lights, _objects ) {
 
 	_min = new THREE.Vector3(),
 
 	_max = new THREE.Vector3(),
 
 
-	_webglObjects = _objects.objects,
 
-
 
 	_matrixPosition = new THREE.Vector3(),
 
 
 	_renderList = [];