BLUE

Edit File Size: 2.21 KB

/var/www/uibuilder.cmshelp.dk/httpdocs/node_modules/three/src/helpers/GridHelper.js

Text Base64

import { LineSegments } from '../objects/LineSegments.js';
import { LineBasicMaterial } from '../materials/LineBasicMaterial.js';
import { Float32BufferAttribute } from '../core/BufferAttribute.js';
import { BufferGeometry } from '../core/BufferGeometry.js';
import { Color } from '../math/Color.js';

/**
 * The helper is an object to define grids. Grids are two-dimensional
 * arrays of lines.
 *
 * ```js
 * const size = 10;
 * const divisions = 10;
 *
 * const gridHelper = new THREE.GridHelper( size, divisions );
 * scene.add( gridHelper );
 * ```
 *
 * @augments LineSegments
 */
class GridHelper extends LineSegments {

/**
	 * Constructs a new grid helper.
	 *
	 * @param {number} [size=10] - The size of the grid.
	 * @param {number} [divisions=10] - The number of divisions across the grid.
	 * @param {number|Color|string} [color1=0x444444] - The color of the center line.
	 * @param {number|Color|string} [color2=0x888888] - The color of the lines of the grid.
	 */
	constructor( size = 10, divisions = 10, color1 = 0x444444, color2 = 0x888888 ) {

color1 = new Color( color1 );
		color2 = new Color( color2 );

const center = divisions / 2;
		const step = size / divisions;
		const halfSize = size / 2;

const vertices = [], colors = [];

for ( let i = 0, j = 0, k = - halfSize; i <= divisions; i ++, k += step ) {

vertices.push( - halfSize, 0, k, halfSize, 0, k );
			vertices.push( k, 0, - halfSize, k, 0, halfSize );

const color = i === center ? color1 : color2;

color.toArray( colors, j ); j += 3;
			color.toArray( colors, j ); j += 3;
			color.toArray( colors, j ); j += 3;
			color.toArray( colors, j ); j += 3;

}

const geometry = new BufferGeometry();
		geometry.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
		geometry.setAttribute( 'color', new Float32BufferAttribute( colors, 3 ) );

const material = new LineBasicMaterial( { vertexColors: true, toneMapped: false } );

super( geometry, material );

this.type = 'GridHelper';

}

/**
	 * Frees the GPU-related resources allocated by this instance. Call this
	 * method whenever this instance is no longer used in your app.
	 */
	dispose() {

this.geometry.dispose();
		this.material.dispose();

}

export { GridHelper };

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
ArrowHelper.js	4.35 KB	lrw-r--r--	2025-03-28 11:04:37	Edit Download recursive recursive
AxesHelper.js	2.29 KB	lrw-r--r--	2025-03-28 11:04:37	Edit Download recursive recursive
Box3Helper.js	1.94 KB	lrw-r--r--	2025-03-28 11:04:37	Edit Download recursive recursive
BoxHelper.js	3.68 KB	lrw-r--r--	2025-03-28 11:04:37	Edit Download recursive recursive
CameraHelper.js	9.52 KB	lrw-r--r--	2025-03-28 11:04:37	Edit Download recursive recursive
DirectionalLightHelper.js	3.57 KB	lrw-r--r--	2025-03-28 11:04:38	Edit Download recursive recursive
GridHelper.js	2.21 KB	lrw-r--r--	2025-03-28 11:04:38	Edit Download recursive recursive
HemisphereLightHelper.js	3.10 KB	lrw-r--r--	2025-03-28 11:04:38	Edit Download recursive recursive
PlaneHelper.js	2.45 KB	lrw-r--r--	2025-03-28 11:04:39	Edit Download recursive recursive
PointLightHelper.js	2.89 KB	lrw-r--r--	2025-03-28 11:04:39	Edit Download recursive recursive
PolarGridHelper.js	3.19 KB	lrw-r--r--	2025-03-28 11:04:39	Edit Download recursive recursive
SkeletonHelper.js	3.62 KB	lrw-r--r--	2025-03-28 11:04:39	Edit Download recursive recursive
SpotLightHelper.js	3.35 KB	lrw-r--r--	2025-03-28 11:04:39	Edit Download recursive recursive

Directory Contents