ES6 Classes: Use Object.defineProperty instead of accessing the prototype

src/math/Box2.js

@@ -6,6 +6,8 @@ class Box2 {
 
 	constructor( min, max ) {
 
+		Object.defineProperty( this, 'isBox2', { value: true } );
+
 		this.min = ( min !== undefined ) ? min : new Vector2( + Infinity, + Infinity );
 		this.max = ( max !== undefined ) ? max : new Vector2( - Infinity, - Infinity );
 

src/math/Box3.js

@@ -4,6 +4,8 @@ class Box3 {
 
 	constructor( min, max ) {
 
+		Object.defineProperty( this, 'isBox3', { value: true } );
+
 		this.min = ( min !== undefined ) ? min : new Vector3( + Infinity, + Infinity, + Infinity );
 		this.max = ( max !== undefined ) ? max : new Vector3( - Infinity, - Infinity, - Infinity );
 
@@ -516,8 +518,6 @@ function satForAxes( axes, v0, v1, v2, extents ) {
 
 }
 
-Box3.prototype.isBox3 = true;
-
 const _points = [
 	new Vector3(),
 	new Vector3(),

src/math/Color.js

@@ -55,6 +55,8 @@ class Color {
 
 	constructor( r, g, b ) {
 
+		Object.defineProperty( this, 'isColor', { value: true } );
+
 		if ( g === undefined && b === undefined ) {
 
 			// r is THREE.Color, hex or string
@@ -601,9 +603,9 @@ class Color {
 }
 
 Color.NAMES = _colorKeywords;
-Color.prototype.isColor = true;
 Color.prototype.r = 1;
 Color.prototype.g = 1;
 Color.prototype.b = 1;
 
+
 export { Color };

src/math/Euler.js

@@ -7,6 +7,8 @@ class Euler {
 
 	constructor( x = 0, y = 0, z = 0, order = Euler.DefaultOrder ) {
 
+		Object.defineProperty( this, 'isEuler', { value: true } );
+
 		this._x = x;
 		this._y = y;
 		this._z = z;
@@ -318,12 +320,11 @@ class Euler {
 
 }
 
-Euler.DefaultOrder = 'XYZ';
-Euler.RotationOrders = [ 'XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX' ];
-Euler.prototype.isEuler = true;
-
 const _matrix = new Matrix4();
 const _quaternion = new Quaternion();
 
+Euler.DefaultOrder = 'XYZ';
+Euler.RotationOrders = [ 'XYZ', 'YZX', 'ZXY', 'XZY', 'YXZ', 'ZYX' ];
+
 
 export { Euler };

src/math/Matrix3.js

@@ -2,6 +2,8 @@ class Matrix3 {
 
 	constructor() {
 
+		Object.defineProperty( this, 'isMatrix3', { value: true } );
+
 		this.elements = [
 
 			1, 0, 0,
@@ -344,6 +346,5 @@ class Matrix3 {
 
 }
 
-Matrix3.prototype.isMatrix3 = true;
 
 export { Matrix3 };

src/math/Matrix4.js

@@ -4,6 +4,8 @@ class Matrix4 {
 
 	constructor() {
 
+		Object.defineProperty( this, 'isMatrix4', { value: true } );
+
 		this.elements = [
 
 			1, 0, 0, 0,
@@ -867,8 +869,6 @@ class Matrix4 {
 
 }
 
-Matrix4.prototype.isMatrix4 = true;
-
 const _v1 = new Vector3();
 const _m1 = new Matrix4();
 const _zero = new Vector3( 0, 0, 0 );

src/math/Plane.js

@@ -9,6 +9,8 @@ class Plane {
 
 	constructor( normal, constant ) {
 
+		Object.defineProperty( this, 'isPlane', { value: true } );
+
 		// normal is assumed to be normalized
 
 		this.normal = ( normal !== undefined ) ? normal : new Vector3( 1, 0, 0 );
@@ -221,7 +223,5 @@ class Plane {
 
 }
 
-Plane.prototype.isPlane = true;
-
 
 export { Plane };

src/math/Quaternion.js

@@ -4,6 +4,8 @@ class Quaternion {
 
 	constructor( x = 0, y = 0, z = 0, w = 1 ) {
 
+		Object.defineProperty( this, 'isQuaternion', { value: true } );
+
 		this._x = x;
 		this._y = y;
 		this._z = z;
@@ -639,6 +641,5 @@ class Quaternion {
 
 }
 
-Quaternion.prototype.isQuaternion = true;
 
 export { Quaternion };

src/math/SphericalHarmonics3.js

@@ -14,6 +14,8 @@ class SphericalHarmonics3 {
 
 	constructor() {
 
+		Object.defineProperty( this, 'isSphericalHarmonics3', { value: true } );
+
 		this.coefficients = [];
 
 		for ( let i = 0; i < 9; i ++ ) {
@@ -243,7 +245,5 @@ class SphericalHarmonics3 {
 
 }
 
-SphericalHarmonics3.prototype.isSphericalHarmonics3 = true;
-
 
 export { SphericalHarmonics3 };

src/math/Vector2.js

@@ -2,6 +2,8 @@ class Vector2 {
 
 	constructor( x = 0, y = 0 ) {
 
+		Object.defineProperty( this, 'isVector2', { value: true } );
+
 		this.x = x;
 		this.y = y;
 
@@ -477,6 +479,5 @@ class Vector2 {
 
 }
 
-Vector2.prototype.isVector2 = true;
 
 export { Vector2 };

src/math/Vector3.js

@@ -5,6 +5,8 @@ class Vector3 {
 
 	constructor( x = 0, y = 0, z = 0 ) {
 
+		Object.defineProperty( this, 'isVector3', { value: true } );
+
 		this.x = x;
 		this.y = y;
 		this.z = z;
@@ -718,9 +720,8 @@ class Vector3 {
 
 }
 
-Vector3.prototype.isVector3 = true;
-
 const _vector = new Vector3();
 const _quaternion = new Quaternion();
 
+
 export { Vector3 };

src/math/Vector4.js

@@ -2,6 +2,8 @@ class Vector4 {
 
 	constructor( x = 0, y = 0, z = 0, w = 1 ) {
 
+		Object.defineProperty( this, 'isVector4', { value: true } );
+
 		this.x = x;
 		this.y = y;
 		this.z = z;
@@ -644,6 +646,5 @@ class Vector4 {
 
 }
 
-Vector4.prototype.isVector4 = true;
 
 export { Vector4 };

src/scenes/Fog.js

@@ -4,6 +4,8 @@ class Fog {
 
 	constructor( color, near, far ) {
 
+		Object.defineProperty( this, 'isFog', { value: true } );
+
 		this.name = '';
 
 		this.color = new Color( color );
@@ -32,6 +34,5 @@ class Fog {
 
 }
 
-Fog.prototype.isFog = true;
 
 export { Fog };

src/scenes/FogExp2.js

@@ -4,6 +4,8 @@ class FogExp2 {
 
 	constructor( color, density ) {
 
+		Object.defineProperty( this, 'isFogExp2', { value: true } );
+
 		this.name = '';
 
 		this.color = new Color( color );
@@ -29,6 +31,5 @@ class FogExp2 {
 
 }
 
-FogExp2.prototype.isFogExp2 = true;
 
 export { FogExp2 };

src/scenes/Scene.js

@@ -5,6 +5,9 @@ class Scene extends Object3D {
 	constructor() {
 
 		super();
+
+		Object.defineProperty( this, 'isScene', { value: true } );
+
 		this.type = 'Scene';
 
 		this.background = null;
@@ -54,6 +57,5 @@ class Scene extends Object3D {
 
 }
 
-Scene.prototype.isScene = true;
 
 export { Scene };