super-three 0.144.0 → 0.147.0

package/examples/jsm/helpers/OctreeHelper.js

@@ -9,6 +9,19 @@ class OctreeHelper extends LineSegments {
 
 	constructor( octree, color = 0xffff00 ) {
 
+		super( new BufferGeometry(), new LineBasicMaterial( { color: color, toneMapped: false } ) );
+
+		this.octree = octree;
+		this.color = color;
+
+		this.type = 'OctreeHelper';
+
+		this.update();
+
+	}
+
+	update() {
+
 		const vertices = [];
 
 		function traverse( tree ) {
@@ -39,20 +52,21 @@ class OctreeHelper extends LineSegments {
 
 		}
 
-		traverse( octree.subTrees );
+		traverse( this.octree.subTrees );
 
-		const geometry = new BufferGeometry();
-		geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
+		this.geometry.dispose();
 
-		super( geometry, new LineBasicMaterial( { color: color, toneMapped: false } ) );
+		this.geometry = new BufferGeometry();
+		this.geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
 
-		this.octree = octree;
-		this.color = color;
+	}
 
-		this.type = 'OctreeHelper';
+	dispose() {
 
-	}
+		this.geometry.dispose();
+		this.material.dispose();
 
+	}
 }
 
 export { OctreeHelper };

package/examples/jsm/helpers/VertexNormalsHelper.js

@@ -84,7 +84,13 @@ class VertexNormalsHelper extends LineSegments {
 
 	}
 
-}
+	dispose() {
+
+		this.geometry.dispose();
+		this.material.dispose();
 
+	}
+
+}
 
 export { VertexNormalsHelper };

package/examples/jsm/helpers/VertexTangentsHelper.js

@@ -76,6 +76,13 @@ class VertexTangentsHelper extends LineSegments {
 
 	}
 
+	dispose() {
+
+		this.geometry.dispose();
+		this.material.dispose();
+
+	}
+
 }
 
 export { VertexTangentsHelper };

package/examples/jsm/helpers/ViewHelper.js

@@ -200,6 +200,30 @@ class ViewHelper extends THREE.Object3D {
 
 		};
 
+		this.dispose = function () {
+
+			geometry.dispose();
+
+			xAxis.material.dispose();
+			yAxis.material.dispose();
+			zAxis.material.dispose();
+
+			posXAxisHelper.material.map.dispose();
+			posYAxisHelper.material.map.dispose();
+			posZAxisHelper.material.map.dispose();
+			negXAxisHelper.material.map.dispose();
+			negYAxisHelper.material.map.dispose();
+			negZAxisHelper.material.map.dispose();
+
+			posXAxisHelper.material.dispose();
+			posYAxisHelper.material.dispose();
+			posZAxisHelper.material.dispose();
+			negXAxisHelper.material.dispose();
+			negYAxisHelper.material.dispose();
+			negZAxisHelper.material.dispose();
+
+		};
+
 		function prepareAnimationData( object, focusPoint ) {
 
 			switch ( object.userData.type ) {

package/examples/jsm/interactive/HTMLMesh.js

@@ -36,6 +36,8 @@ class HTMLMesh extends Mesh {
 			material.dispose();
 
 			material.map.dispose();
+			
+			canvases.delete( dom );
 
 			this.removeEventListener( 'mousedown', onEvent );
 			this.removeEventListener( 'mousemove', onEvent );
@@ -469,17 +471,14 @@ function html2canvas( element ) {
 
 	const offset = element.getBoundingClientRect();
 
-	let canvas;
+	let canvas = canvases.get( element );
 
-	if ( canvases.has( element ) ) {
-
-		canvas = canvases.get( element );
-
-	} else {
+	if ( canvas === undefined ) {
 
 		canvas = document.createElement( 'canvas' );
 		canvas.width = offset.width;
 		canvas.height = offset.height;
+		canvases.set( element, canvas );
 
 	}
 

package/examples/jsm/interactive/InteractiveGroup.js

@@ -27,8 +27,10 @@ class InteractiveGroup extends Group {
 
 			event.stopPropagation();
 
-			_pointer.x = ( event.clientX / element.clientWidth ) * 2 - 1;
-			_pointer.y = - ( event.clientY / element.clientHeight ) * 2 + 1;
+			const rect = renderer.domElement.getBoundingClientRect();
+			
+			_pointer.x = ( event.clientX - rect.left ) / rect.width * 2 - 1;
+			_pointer.y = - ( event.clientY - rect.top ) / rect.height * 2 + 1;
 
 			raycaster.setFromCamera( _pointer, camera );