I am having trouble removing the position attribute from a bufferGeometry

I have a line "moving around my scene" (like a 3D snake) randomly and now I want to enclose a box around its head. The variable bufferGeometry is defined as follows:

        var positions1 = new Float32Array( MAX_POINTS * 3 ); // 3 vertices per point
        var positions2 = new Float32Array( MAX_POINTS * 3 ); // 3 vertices per point
        buffGeometry1.addAttribute( 'position', new THREE.BufferAttribute( positions1, 3 ) );
        buffGeometry2.addAttribute( 'position', new THREE.BufferAttribute( positions2, 3 ) );

I decided to surround it with a cube using the boxGeometry object. Here's the code snippet I used:

            var positioning = buffGeometry1.getAttribute('position');
           cube.position.x = positioning[0];
            cube.position.y = positioning[1];
            cube.position.z = positioning[2];

While debugging, I noticed that my positioning array is undefined. It seems like something went wrong there.

Thank you.

javascriptthree.jsbuffer-geometry

Answer №1

Give this a shot:

console.log(bufferGeometry1.getAttribute('position'))

In my THREE.BufferGeometry, vertices are located in the positioning.array, so you would access them like this:

positioning.array[0]
positioning.array[1]
positioning.array[2]

Answer №2

When incorporating a point into your scene with BufferGeometry, you have the option to access the coordinates in this manner:

// X coordinate //      
console.log(point1.geometry.attributes.position.array[0]); 
// Y coordinate //   
console.log(point1.geometry.attributes.position.array[1]);  
// Z coordinate //           
console.log(point1.geometry.attributes.position.array[2]);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Exploring Event Listeners in the World of JavaScript and/or jQuery

Is there a more sophisticated way to monitor the execution of a specific function in JavaScript or jQuery? Instead of waiting for an event like $('#mything').click(function(){ //blah }), I prefer to be notified when a particular function is trig ...

javascriptjqueryevent-handlingjquery-events

Troubleshooting Timeout Problems with Selebiun Crawler in C#

I am encountering an error while running the following code. public void GetCategoriesSelenium() { string javascript = System.IO.File.ReadAllText(@"GetCategory.js"); CrawlerWebSeleniumJS.ExecuteScript("var finished;"); ...

javascriptc#seleniumselenium-webdriver

Display the source code of an HTML element when clicked

Is there a way to show the source code of an element on a webpage in a text box when that specific element is clicked? I am wondering if it is feasible to retrieve the source code of an element upon clicking (utilizing the onClick property), and subseque ...

javascripthtml

Three pie or doughnut charts instead of one are utilized within Chart.js

Can multiple charts be nested inside one another? To see an example of a single chart and what I would like - where the first one is placed inside the second one and so on - please refer to this js fiddle. var data = [ { label: "title 1", value: ...

javascriptjqueryajaxhighchartschart.js

Having trouble with redundant code while updating state in ReactJS - React JS

Currently, I am working on a prayer times web app using reactJS (nextjs). To achieve this, I first fetch the geolocation coordinates and then retrieve the city and country name based on these coordinates. Following that, I obtain the prayer times for the s ...

javascriptreactjsreact-hooksnext.js

Modal containing Jquery GalleryView

I am facing an issue with loading galleryView inside a modal. Even though using galleryView on its own works fine, I have been unable to make it work within a modal. Despite looking for solutions in previous posts, I couldn't find anything that fixed ...

javascriptjquerygalleryview

Hide popup in React Semantic UI when clicking on a different popup

I've integrated React Semantic UI into my application and I'm using the semantic Popup component to display tooltips. One issue I'm encountering is that when I click on a popup button, previously opened popups are not automatically closing. ...

javascriptreactjssemantic-ui-react

Executing an external function on an element as soon as it is created in AngularJS: tips and tricks

I am looking to implement a function from an external library that will be executed on each item as it is created in AngularJS. How can I achieve this? Here is the code snippet of my application. var app = angular.module('app', []); app.contr ...

javascriptangularjs

The selector-triggered JQuery event being invoked by my script

Facing an issue while trying to invoke my jQuery event. I am working with 2 jQuery events: $element.on('click', function (e) { ... }); $element.on('click', '.toggle', function (e) { ... }); My question is how can I trigge ...

javascriptjquery

Using setInterval() does not automatically fetch JSON data at a specified interval for me

Attempting to constantly update the latitude and longitude coordinates from a dynamic API has proven to be a challenge. Despite utilizing jQuery with a set interval of 1000 milliseconds, the data retrieval from the API does not occur as expected. While i ...

javascriptjqueryhtmlajaxapi

What is the best way to display three unique maps simultaneously on separate views?

In this scenario, I have incorporated three separate divs and my goal is to integrate three maps into them. The javascript function that controls this process is as follows: function initialize() { var map_canvas1 = document.getElementById('map_canva ...

javascriptjquerygoogle-maps

What is the best way to integrate the each_slice method in Rails views with React components

In my Parent component Monsters, I am rendering the Monster component. for each monster in @state.monsters React.createElement Monster, key: monster.id, monster: monster, team: @state.team... Within the monster: div className: 'col-md-4' ...

javascriptruby-on-railstwitter-bootstrapreactjsreact-rails

What is the best way to send a prop to my home route following a redirect?

I am working with react-router-dom and I want to pass :id to my first route (/) when redirecting. This is important so that I can access :id in my Interface component and maintain consistent URL structure for my single-page application. Is it feasible to a ...

javascriptnode.jsreactjsreact-router

Ways to retrieve the selected option from a dropdown list

How can I extract the option value from a dynamically populated Select button in order to retrieve the necessary data from my database? I am unsure of how to obtain the value stored in the $giftName variable. I have attempted to use both jQuery and JavaS ...

javascriptphpjquerytwitter-bootstrap-3

I am looking for the best way to sort my JSON data based on user roles before it is transmitted to the front end using Express and MongoDB. Any

I scoured the internet high and low, but to no avail - I couldn't find any framework or code snippet that could assist me in my predicament. Here's what I'm trying to achieve: whenever a response is sent to my front-end, I want to filter th ...

javascriptnode.jsmongodbexpressbackend

Trie-based autocomplete functionality

I am currently creating an auto-completion script and I'm considering utilizing a trie data structure. My main concern is that I want all possible matches to be returned. For instance, when I type in the letter r, I expect to see all entries beginning ...

javascriptalgorithmtrie

I am having trouble with the CSS and Bootstrap not being applied after printing

Once the submit button is clicked on the initial output page, the CSS styling disappears and only a simple default form page is displayed. This does not meet my requirements. Using inline CSS allows it to work, but external CSS does not. Can someone please ...

javascripthtmljquerycssbootstrap-4

What is the method to assign an initial value to React.createRef()?

Scrolling management in my component is handled through a ref that represents the current scroll value. I've chosen to use refs instead of state and setState because using setState while the user is scrolling would result in a choppy and unresponsive ...

javascriptreactjsuse-ref

When transferring a model from SketchUp to three.js, I often encounter issues where certain objects are missing, preventing the import of the complete model

I recently encountered some difficulties when trying to import a sketchup file. I downloaded the file from here: . Initially, I attempted to export the model with a .dae extension (collada), and using THREE.JS, I tried to load it with "THREE.ColladaLoader( ...

three.jsblendersketchup

Generate random div elements and insert them dynamically into a fixed-sized container using AngularJS. The number of div elements created can range anywhere from 0 to

Within a div of fixed size, dynamically generated div elements are displayed using ng-repeat. The inner divs should adjust their size to accommodate the number of child divs present - for example, if only one div is present, it should take up 100% of the s ...

javascriptangularjs