Replaced TwoPassDoubleSide with material.forceSinglePass

editor/js/Sidebar.Material.js

@@ -306,8 +306,7 @@ function SidebarMaterial( editor ) {
 	const materialSideOptions = {
 		0: 'Front',
 		1: 'Back',
-		2: 'Double',
-		3: 'TwoPassDouble'
+		2: 'Double'
 	};
 
 	const materialSide = new SidebarMaterialConstantProperty( editor, 'side', strings.getKey( 'sidebar/material/side' ), materialSideOptions );

editor/js/Sidebar.Object.js

@@ -349,6 +349,16 @@ function SidebarObject( editor ) {
 
 	container.add( objectFrustumCulledRow );
 
+	// renderForceSinglePass
+
+	const objectrenderForceSinglePassRow = new UIRow();
+	const objectrenderForceSinglePass = new UICheckbox().onChange( update );
+
+	objectrenderForceSinglePassRow.add( new UIText( strings.getKey( 'sidebar/object/renderforcesinglepass' ) ).setWidth( '90px' ) );
+	objectrenderForceSinglePassRow.add( objectrenderForceSinglePass );
+
+	container.add( objectrenderForceSinglePassRow );
+
 	// renderOrder
 
 	const objectRenderOrderRow = new UIRow();
@@ -527,6 +537,12 @@ function SidebarObject( editor ) {
 
 			}
 
+			if ( object.renderForceSinglePass !== objectrenderForceSinglePass.getValue() ) {
+
+				editor.execute( new SetValueCommand( editor, object, 'renderForceSinglePass', objectrenderForceSinglePass.getValue() ) );
+
+			}
+
 			if ( object.renderOrder !== objectRenderOrder.getValue() ) {
 
 				editor.execute( new SetValueCommand( editor, object, 'renderOrder', objectRenderOrder.getValue() ) );

examples/webgl_buffergeometry_instancing.html

@@ -173,6 +173,7 @@
 			//
 
 			const mesh = new THREE.Mesh( geometry, material );
+			mesh.renderForceSinglePass = true;
 			scene.add( mesh );
 
 			//

examples/webgl_geometry_convex.html

@@ -118,7 +118,7 @@
 				const meshMaterial = new THREE.MeshLambertMaterial( {
 					color: 0xffffff,
 					opacity: 0.5,
-					side: THREE.TwoPassDoubleSide,
+					side: THREE.DoubleSide,
 					transparent: true
 				} );
 

src/constants.js

@@ -12,7 +12,6 @@ export const VSMShadowMap = 3;
 export const FrontSide = 0;
 export const BackSide = 1;
 export const DoubleSide = 2;
-export const TwoPassDoubleSide = 3;
 export const NoBlending = 0;
 export const NormalBlending = 1;
 export const AdditiveBlending = 2;

src/core/Object3D.js

@@ -109,6 +109,7 @@ class Object3D extends EventDispatcher {
 		this.receiveShadow = false;
 
 		this.frustumCulled = true;
+		this.renderForceSinglePass = false;
 		this.renderOrder = 0;
 
 		this.animations = [];
@@ -712,6 +713,7 @@ class Object3D extends EventDispatcher {
 		if ( this.receiveShadow === true ) object.receiveShadow = true;
 		if ( this.visible === false ) object.visible = false;
 		if ( this.frustumCulled === false ) object.frustumCulled = false;
+		if ( this.renderForceSinglePass === true ) object.renderForceSinglePass = true;
 		if ( this.renderOrder !== 0 ) object.renderOrder = this.renderOrder;
 		if ( Object.keys( this.userData ).length > 0 ) object.userData = this.userData;
 
@@ -942,6 +944,7 @@ class Object3D extends EventDispatcher {
 		this.receiveShadow = source.receiveShadow;
 
 		this.frustumCulled = source.frustumCulled;
+		this.renderForceSinglePass = source.renderForceSinglePass;
 		this.renderOrder = source.renderOrder;
 
 		this.userData = JSON.parse( JSON.stringify( source.userData ) );

src/loaders/ObjectLoader.js

@@ -977,6 +977,7 @@ class ObjectLoader extends Loader {
 
 		if ( data.visible !== undefined ) object.visible = data.visible;
 		if ( data.frustumCulled !== undefined ) object.frustumCulled = data.frustumCulled;
+		if ( data.renderForceSinglePass !== undefined ) object.renderForceSinglePass = data.renderForceSinglePass;
 		if ( data.renderOrder !== undefined ) object.renderOrder = data.renderOrder;
 		if ( data.userData !== undefined ) object.userData = data.userData;
 		if ( data.layers !== undefined ) object.layers.mask = data.layers;

src/renderers/WebGLRenderer.js

@@ -1,8 +1,8 @@
 import {
 	REVISION,
 	BackSide,
-	TwoPassDoubleSide,
 	FrontSide,
+	DoubleSide,
 	RGBAFormat,
 	HalfFloatType,
 	FloatType,
@@ -828,7 +828,7 @@ function WebGLRenderer( parameters = {} ) {
 
 		function prepare( material, scene, object ) {
 
-			if ( material.transparent === true && material.side === TwoPassDoubleSide ) {
+			if ( material.transparent === true && material.side === DoubleSide && object.renderForceSinglePass === false ) {
 
 				material.side = BackSide;
 				material.needsUpdate = true;
@@ -838,7 +838,7 @@ function WebGLRenderer( parameters = {} ) {
 				material.needsUpdate = true;
 				getProgram( material, scene, object );
 
-				material.side = TwoPassDoubleSide;
+				material.side = DoubleSide;
 
 			} else {
 
@@ -1310,7 +1310,7 @@ function WebGLRenderer( parameters = {} ) {
 
 		material.onBeforeRender( _this, scene, camera, geometry, object, group );
 
-		if ( material.transparent === true && material.side === TwoPassDoubleSide ) {
+		if ( material.transparent === true && material.side === DoubleSide && object.renderForceSinglePass === false ) {
 
 			material.side = BackSide;
 			material.needsUpdate = true;
@@ -1320,7 +1320,7 @@ function WebGLRenderer( parameters = {} ) {
 			material.needsUpdate = true;
 			_this.renderBufferDirect( camera, scene, geometry, material, object, group );
 
-			material.side = TwoPassDoubleSide;
+			material.side = DoubleSide;
 
 		} else {
 

src/renderers/webgl/WebGLShadowMap.js

@@ -1,4 +1,4 @@
-import { FrontSide, BackSide, DoubleSide, TwoPassDoubleSide, NearestFilter, PCFShadowMap, VSMShadowMap, RGBADepthPacking, NoBlending } from '../../constants.js';
+import { FrontSide, BackSide, DoubleSide, NearestFilter, PCFShadowMap, VSMShadowMap, RGBADepthPacking, NoBlending } from '../../constants.js';
 import { WebGLRenderTarget } from '../WebGLRenderTarget.js';
 import { MeshDepthMaterial } from '../../materials/MeshDepthMaterial.js';
 import { MeshDistanceMaterial } from '../../materials/MeshDistanceMaterial.js';
@@ -28,7 +28,7 @@ function WebGLShadowMap( _renderer, _objects, _capabilities ) {
 
 		_maxTextureSize = _capabilities.maxTextureSize;
 
-	const shadowSide = { [ FrontSide ]: BackSide, [ BackSide ]: FrontSide, [ DoubleSide ]: DoubleSide, [ TwoPassDoubleSide ]: DoubleSide };
+	const shadowSide = { 0: BackSide, 1: FrontSide, 2: DoubleSide };
 
 	const shadowMaterialVertical = new ShaderMaterial( {
 		defines: {