@openhps/core
Version:
Open Hybrid Positioning System - Core component
76 lines (74 loc) • 2.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GridHelper = void 0;
var _LineSegments = require("../objects/LineSegments.js");
var _LineBasicMaterial = require("../materials/LineBasicMaterial.js");
var _BufferAttribute = require("../core/BufferAttribute.js");
var _BufferGeometry = require("../core/BufferGeometry.js");
var _Color = require("../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.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.Color(color1);
color2 = new _Color.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.BufferGeometry();
geometry.setAttribute('position', new _BufferAttribute.Float32BufferAttribute(vertices, 3));
geometry.setAttribute('color', new _BufferAttribute.Float32BufferAttribute(colors, 3));
const material = new _LineBasicMaterial.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();
}
}
exports.GridHelper = GridHelper;