# \#3d-model

**URL:** https://discourse.threejs.org/tag/3d-model/971.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Use Three.js+Augumented reality for all browsers on web (image and surface detection) + react](https://discourse.threejs.org/t/use-three-js-augumented-reality-for-all-browsers-on-web-image-and-surface-detection-react/45913)

<div class="topic-metadata">

**Author:** [@vira4\_company](https://discourse.threejs.org/u/vira4_company)\
**Replies:** 4\
**Last updated:** [February 28, 2026, 4:31am UTC](https://discourse.threejs.org/t/use-three-js-augumented-reality-for-all-browsers-on-web-image-and-surface-detection-react/45913 "2026-02-28T04:31:34Z")

</div>

Hi guys I tested different ways for run AR on web for image tracking like : and Webxr Now I want to find a new one that worked for all browsers and have plane detection and high performance I use react.js for front …

---

## [MediaPipe Hand Landmark or Pose Landmark; which is better for foot tracking?](https://discourse.threejs.org/t/mediapipe-hand-landmark-or-pose-landmark-which-is-better-for-foot-tracking/89653)

<div class="topic-metadata">

**Author:** [@AURLab](https://discourse.threejs.org/u/AURLab)\
**Replies:** 1\
**Last updated:** [February 6, 2026, 8:49am UTC](https://discourse.threejs.org/t/mediapipe-hand-landmark-or-pose-landmark-which-is-better-for-foot-tracking/89653 "2026-02-06T08:49:58Z")

</div>

Hi all, I was looking into free to use options for tracking. I found MediaPipe Hand Landmarks to be excellent for identifying hands, however I wanted something more specific for feet tracking, so that a 3D model can be …

---

## [How to rotate a gltf model?](https://discourse.threejs.org/t/how-to-rotate-a-gltf-model/87904)

<div class="topic-metadata">

**Author:** [@slvpyy777](https://discourse.threejs.org/u/slvpyy777)\
**Replies:** 1\
**Last updated:** [November 4, 2025, 2:36pm UTC](https://discourse.threejs.org/t/how-to-rotate-a-gltf-model/87904 "2025-11-04T14:36:44Z")

</div>

hello, I wanted to rotate my gltf model because by adding it to my scene , it got rotated by 180 degrees. gltfLoader.load(‘/models/scene.gltf’, (gltf) =\> { for(\*const\* child of \*gltf\*.scene.children) { scene.a…

---

## [Cloning Skinned Mesh results in problems](https://discourse.threejs.org/t/cloning-skinned-mesh-results-in-problems/86820)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini\_VT](https://discourse.threejs.org/u/Deepak_Saini_VT)\
**Replies:** 1\
**Last updated:** [September 6, 2025, 3:14am UTC](https://discourse.threejs.org/t/cloning-skinned-mesh-results-in-problems/86820 "2025-09-06T03:14:41Z")

</div>

import \* as THREE from "three"; import gsap from "gsap"; import Experience from "../Experience.js"; export default class PrinceGreen { constructor({ attackRange = 30, x = 0 }) { this.experience = new Experience();…

---

## [Gltf three.js model jumping and resizing problem in mobile browser](https://discourse.threejs.org/t/gltf-three-js-model-jumping-and-resizing-problem-in-mobile-browser/71023)

<div class="topic-metadata">

**Author:** [@Karl\_Essential](https://discourse.threejs.org/u/Karl_Essential)\
**Replies:** 1\
**Last updated:** [July 27, 2025, 3:18pm UTC](https://discourse.threejs.org/t/gltf-three-js-model-jumping-and-resizing-problem-in-mobile-browser/71023 "2025-07-27T15:18:58Z")

</div>

Hi, I have a gltf 3D model on my html website and the model is rotating and fading out on scroll as it meant to be. The problem is in the mobile browsers where the model is jumping and resizing a little bit in the same m…

---

## [SimCAD 3D - 3D modeling in the browser](https://discourse.threejs.org/t/simcad-3d-3d-modeling-in-the-browser/52263)

<div class="topic-metadata">

**Author:** [@simcad3d](https://discourse.threejs.org/u/simcad3d)\
**Replies:** 5\
**Last updated:** [November 21, 2024, 11:09pm UTC](https://discourse.threejs.org/t/simcad-3d-3d-modeling-in-the-browser/52263 "2024-11-21T23:09:47Z")

</div>

SimCAD 3D Hey all! I have been developing a CAD application that is powered by THREE JS, and THREE-BVH-CSG. Check out the demo video! SimCAD 3D is free and allows users to Model, Print and Share all in one environment. …

---

## [Multiple 3D object on single web page](https://discourse.threejs.org/t/multiple-3d-object-on-single-web-page/78333)

<div class="topic-metadata">

**Author:** [@whisp0092](https://discourse.threejs.org/u/whisp0092)\
**Replies:** 1\
**Last updated:** [February 19, 2025, 11:41am UTC](https://discourse.threejs.org/t/multiple-3d-object-on-single-web-page/78333 "2025-02-19T11:41:25Z")

</div>

Im developing landing page which will be using multiple 3D objects in it. I decided to split my workflow by recreating every section with 3d object as a separate vite project. Every 3d object has different functionality …

---

## [Glb exported from blender gets stretched/compressed](https://discourse.threejs.org/t/glb-exported-from-blender-gets-stretched-compressed/77847)

<div class="topic-metadata">

**Author:** [@Leo187](https://discourse.threejs.org/u/Leo187)\
**Replies:** 2\
**Last updated:** [February 12, 2025, 12:13am UTC](https://discourse.threejs.org/t/glb-exported-from-blender-gets-stretched-compressed/77847 "2025-02-12T00:13:32Z")

</div>

Hello, I am currently developing an Angular application and I use ThreeJS to load a model that I created in Blender and exported as a .glb file in it (wild mix, I know…). In my Angular application the model is in a comp…

---

## [VR projects | Meta](https://discourse.threejs.org/t/vr-projects-meta/76459)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 10\
**Last updated:** [January 18, 2025, 10:55am UTC](https://discourse.threejs.org/t/vr-projects-meta/76459 "2025-01-18T10:55:04Z")

</div>

Hi guys, I want to start creating projects in VR (virtual reality). Can you help me start? Which VR glasses are good for show stores, showrooms, walking in place, and changing some materials like interior design confi…

---

## [Wystra Museum - Beginner 3D Project](https://discourse.threejs.org/t/wystra-museum-beginner-3d-project/76450)

<div class="topic-metadata">

**Author:** [@Aman\_Yadav](https://discourse.threejs.org/u/Aman_Yadav)\
**Replies:** 0\
**Last updated:** [January 14, 2025, 11:59am UTC](https://discourse.threejs.org/t/wystra-museum-beginner-3d-project/76450 "2025-01-14T11:59:13Z")

</div>

Extremely simplistic museum project exibiting pure Three.js and HTML/CSS and three models representing as ancient statues. The complete website features only a single ray caster based dynamic lightning which folllows the…

---

## [3D Dev Portfolio - Sphere Bot Version](https://discourse.threejs.org/t/3d-dev-portfolio-sphere-bot-version/76418)

<div class="topic-metadata">

**Author:** [@Aman\_Yadav](https://discourse.threejs.org/u/Aman_Yadav)\
**Replies:** 0\
**Last updated:** [January 13, 2025, 3:07pm UTC](https://discourse.threejs.org/t/3d-dev-portfolio-sphere-bot-version/76418 "2025-01-13T15:07:17Z")

</div>

A lightweight 3D portfolio built with Three.js, GSAP, and React Three Fiber. The sphere bot shifts and transforms as you move through sections, with smooth animations controlled by GSAP. Optimized for performance, it’s a…

---

## [How to hide Walls when dynamic based on Camera position?](https://discourse.threejs.org/t/how-to-hide-walls-when-dynamic-based-on-camera-position/76334)

<div class="topic-metadata">

**Author:** [@Halikarnassos](https://discourse.threejs.org/u/Halikarnassos)\
**Replies:** 4\
**Last updated:** [January 11, 2025, 8:59am UTC](https://discourse.threejs.org/t/how-to-hide-walls-when-dynamic-based-on-camera-position/76334 "2025-01-11T08:59:07Z")

</div>

Hello everyone, how can I hide the walls, as shown in the picture, when the camera is pointing at the wall from the outside? The walls should only be hidden when the camera is directed at them from the outside, as seen …

---

## [Unable to load model properly, unknown extension KHR](https://discourse.threejs.org/t/unable-to-load-model-properly-unknown-extension-khr/72548)

<div class="topic-metadata">

**Author:** [@Haze](https://discourse.threejs.org/u/Haze)\
**Replies:** 9\
**Last updated:** [October 11, 2024, 5:16am UTC](https://discourse.threejs.org/t/unable-to-load-model-properly-unknown-extension-khr/72548 "2024-10-11T05:16:53Z")

</div>

I am relatively new to 3js and i was trying to load a model. I downloaded the model as a gltf format and when i load the model it shows up without proper textures/colors. I get an error for unknown extension “KHR\_materia…

---

## [Responsive object position/scale](https://discourse.threejs.org/t/responsive-object-position-scale/71335)

<div class="topic-metadata">

**Author:** [@aka\_lux](https://discourse.threejs.org/u/aka_lux)\
**Replies:** 2\
**Last updated:** [September 27, 2024, 11:19pm UTC](https://discourse.threejs.org/t/responsive-object-position-scale/71335 "2024-09-27T23:19:01Z")

</div>

Hi everyone, I’m trying to figure out the best way to make the position (and scale if needed) of the model across all devices without relying only on match medias. Ofc I can’t use %, so is there something built into Thre…

---

## [Does not reading 3d model](https://discourse.threejs.org/t/does-not-reading-3d-model/71058)

<div class="topic-metadata">

**Author:** [@rostmelken2017](https://discourse.threejs.org/u/rostmelken2017)\
**Replies:** 4\
**Last updated:** [September 23, 2024, 10:56am UTC](https://discourse.threejs.org/t/does-not-reading-3d-model/71058 "2024-09-23T10:56:36Z")

</div>

Hi all! I’m trying to import a 3d model into three js. I am using the code that is written in the documentation: const loader = new GLTFLoader(); loader.load( ‘/static/assets/scene.glb’, function ( gltf ) { scene.ad…

---

## [Properly animate rotation with GSAP](https://discourse.threejs.org/t/properly-animate-rotation-with-gsap/70616)

<div class="topic-metadata">

**Author:** [@aka\_lux](https://discourse.threejs.org/u/aka_lux)\
**Replies:** 2\
**Last updated:** [September 13, 2024, 11:32pm UTC](https://discourse.threejs.org/t/properly-animate-rotation-with-gsap/70616 "2024-09-13T23:32:19Z")

</div>

Hi everyone, I have a problem, basically I wanted to create a smooth transition between the current rotation of a model and another rotation. Problem is that the direction of the rotation is really ugly, it basically goe…

---

## [Set origin at center of model](https://discourse.threejs.org/t/set-origin-at-center-of-model/70507)

<div class="topic-metadata">

**Author:** [@aka\_lux](https://discourse.threejs.org/u/aka_lux)\
**Replies:** 4\
**Last updated:** [September 10, 2024, 8:41am UTC](https://discourse.threejs.org/t/set-origin-at-center-of-model/70507 "2024-09-10T08:41:19Z")

</div>

I recently imported one of my model into the Three js canvas as a GLTF file. I worked it on blender and the origin was where it should be, but in Three js it’s not, it’s really away from where it should be and it’s messi…

---

## [JSON parse error when using GLTF loader](https://discourse.threejs.org/t/json-parse-error-when-using-gltf-loader/70497)

<div class="topic-metadata">

**Author:** [@aka\_lux](https://discourse.threejs.org/u/aka_lux)\
**Replies:** 2\
**Last updated:** [September 9, 2024, 7:41pm UTC](https://discourse.threejs.org/t/json-parse-error-when-using-gltf-loader/70497 "2024-09-09T19:41:24Z")

</div>

Hi everyone, I am really struggling to understand what is the problem with the gltf loader, basically when I try to import it with the appropriate loader it gives me this error: This is my file structure: This is t…

---

## [Help Needed with Raycasting in React Three Fiber and Three.js](https://discourse.threejs.org/t/help-needed-with-raycasting-in-react-three-fiber-and-three-js/70337)

<div class="topic-metadata">

**Author:** [@atishay10](https://discourse.threejs.org/u/atishay10)\
**Replies:** 6\
**Last updated:** [September 7, 2024, 6:18am UTC](https://discourse.threejs.org/t/help-needed-with-raycasting-in-react-three-fiber-and-three-js/70337 "2024-09-07T06:18:15Z")

</div>

Hi everyone, I’m working with React Three Fiber and Three.js and am having trouble getting raycasting to work correctly on a 3D model. Specifically, I want to detect clicks on various parts of the model and trigger even…

---

## [\[PAID\]\[REMOTE\] Full Stack Developer with Three.js/React and Redux needed](https://discourse.threejs.org/t/paid-remote-full-stack-developer-with-three-js-react-and-redux-needed/70060)

<div class="topic-metadata">

**Author:** [@baniu555](https://discourse.threejs.org/u/baniu555)\
**Replies:** 4\
**Last updated:** [September 3, 2024, 9:29pm UTC](https://discourse.threejs.org/t/paid-remote-full-stack-developer-with-three-js-react-and-redux-needed/70060 "2024-09-03T21:29:44Z")

</div>

Hi! Our startup (Omniaz) is looking for a Full Stack Developer - Full-time/ Remote. Role We are seeking a talented Full Stack Developer to join our team for a long-term collaboration. You will play a key role in suppor…

---

## [Filter 3D model by specific things like floors (floorplan)](https://discourse.threejs.org/t/filter-3d-model-by-specific-things-like-floors-floorplan/69377)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 14\
**Last updated:** [August 22, 2024, 7:59am UTC](https://discourse.threejs.org/t/filter-3d-model-by-specific-things-like-floors-floorplan/69377 "2024-08-22T07:59:47Z")

</div>

Hi guys. I am creating a floor plan website. It is related to interior home design. I want to filter my 3d model and show each floor and each room separately to my client. I mean we will have a menu where users can see …

---

## [How to convert Mediapipe facelandmark coordinates (x,y,z in screen space) to world space coordinates (to move a 3D model)](https://discourse.threejs.org/t/how-to-convert-mediapipe-facelandmark-coordinates-x-y-z-in-screen-space-to-world-space-coordinates-to-move-a-3d-model/68926)

<div class="topic-metadata">

**Author:** [@Sachin\_K1](https://discourse.threejs.org/u/Sachin_K1)\
**Replies:** 5\
**Last updated:** [August 7, 2024, 3:14pm UTC](https://discourse.threejs.org/t/how-to-convert-mediapipe-facelandmark-coordinates-x-y-z-in-screen-space-to-world-space-coordinates-to-move-a-3d-model/68926 "2024-08-07T15:14:30Z")

</div>

Hi, I am using MediaPipe Facelandmark (which detect face & provide 3D coordinates of specific landmarks in face based on screen space). I want to make use of this coordinates to move a 3D object in Three JS. But 3D mode…

---

## [How models form self-shadow in MeshToonMaterial?](https://discourse.threejs.org/t/how-models-form-self-shadow-in-meshtoonmaterial/68503)

<div class="topic-metadata">

**Author:** [@Ravenmelt](https://discourse.threejs.org/u/Ravenmelt)\
**Replies:** 2\
**Last updated:** [July 26, 2024, 4:21am UTC](https://discourse.threejs.org/t/how-models-form-self-shadow-in-meshtoonmaterial/68503 "2024-07-26T04:21:50Z")

</div>

Hi, I used ShadowMesh to generate a shadow of the model on the ground, but the model itself partially occluded another part without any shadow, as if it were light passing through I expect it is, (using Cocos engine) …

---

## [Reset useGLTF / 3D-Model](https://discourse.threejs.org/t/reset-usegltf-3d-model/67870)

<div class="topic-metadata">

**Author:** [@Nicolas.Bopp](https://discourse.threejs.org/u/Nicolas.Bopp)\
**Replies:** 2\
**Last updated:** [July 9, 2024, 4:54pm UTC](https://discourse.threejs.org/t/reset-usegltf-3d-model/67870 "2024-07-09T16:54:10Z")

</div>

Hello everyone, I’m currently trying to apply a transformation to a 3D model. Whenever the data value changes, the data should be reloaded so the new transformation can be applied. The first time I load the model, it l…

---

## [Artifact/Error with transparent 3D model](https://discourse.threejs.org/t/artifact-error-with-transparent-3d-model/67675)

<div class="topic-metadata">

**Author:** [@Nicolas.Bopp](https://discourse.threejs.org/u/Nicolas.Bopp)\
**Replies:** 2\
**Last updated:** [July 8, 2024, 4:55pm UTC](https://discourse.threejs.org/t/artifact-error-with-transparent-3d-model/67675 "2024-07-08T16:55:51Z")

</div>

Hello everyone I’m working with a 3D model, but when I try to make the model transparent, strange errors appear (see images 1 & 2). Many small triangles form within the model and it looks different depending on how you …

---

## [Floorplan IFc files project (autocad). BIM Interior Design](https://discourse.threejs.org/t/floorplan-ifc-files-project-autocad-bim-interior-design/67497)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 1\
**Last updated:** [June 30, 2024, 11:21pm UTC](https://discourse.threejs.org/t/floorplan-ifc-files-project-autocad-bim-interior-design/67497 "2024-06-30T23:21:32Z")

</div>

Hi. We are creating a project that should represent 2D and 3D of building .This is interactive and all model’s data must be usable .Our model is in AutoCad and because of metadata, we decided to use .IFC format .we need…

---

## [Transform/Morph defined Points in 3D Model to dynamic Datapoints](https://discourse.threejs.org/t/transform-morph-defined-points-in-3d-model-to-dynamic-datapoints/66717)

<div class="topic-metadata">

**Author:** [@Nicolas.Bopp](https://discourse.threejs.org/u/Nicolas.Bopp)\
**Replies:** 1\
**Last updated:** [June 12, 2024, 4:17pm UTC](https://discourse.threejs.org/t/transform-morph-defined-points-in-3d-model-to-dynamic-datapoints/66717 "2024-06-12T16:17:32Z")

</div>

Hello everyone, I’m working with a 3D model I found on Sketchfab (Link) and need some guidance on how to adjust it effectively. The model has four specific points I want to align; these are currently marked in purple wi…

---

## [Jewelry Designer Portfolio - Create a captivating portfolio using iJewel Design](https://discourse.threejs.org/t/jewelry-designer-portfolio-create-a-captivating-portfolio-using-ijewel-design/65935)

<div class="topic-metadata">

**Author:** [@stsoumya3](https://discourse.threejs.org/u/stsoumya3)\
**Replies:** 1\
**Last updated:** [May 26, 2024, 7:41am UTC](https://discourse.threejs.org/t/jewelry-designer-portfolio-create-a-captivating-portfolio-using-ijewel-design/65935 "2024-05-26T07:41:14Z")

</div>

Ever dreamt of a tool that could help you give life to your jewelry designs, not just on paper but in captivating 3D? That’s exactly what iJewel Design does! Designed for smart jewelry designers, iJewel Design is an adv…

---

## [3D models not working correcly after export](https://discourse.threejs.org/t/3d-models-not-working-correcly-after-export/65915)

<div class="topic-metadata">

**Author:** [@Gabriel\_Henrique\_Fachini](https://discourse.threejs.org/u/Gabriel_Henrique_Fachini)\
**Replies:** 1\
**Last updated:** [May 24, 2024, 1:49am UTC](https://discourse.threejs.org/t/3d-models-not-working-correcly-after-export/65915 "2024-05-24T01:49:27Z")

</div>

So im trying to have an a-frame scene exported using GLTFExporter, the export works but the models in the scene are not appearing correct on the new glb file. does anyone have any ideia what could be the problem? This i…

---

## [GLTFExporter using aframe scene](https://discourse.threejs.org/t/gltfexporter-using-aframe-scene/65897)

<div class="topic-metadata">

**Author:** [@Gabriel\_Henrique\_Fachini](https://discourse.threejs.org/u/Gabriel_Henrique_Fachini)\
**Replies:** 2\
**Last updated:** [May 23, 2024, 9:16pm UTC](https://discourse.threejs.org/t/gltfexporter-using-aframe-scene/65897 "2024-05-23T21:16:19Z")

</div>

Im trying to use the GLTFExporter to export an a-frame scene the code is the same as in the thee.js examples and the only change is the scene, i manage do download the glb file but when i try and open it on a 3D viewer i…

[Next page](https://discourse.threejs.org/tag/3d-model/971.md?match_all_tags=true&page=1&tags%5B%5D=3d-model)
