Exporting a scene from Blender using the three.js exporter results in a

Currently, I am utilizing Blender 2.7.7 alongside the exporter from three.js R76 to export a scene and then load it using ObjectLoader into three.js. However, there seems to be an issue with the positions and rotations of the objects within the scene when viewed in three.js - almost as if the model has exploded.

https://i.sstatic.net/1NCud.png

https://i.sstatic.net/crHJk.png

Interestingly, when I combine all the meshes together, the model displays correctly. Yet, this results in losing a significant amount of detail.

What could potentially be causing this problem, and what steps can be taken to rectify it?

Answer №1

When working in Blender, it's important to ensure that your Meshes are properly positioned on the origin or pivot point.

For tips on how to change the pivot or local origin of an object in Blender, check out this helpful article: Change Pivot or Local Origin of an Object

If you prefer to work in Three.js, you can also adjust the position of the mesh using the following code snippet: mesh.position.set(0,100,0);

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

"Upon populating an object with Mongoose, the return value is an

Recently, I set up a mongo database and created a Post model that has a reference to the User by _id. I wanted to retrieve information about the posts a user has made, so I implemented a callback function within exec() while populating the selected User. H ...

javascript mongoose mongoose-populate

Error message in Mysql connector for NodeJS: Pool has been closed

We have developed a NodeJS application that functions as an API for a frontend Angular project we are currently working on. So far, both components have been operating smoothly. However, occasionally we encounter a strange error with the API stating "Pool ...

javascript mysql node.js express

iterating over a nested map within a map in an Angular application

I wrote a Java service that returns an observable map<k, map<k,v>> and I'm currently struggling to iterate through the outer map using foreach loop. [...] .then( (response: Package) => { response.activityMap.forEach((key: s ...

javascript java angular typescript

Feeling trapped by the endless stream of AJAX calls

As I was working on building a scheduler with jQuery and AJAX, I encountered a problem with multiple AJAX requests. Although most of the time everything works fine and returns the correct values, occasionally, out of more than 50 requests, I come across so ...

javascript php jquery ajax

Steps for transferring a value to a different page after it has been selected from a listview

web page layout <!DOCTYPE html> <html lang="en"> <head> <title>Student Information</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="styleshe ...

javascript jquery html json

Showing specific XML data from a node when a button is clicked in an HTML document

javascript ajax xml

Tips for effectively waiting in Selenium for a list to finish scrolling

For my project, I decided to write Selenium code using Javascript in order to automatically scroll down a list by simulating the Down key on the keyboard. Although there are simpler ways to achieve scrolling with Javascript commands, I specifically wanted ...

javascript node.js selenium asynchronous async-await

integrating an array into MongoDB using Angular and NodeJS

Encountering an issue with mlab (mongoose), angular.js, HTML, and JavaScript. When passing an array with values from an angular.js controller to the server side (node.js), it fails to insert the data into the schema in mlab. Below is my HTML code: <fo ...

javascript angularjs arrays node.js

Permanently removing artwork from the Canvas

I am facing an issue with my canvas drawing function. Whenever I clear the drawings on the background image by clicking a button, the old drawings reappear when I try to draw again. How can I permanently delete the cleared drawings so that I can start fr ...

javascript canvas

Continue to run upon clicking the button in the Document Object Model

I want the code to constantly change instead of executing only once. By default, the button has a dark mode for text and the background color is pink. When you click the button, the background color changes to black and the text in the button turns into li ...

javascript html dom

What is the best way to add attachments to the clipboard in a Chrome extension?

One possible way to achieve this is by using the navigator.clipboard.write API, but keep in mind that this API is not available to background pages of Chrome extensions. A method I attempted involved creating a blob like this: let blobFinal = null; // ...

javascript google-chrome-extension

Hiding dropdownlist options in an Angular JS application

I have a dropdownlist and I am looking to hide a specific option based on a condition The code I have written is as follows: $scope.sqs.qs6_PropertyType.answer = _.findWhere($scope.propertyType, { id: '2' }); // This code sets the selected va ...

javascript jquery angularjs

Is there a method to swap out the current element in a JSON array with a new element based on a specific key?

My scenario involves handling a dynamic JSON array structured as follows: let main_data = [ { "client":[ { "name":"aaaa", "count":"1", "filter":{ "type":{ "name":"test3 ...

javascript json

The dynamic value feature in Material UI React's MenuItem is currently experiencing functionality issues

Whenever I use Select in Material UI for React, I encounter an issue where I always receive undefined when selecting from the drop-down menu. This problem seems to occur specifically when utilizing dynamic values with the MenuItem component. If I switch to ...

javascript reactjs material-ui

What is the best way to format a text component so that the initial word in each sentence is bolded?

Creating a text component where the first word of the sentence is bold can be a bit tricky. The current solution may result in a messy output like "Tips: favouritevacation" where there is no space after "Tips:". This approach is not very elegant. One pos ...

javascript reactjs typescript

Changing the border color of an HTML input is easy with these simple steps:

As part of an educational project, I am developing a login-registration system using HTML, CSS, and PHP. The system will include various HTML text boxes and elements. My goal is to change the border color of a textbox to green when I input something into ...

javascript php html css

Create an array of dynamically calculated properties from the Vuex state array, which can then be utilized in the v-model

In my Vue 3 setup, I have a Vuex store with an array in the state: const store = createStore({ state: { questions: [ { text: 'A', value: false }, { text: 'B', value: false }, { text: 'C', value: true }, ...

javascript vue.js vuex vuejs3 v-model

Creating a hierarchical tree structure from tabular data with JavaScript ECMAScript 6

Seeking a JavaScript algorithm utilizing ECMAScript 6 features to efficiently convert JSON table data into a JSON tree structure. This approach should not employ the traditional recursive algorithm with ES5, but rather emphasize a functional programming me ...

javascript json ecmascript-6 hierarchical-data

Unable to persist cookies while utilizing npm's request library

I'm currently working on setting up a local environment where I'm attempting to log into a service. In the client side, I'm using the 'request' library, and on the service side, I'm utilizing Express and express-session. Whil ...

javascript express http cookies cross-domain

Differences between ES6 class static method and regular function

When working with NodeJS, I am planning to create some utility functions. I have two options in mind. The first option involves using the traditional approach: module.exports = { random: () => Math.random(), }; Alternatively, I could use an ES6 c ...

javascript node.js es6-class

JavaScripter Q&A