Blender to threeJs axis skewd at 45deg problem

Questions
, ,
1

This is the blender Image where each joint of the robotic arm has its unique origin as required and is arranged in a Hierarcheal fashion and after that i have applied ‘All transforms to delta’ to apply the transforms, where all the values in the item panel is set to 0.

image
image1919×1012 235 KB

But when I have imported the model in three.js it seems that the axis of each joint have skewed to a 135deg around the y axis:
image
image1463×1020 181 KB

image
image1813×922 165 KB

2

Uncheck Y-Up in the exporter.

2 Likes
3

@manthrax It isn’t working.

image
image837×704 89 KB

5

is there a way to provide the model? Or part of it to help you?

6

@kalabedo you can find the models here in this drive.

The drive contains 7 obj files that makes up the robotic arm. Upload them all together to get the complete model in blender.
The drive also contains the blend file (version 4.0), where all the joints are set with parent/child relation as needed.(ready to be exported).

7

I cant really find a problem when loading it into a threejs scene..
Here is my code:
https://codesandbox.io/p/sandbox/tlktest-forked-5r9v7s

1 Like
8

Here is a comparison of blender and the codesandbox i linked:

Blender:

grafik
grafik703×896 78.5 KB

Codesandbox:

grafik
grafik349×473 28.2 KB

Same rotations for me. Here are my export settings, nothing special:

grafik
grafik240×829 31.9 KB

9

Hi @kalabedo,

image
image768×823 91.7 KB

I have added axes helpers to each mesh and the problem still persists.
Since the rotations for each mesh is applied in the blender, I hoped that the orientation of local axis of each mesh would match with that of the global axis.
But that doesn’t seem to be the case.

What do you think could be the reason?

here is the codesandbox link:
https://codesandbox.io/p/sandbox/meshtest-forked-tnn5z7?file=%2Fsrc%2FApp.js