Updated examples builds.

Author: mrdoob

examples/js/animation/CCDIKSolver.js

@@ -185,7 +185,7 @@
    */
 		createHelper() {
 
-			return new CCDIKHelper( this.mesh, this.mesh.geometry.userData.MMD.iks );
+			return new CCDIKHelper( this.mesh, this.iks );
 
 		}
 

examples/js/controls/OrbitControls.js

@@ -549,19 +549,55 @@
 				switch ( event.code ) {
 
 					case scope.keys.UP:
-						pan( 0, scope.keyPanSpeed );
+						if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
+
+							rotateUp( 2 * Math.PI * scope.rotateSpeed / scope.domElement.clientHeight );
+
+						} else {
+
+							pan( 0, scope.keyPanSpeed );
+
+						}
+
 						needsUpdate = true;
 						break;
 					case scope.keys.BOTTOM:
-						pan( 0, - scope.keyPanSpeed );
+						if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
+
+							rotateUp( - 2 * Math.PI * scope.rotateSpeed / scope.domElement.clientHeight );
+
+						} else {
+
+							pan( 0, - scope.keyPanSpeed );
+
+						}
+
 						needsUpdate = true;
 						break;
 					case scope.keys.LEFT:
-						pan( scope.keyPanSpeed, 0 );
+						if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
+
+							rotateLeft( 2 * Math.PI * scope.rotateSpeed / scope.domElement.clientHeight );
+
+						} else {
+
+							pan( scope.keyPanSpeed, 0 );
+
+						}
+
 						needsUpdate = true;
 						break;
 					case scope.keys.RIGHT:
-						pan( - scope.keyPanSpeed, 0 );
+						if ( event.ctrlKey || event.metaKey || event.shiftKey ) {
+
+							rotateLeft( - 2 * Math.PI * scope.rotateSpeed / scope.domElement.clientHeight );
+
+						} else {
+
+							pan( - scope.keyPanSpeed, 0 );
+
+						}
+
 						needsUpdate = true;
 						break;
 

examples/js/exporters/GLTFExporter.js

@@ -14,11 +14,6 @@
 
 				return new GLTFMaterialsUnlitExtension( writer );
 
-			} );
-			this.register( function ( writer ) {
-
-				return new GLTFMaterialsPBRSpecularGlossiness( writer );
-
 			} );
 			this.register( function ( writer ) {
 
@@ -2011,59 +2006,6 @@
 
 	}
 
-	/**
- * Specular-Glossiness Extension
- *
- * Specification: https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Archived/KHR_materials_pbrSpecularGlossiness
- */
-	class GLTFMaterialsPBRSpecularGlossiness {
-
-		constructor( writer ) {
-
-			this.writer = writer;
-			this.name = 'KHR_materials_pbrSpecularGlossiness';
-
-		}
-		writeMaterial( material, materialDef ) {
-
-			if ( ! material.isGLTFSpecularGlossinessMaterial ) return;
-			const writer = this.writer;
-			const extensionsUsed = writer.extensionsUsed;
-			const extensionDef = {};
-			if ( materialDef.pbrMetallicRoughness.baseColorFactor ) {
-
-				extensionDef.diffuseFactor = materialDef.pbrMetallicRoughness.baseColorFactor;
-
-			}
-
-			const specularFactor = [ 1, 1, 1 ];
-			material.specular.toArray( specularFactor, 0 );
-			extensionDef.specularFactor = specularFactor;
-			extensionDef.glossinessFactor = material.glossiness;
-			if ( materialDef.pbrMetallicRoughness.baseColorTexture ) {
-
-				extensionDef.diffuseTexture = materialDef.pbrMetallicRoughness.baseColorTexture;
-
-			}
-
-			if ( material.specularMap ) {
-
-				const specularMapDef = {
-					index: writer.processTexture( material.specularMap )
-				};
-				writer.applyTextureTransform( specularMapDef, material.specularMap );
-				extensionDef.specularGlossinessTexture = specularMapDef;
-
-			}
-
-			materialDef.extensions = materialDef.extensions || {};
-			materialDef.extensions[ this.name ] = extensionDef;
-			extensionsUsed[ this.name ] = true;
-
-		}
-
-	}
-
 	/**
  * Clearcoat Materials Extension
  *

examples/js/exporters/USDZExporter.js

@@ -8,7 +8,7 @@
 					type: 'plane'
 				},
 				planeAnchoring: {
-					alignment: 'vertical'
+					alignment: 'horizontal'
 				}
 			}
 		} ) {
@@ -574,9 +574,9 @@ ${samplers.join( '\n' )}
 			matrix4d xformOp:transform = ${transform}
 			uniform token[] xformOpOrder = ["xformOp:transform"]
 	
-			float2 clippingRange = (${camera.near}, ${camera.far})
-			float horizontalAperture = ${( Math.abs( camera.left ) + Math.abs( camera.right ) ) * 10}
-			float verticalAperture = ${( Math.abs( camera.top ) + Math.abs( camera.bottom ) ) * 10}
+			float2 clippingRange = (${camera.near.toPrecision( PRECISION )}, ${camera.far.toPrecision( PRECISION )})
+			float horizontalAperture = ${( ( Math.abs( camera.left ) + Math.abs( camera.right ) ) * 10 ).toPrecision( PRECISION )}
+			float verticalAperture = ${( ( Math.abs( camera.top ) + Math.abs( camera.bottom ) ) * 10 ).toPrecision( PRECISION )}
 			token projection = "orthographic"
 		}
 	
@@ -589,12 +589,12 @@ ${samplers.join( '\n' )}
 			matrix4d xformOp:transform = ${transform}
 			uniform token[] xformOpOrder = ["xformOp:transform"]
 	
-			float2 clippingRange = (${camera.near}, ${camera.far})
-			float focalLength = ${camera.getFocalLength()}
-			float focusDistance = ${camera.focus}
-			float horizontalAperture = ${camera.getFilmWidth()}
+			float2 clippingRange = (${camera.near.toPrecision( PRECISION )}, ${camera.far.toPrecision( PRECISION )})
+			float focalLength = ${camera.getFocalLength().toPrecision( PRECISION )}
+			float focusDistance = ${camera.focus.toPrecision( PRECISION )}
+			float horizontalAperture = ${camera.getFilmWidth().toPrecision( PRECISION )}
 			token projection = "perspective"
-			float verticalAperture = ${camera.getFilmHeight()}
+			float verticalAperture = ${camera.getFilmHeight().toPrecision( PRECISION )}
 		}
 	
 	`;

examples/js/lines/LineSegments2.js

@@ -33,10 +33,12 @@
 
 	function raycastWorldUnits( lineSegments, intersects ) {
 
+		const matrixWorld = lineSegments.matrixWorld;
 		for ( let i = 0, l = _instanceStart.count; i < l; i ++ ) {
 
 			_line.start.fromBufferAttribute( _instanceStart, i );
 			_line.end.fromBufferAttribute( _instanceEnd, i );
+			_line.applyMatrix4( matrixWorld );
 			const pointOnLine = new THREE.Vector3();
 			const point = new THREE.Vector3();
 			_ray.distanceSqToSegment( _line.start, _line.end, point, pointOnLine );

examples/js/loaders/ColladaLoader.js

@@ -3358,6 +3358,33 @@
 
 					}
 
+					// Collada allows to use phong and lambert materials with lines. Replacing these cases with THREE.LineBasicMaterial.
+
+					if ( type === 'lines' || type === 'linestrips' ) {
+
+						for ( let i = 0, l = materials.length; i < l; i ++ ) {
+
+							const material = materials[ i ];
+							if ( material.isMeshPhongMaterial === true || material.isMeshLambertMaterial === true ) {
+
+								const lineMaterial = new THREE.LineBasicMaterial();
+
+								// copy compatible properties
+
+								lineMaterial.color.copy( material.color );
+								lineMaterial.opacity = material.opacity;
+								lineMaterial.transparent = material.transparent;
+
+								// replace material
+
+								materials[ i ] = lineMaterial;
+
+							}
+
+						}
+
+					}
+
 					// regard skinning
 
 					const skinning = geometry.data.attributes.skinIndex !== undefined;

examples/js/loaders/FBXLoader.js

@@ -1706,6 +1706,7 @@
 				faceLength ++;
 				if ( endOfFace ) {
 
+					if ( faceLength > 4 ) console.warn( 'THREE.FBXLoader: Polygons with more than four sides are not supported. Make sure to triangulate the geometry during export.' );
 					scope.genFace( buffers, geoInfo, facePositionIndexes, materialIndex, faceNormals, faceColors, faceUVs, faceWeights, faceWeightIndices, faceLength );
 					polygonIndex ++;
 					faceLength = 0;