Gecko [ dp-client.com ]

Name	Size	Permission
ArrowHelper.js	2.68 KB	-rw-r--r--
AxesHelper.js	1.45 KB	-rw-r--r--
Box3Helper.js	1.26 KB	-rw-r--r--
BoxHelper.js	2.42 KB	-rw-r--r--
CameraHelper.js	8.2 KB	-rw-r--r--
DirectionalLightHelper.js	2.19 KB	-rw-r--r--
GridHelper.js	1.44 KB	-rw-r--r--
HemisphereLightHelper.js	2 KB	-rw-r--r--
PlaneHelper.js	1.7 KB	-rw-r--r--
PointLightHelper.js	1.68 KB	-rw-r--r--
PolarGridHelper.js	2.05 KB	-rw-r--r--
SkeletonHelper.js	2.79 KB	-rw-r--r--
SpotLightHelper.js	1.96 KB	-rw-r--r--

Code Editor : PlaneHelper.js

import { Line } from '../objects/Line.js';
import { Mesh } from '../objects/Mesh.js';
import { LineBasicMaterial } from '../materials/LineBasicMaterial.js';
import { MeshBasicMaterial } from '../materials/MeshBasicMaterial.js';
import { Float32BufferAttribute } from '../core/BufferAttribute.js';
import { BufferGeometry } from '../core/BufferGeometry.js';

class PlaneHelper extends Line {

constructor( plane, size = 1, hex = 0xffff00 ) {

const color = hex;

const positions = [ 1, - 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, - 1, 0, 1, 1, 0 ];

const geometry = new BufferGeometry();
		geometry.setAttribute( 'position', new Float32BufferAttribute( positions, 3 ) );
		geometry.computeBoundingSphere();

super( geometry, new LineBasicMaterial( { color: color, toneMapped: false } ) );

this.type = 'PlaneHelper';

this.plane = plane;

this.size = size;

const positions2 = [ 1, 1, 0, - 1, 1, 0, - 1, - 1, 0, 1, 1, 0, - 1, - 1, 0, 1, - 1, 0 ];

const geometry2 = new BufferGeometry();
		geometry2.setAttribute( 'position', new Float32BufferAttribute( positions2, 3 ) );
		geometry2.computeBoundingSphere();

this.add( new Mesh( geometry2, new MeshBasicMaterial( { color: color, opacity: 0.2, transparent: true, depthWrite: false, toneMapped: false } ) ) );

}

updateMatrixWorld( force ) {

this.position.set( 0, 0, 0 );

this.scale.set( 0.5 * this.size, 0.5 * this.size, 1 );

this.lookAt( this.plane.normal );

this.translateZ( - this.plane.constant );

super.updateMatrixWorld( force );

}

dispose() {

this.geometry.dispose();
		this.material.dispose();
		this.children[ 0 ].geometry.dispose();
		this.children[ 0 ].material.dispose();

}

export { PlaneHelper };

${this.title}

Code Editor : PlaneHelper.js