| ... | ... | @@ -140,22 +140,27 @@ A representation of mesh, line, or point geometry. Includes vertex positions, fa |
|
|
|
```
|
|
|
|
const geometry = new THREE.BufferGeometry();
|
|
|
|
|
|
|
|
// create a simple square shape. We duplicate the top left and bottom right
|
|
|
|
// vertices because each vertex needs to appear once per triangle.
|
|
|
|
const vertices = new Float32Array( [
|
|
|
|
-1.0, -1.0, 1.0, // v0
|
|
|
|
1.0, -1.0, 1.0, // v1
|
|
|
|
1.0, 1.0, 1.0, // v2
|
|
|
|
|
|
|
|
1.0, 1.0, 1.0, // v3
|
|
|
|
-1.0, 1.0, 1.0, // v4
|
|
|
|
-1.0, -1.0, 1.0 // v5
|
|
|
|
-1.0, 1.0, 1.0, // v3
|
|
|
|
] );
|
|
|
|
|
|
|
|
// itemSize = 3 because there are 3 values (components) per vertex
|
|
|
|
const indices = [
|
|
|
|
0, 1, 2,
|
|
|
|
2, 3, 0,
|
|
|
|
];
|
|
|
|
|
|
|
|
geometry.setIndex( indices );
|
|
|
|
geometry.setAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) );
|
|
|
|
|
|
|
|
const material = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
|
|
|
|
const mesh = new THREE.Mesh( geometry, material );
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
# Usefull resources
|
|
|
|
- https://threejs.org/docs
|
|
|
|
- https://threejs.org/docs/#api/en/core/Object3D.position
|
|
|
|
- https://threejs.org/docs/?q=sphere#api/en/geometries/SphereGeometry |
