134 lines
3.1 KiB
JavaScript
134 lines
3.1 KiB
JavaScript
import { BufferGeometry } from '../core/BufferGeometry.js';
|
|
import { Float32BufferAttribute } from '../core/BufferAttribute.js';
|
|
|
|
/**
|
|
* A geometry class for representing a plane.
|
|
*
|
|
* ```js
|
|
* const geometry = new THREE.PlaneGeometry( 1, 1 );
|
|
* const material = new THREE.MeshBasicMaterial( { color: 0xffff00, side: THREE.DoubleSide } );
|
|
* const plane = new THREE.Mesh( geometry, material );
|
|
* scene.add( plane );
|
|
* ```
|
|
*
|
|
* @augments BufferGeometry
|
|
* @demo scenes/geometry-browser.html#PlaneGeometry
|
|
*/
|
|
class PlaneGeometry extends BufferGeometry {
|
|
|
|
/**
|
|
* Constructs a new plane geometry.
|
|
*
|
|
* @param {number} [width=1] - The width along the X axis.
|
|
* @param {number} [height=1] - The height along the Y axis
|
|
* @param {number} [widthSegments=1] - The number of segments along the X axis.
|
|
* @param {number} [heightSegments=1] - The number of segments along the Y axis.
|
|
*/
|
|
constructor( width = 1, height = 1, widthSegments = 1, heightSegments = 1 ) {
|
|
|
|
super();
|
|
|
|
this.type = 'PlaneGeometry';
|
|
|
|
/**
|
|
* Holds the constructor parameters that have been
|
|
* used to generate the geometry. Any modification
|
|
* after instantiation does not change the geometry.
|
|
*
|
|
* @type {Object}
|
|
*/
|
|
this.parameters = {
|
|
width: width,
|
|
height: height,
|
|
widthSegments: widthSegments,
|
|
heightSegments: heightSegments
|
|
};
|
|
|
|
const width_half = width / 2;
|
|
const height_half = height / 2;
|
|
|
|
const gridX = Math.floor( widthSegments );
|
|
const gridY = Math.floor( heightSegments );
|
|
|
|
const gridX1 = gridX + 1;
|
|
const gridY1 = gridY + 1;
|
|
|
|
const segment_width = width / gridX;
|
|
const segment_height = height / gridY;
|
|
|
|
//
|
|
|
|
const indices = [];
|
|
const vertices = [];
|
|
const normals = [];
|
|
const uvs = [];
|
|
|
|
for ( let iy = 0; iy < gridY1; iy ++ ) {
|
|
|
|
const y = iy * segment_height - height_half;
|
|
|
|
for ( let ix = 0; ix < gridX1; ix ++ ) {
|
|
|
|
const x = ix * segment_width - width_half;
|
|
|
|
vertices.push( x, - y, 0 );
|
|
|
|
normals.push( 0, 0, 1 );
|
|
|
|
uvs.push( ix / gridX );
|
|
uvs.push( 1 - ( iy / gridY ) );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
for ( let iy = 0; iy < gridY; iy ++ ) {
|
|
|
|
for ( let ix = 0; ix < gridX; ix ++ ) {
|
|
|
|
const a = ix + gridX1 * iy;
|
|
const b = ix + gridX1 * ( iy + 1 );
|
|
const c = ( ix + 1 ) + gridX1 * ( iy + 1 );
|
|
const d = ( ix + 1 ) + gridX1 * iy;
|
|
|
|
indices.push( a, b, d );
|
|
indices.push( b, c, d );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.setIndex( indices );
|
|
this.setAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
|
|
this.setAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
|
|
this.setAttribute( 'uv', new Float32BufferAttribute( uvs, 2 ) );
|
|
|
|
}
|
|
|
|
copy( source ) {
|
|
|
|
super.copy( source );
|
|
|
|
this.parameters = Object.assign( {}, source.parameters );
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
/**
|
|
* Factory method for creating an instance of this class from the given
|
|
* JSON object.
|
|
*
|
|
* @param {Object} data - A JSON object representing the serialized geometry.
|
|
* @return {PlaneGeometry} A new instance.
|
|
*/
|
|
static fromJSON( data ) {
|
|
|
|
return new PlaneGeometry( data.width, data.height, data.widthSegments, data.heightSegments );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
export { PlaneGeometry };
|