|
@@ -2,40 +2,27 @@ 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';
|
|
|
|
|
|
class GridHelper extends LineSegments {
|
|
|
|
|
|
- constructor( size = 10, divisions = 10, color1 = 0x444444, color2 = 0x888888 ) {
|
|
|
+ constructor( size = 10, divisions = 10, color = 0x444444 ) {
|
|
|
|
|
|
- color1 = new Color( color1 );
|
|
|
- color2 = new Color( color2 );
|
|
|
-
|
|
|
- const center = divisions / 2;
|
|
|
const step = size / divisions;
|
|
|
const halfSize = size / 2;
|
|
|
|
|
|
- const vertices = [], colors = [];
|
|
|
+ const vertices = [];
|
|
|
|
|
|
- for ( let i = 0, j = 0, k = - halfSize; i <= divisions; i ++, k += step ) {
|
|
|
+ for ( let i = 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 } );
|
|
|
+ const material = new LineBasicMaterial( { color: color, toneMapped: false } );
|
|
|
|
|
|
super( geometry, material );
|
|
|
|