Incorporating Physics into OBJ Model with ThreeJS

Currently experimenting with PhysiJS in conjunction with ThreeJS. Recently exported an OBJ model from Blender, only to find that when loaded with OBJLoader, it appears as a BufferGeometry. The issue is that it lacks a crucial vertices property required by PhysiJS.

Running ThreeJS version r101. Open to any suggestions on how to resolve this dilemma. If there is a more compatible library available, I am willing to explore that option as well. Any additional details needed can be provided upon request.

javascriptthree.jsphysijsobjloader

Answer №1

If you ever find yourself in a situation where you need to convert your BufferGeometry into a Geometry, there is a simple solution available. All you have to do is utilize the .fromBufferGeometry() method.

// Use this function when your obj has finished loading
onLoadComplete(obj) {
    var geom = new THREE.Geometry();
    geom.fromBufferGeometry(obj);

    // Once converted, you can access the vertices easily
    console.log(geom.vertices);
}

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

Vue js: Automatically assign alternate text to images that are not found

Currently, I am in the process of developing a website that features a variety of products, each with its own unique image. For binding the image URL to the source attribute, I use the following code snippet: <img :src="product.ImageUrl"/> In case ...

javascriptvue.jsvuejs2

Strategies for managing data sharing between PHP and JavaScript

Today, I am seeking your valuable advice. Currently, I am working on a significant legacy project at my company, which involves finding a solution to share constants between our PHP 5 back-end (MVC architecture, no framework) and our front-end with Angula ...

javascriptphpangularjsweb

Using unique textures on individual faces in Three.js

I am facing an issue with my BufferGeometry object where I am trying to assign a different texture to each face. In the following example: https://jsfiddle.net/2ay716mz/ (view working example) I have created a cube using custom BufferGeometry instead of ...

three.js

Click to execute instantly without encountering any errors

I'm working with a modal in React JS and I want to trigger a function when the modal opens. I currently have a button function that is functioning correctly using the following code: <button onClick={functionExample("stringParam", true)} ...

javascriptreactjs

Assistance for Hypertext Transfer Protocol in Webkit

I've been researching how webkit enables web browsers to display web pages. It's great to know that my HTML, CSS, and JavaScript code will work on any device that supports webkit. But one question still remains - does webkit also have built-in su ...

javascriptjqueryhtmlhttpwebkit

assigning attributes to web addresses

Is there a way to set a style property for webpages by targeting addresses that contain /index.php/projecten/ instead of specifying each complete address in the code? Currently, I am using the following code: <ul class="subnavlist" style="display: &l ...

phpjavascriptcss

Exploring the scope in JavaScript functions

Looking at this small code snippet and the output it's producing, I can't help but wonder why it's printing in this unexpected order. How can I modify it to achieve the desired output? Cheers, The desired result: 0 1 2 0 1 2 The actual r ...

javascriptclosuresscope

Transferring information between Express and React through the Contentful API

I have embarked on a journey to explore Contentful's headless CMS, but I am encountering a challenge with their API client. My goal is to combine Express with React for server-side rendering, and I am utilizing this repository as my starting point. S ...

javascriptexpressreactjses6-promisecontentful

Utilizing jQuery to convert object properties into a table

Here is the table structure I am working with: <table> <thead> <tr> <th>Loan Type</th> <th>Amount Borrowed</th> <th>Current Payment< ...

javascriptjqueryhtmloophtml-table

Clearing a leaflet layer after a click event: Step-by-step guide

When working with my map, I attempt to toggle the layer's selection using a mouse click. Initially, my map looks like this: https://i.sstatic.net/lOI95.png Upon clicking a layer, my goal is to highlight and select it: https://i.sstatic.net/63Rx2.pn ...

javascriptangularleaflet

Draggable element with a centered margin of 0 auto

Encountering an issue with jQuery UI sortable/draggable where the element being dragged, when centered using margin:0 auto, starts dragging from the left side of the container instead of the center where it is positioned. Check out this demo to see the pr ...

javascriptjquerycssjquery-ui

Modify the URL and show the keyword utilized in a search module

Does anyone know how to update the URL in a search bar? I'm using Redux to display search results, but the URL remains the same. How can I make the URL show the keyword being searched, like this: http://localhost/seach?q=keyword ...

javascriptreactjsreact-routerreact-redux

Display or hide a div element when hovering over it, while also being able to select the text within

I am trying to display and conceal a tooltip when hovering over an anchor. However, I want the tooltip to remain visible as long as my cursor is on it. Here is the fiddle link $('#showReasonTip').mouseover(function(){ $(this).parent().find(&apo ...

javascriptjquerycss

Is there a way to see the default reactions in a browser when keyboard events such as 'tab' keydown occur?

Whenever I press the 'tab' key, the browser switches focus to a different element. I would like to be able to customize the order of focused elements or skip over certain elements when tabbing through a page. While I am aware that I can use preve ...

javascripthtmlbrowserevent-handlingkeyboard-events

Instructions for incorporating a personalized document in NextJs version 13

In order to enhance the design of my upcoming Next.js 13 project, I am looking to integrate a custom design system package. This particular package necessitates the creation of custom documents within the page directory, as outlined in the official Next. ...

javascriptreactjsnext.jsnext.js13

jquery kwicks problem

I have been grappling with a coding problem for hours on end and I have hit a wall. Assistance is needed. On a staging page, the code was tested and found to be functioning properly. However, on the live page, the same code fails to respond as expected. I ...

javascriptjqueryhtmlcss

How can I run an ajax request in a loop where it only proceeds to the next loop value upon successful completion?

I'm facing a simple but important issue: running 3 Google Maps place URLs and displaying the results after each one is successful. Here's my current approach: var values = ["url1", "url2", "url3"]; values.forEach(function(value, i) { var ...

javascriptjqueryajaxloops

Versioning resources in Spring MVC with Thymeleaf

https://i.sstatic.net/ArllV.png Struggling with resource versioning in Spring Mvc 4 while using thymeleaf template engine. Despite the code provided, I am unable to see the new version URL when viewing the page source. What could be causing this issue? Wh ...

javascriptjavaspring-mvccachingthymeleaf

Error message "The result of this line of code is [object Object] when

Recently, I encountered an issue while retrieving an object named userInfo from localStorage in my Angular application. Despite successfully storing the data with localStorage.setItem(), I faced a problem when attempting to retrieve it using localStorage.g ...

javascriptangulartypescriptlocal-storageangular-local-storage

in node.js, virtual machine scripts can import modules using the require function

I am currently developing a command-line interface using node.js that runs an external script > myapp build "path/to/script.js" myapp is a node.js application that executes the script provided as a command-line argument. In simple terms, it performs ...

javascriptnode.js