THREE.IcosahedronGeometry does not contain a list of vertices

Question

THREE.IcosahedronGeometry does not contain a list of vertices

I recently took the Advanced Creative Coding with WebGL & Shaders course taught by Matt DesLauriersd. During one of his videos, he demonstrated how to extract the vertices array for an icosahedronGeometry object using the following code:


const geometry = new THREE.SphereGeometry(1, 32, 16);
const baseGeometry = new THREE.IcosahedronGeometry(1, 1);

const points = baseGeometry.vertices;
console.log(points)

However, when I attempted to do the same, I found that the result was undefined.

For more details, you can view my implementation on jsfiddle: https://jsfiddle.net/18hd3jge/

javascript three.js

Answer 1

Answer №1

The tutorial is outdated. Ever since the r125 update, all geometry generators such as SphereGeometry now produce BufferGeometry. Additionally, the previous Geometry has been removed from the library.

If you need to access the vertices of a buffer geometry, you will need to utilize the position buffer attribute. A standard example of this code is as follows:

const geometry = new THREE.SphereGeometry(1, 32, 16);
const positionAttribute = geometry.getAttribute( 'position' );

const vertex = new THREE.Vector3();

for ( let vertexIndex = 0; vertexIndex < positionAttribute.count; vertexIndex ++ ) {
    
    vertex.fromBufferAttribute( positionAttribute, vertexIndex );
    
    // perform operations on the vertex
    
}

For more details on the elimination of Geometry, please visit:

Answer 2

The tutorial is outdated. Ever since the r125 update, all geometry generators such as SphereGeometry now produce BufferGeometry. Additionally, the previous Geometry has been removed from the library.

If you need to access the vertices of a buffer geometry, you will need to utilize the position buffer attribute. A standard example of this code is as follows:

const geometry = new THREE.SphereGeometry(1, 32, 16);
const positionAttribute = geometry.getAttribute( 'position' );

const vertex = new THREE.Vector3();

for ( let vertexIndex = 0; vertexIndex < positionAttribute.count; vertexIndex ++ ) {
    
    vertex.fromBufferAttribute( positionAttribute, vertexIndex );
    
    // perform operations on the vertex
    
}

For more details on the elimination of Geometry, please visit:

THREE.IcosahedronGeometry does not contain a list of vertices

Answer №1

Similar questions

The use of a map with Next/image seems to be preventing the src image from loading properly

Issues with the File plugin in Ionic 2

What is the method for determining the total number of hours?

Injecting AngularJS Modules into your application

Retrieving user email with Vue.js from Firebase

Determine whether a value contains a minimum of two words or more using JavaScript

Guide on converting arrays and sending this information in Node.js

"Using Three.js to determine the distance an object needs to travel in order to

Aligning buttons using JavaScript

How to Use Conditional In-Line CSS for Internet Explorer and Other Browsers

Show JSON data as choices in a dropdown menu

Issue encountered while sending binary data to the server

How can I effectively filter dates in Carbon strings using Laravel and Angular?

Endless loop in RxJS when updating the Ngrx store

The issue with NetInfo.addEventListener not functioning properly in a react-native environment

Obtaining the plugin directory URL through ajax in Wordpress

Various conditional statements based on the dropdown menu choice

Node.js is receiving an empty body from Postman when using form-data in the request

Improving conditional rendering in Mui <Cards> component by fixing state behavior

Discovering necessary information by iterating through JSON