# \#angular

**URL:** https://discourse.threejs.org/tag/angular/544.md

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

---

## [Lava Lamp simulation with Angular Three](https://discourse.threejs.org/t/lava-lamp-simulation-with-angular-three/87807)

<div class="topic-metadata">

**Author:** [@ptr-cs](https://discourse.threejs.org/u/ptr-cs)\
**Replies:** 1\
**Last updated:** [October 30, 2025, 6:35am UTC](https://discourse.threejs.org/t/lava-lamp-simulation-with-angular-three/87807 "2025-10-30T06:35:12Z")

</div>

Hello three community, I wanted to share a portfolio site I recently created that uses three.js to simulate a lava lamp via Marching Cubes objects whose lava blob movements correspond to “baked” MBall object paths from …

---

## [Cannot find module 'three/webgpu' or its  corresponding type declarations.](https://discourse.threejs.org/t/cannot-find-module-three-webgpu-or-its-corresponding-type-declarations/74468)

<div class="topic-metadata">

**Author:** [@Vikrant](https://discourse.threejs.org/u/Vikrant)\
**Replies:** 5\
**Last updated:** [August 28, 2025, 2:11am UTC](https://discourse.threejs.org/t/cannot-find-module-three-webgpu-or-its-corresponding-type-declarations/74468 "2025-08-28T02:11:13Z")

</div>

I wanted to add a GLB model into my angular 16 project, and getting this error Error: node\_modules/@types/three/examples/jsm/loaders/KTX2Loader.d.ts:2:42 - error TS2307: Cannot find module 'three/webgpu' or its corresp…

---

## [Integrating custom orbit controls into angular project](https://discourse.threejs.org/t/integrating-custom-orbit-controls-into-angular-project/85205)

<div class="topic-metadata">

**Author:** [@Soumya\_Sunkad](https://discourse.threejs.org/u/Soumya_Sunkad)\
**Replies:** 1\
**Last updated:** [July 18, 2025, 3:16am UTC](https://discourse.threejs.org/t/integrating-custom-orbit-controls-into-angular-project/85205 "2025-07-18T03:16:08Z")

</div>

I have a requirement to customize OrbitControl.js into my angular project. Below is the custom OrbitControl.js fie OrbitControls.js (26.6 KB) I noticed there is a change in handleKeyDown, onPointerUp, onMouseMove, OnM…

---

## [Angular 19+ & ThreeJS](https://discourse.threejs.org/t/angular-19-threejs/2739)

<div class="topic-metadata">

**Author:** [@JohnnyDevNull](https://discourse.threejs.org/u/JohnnyDevNull)\
**Replies:** 40\
**Last updated:** [April 5, 2025, 1:44pm UTC](https://discourse.threejs.org/t/angular-19-threejs/2739 "2025-04-05T13:44:20Z")

</div>

Dear ladies and gentleman, for playing around with some web gl rendering i started playing with threeJS a few years ago, but now i will dive a little bit deeper. So here are my angular template project which i want to …

---

## [TextGeometry vertices not being loaded](https://discourse.threejs.org/t/textgeometry-vertices-not-being-loaded/66656)

<div class="topic-metadata">

**Author:** [@DamoDimitrov](https://discourse.threejs.org/u/DamoDimitrov)\
**Replies:** 0\
**Last updated:** [June 10, 2024, 8:52pm UTC](https://discourse.threejs.org/t/textgeometry-vertices-not-being-loaded/66656 "2024-06-10T20:52:33Z")

</div>

I am working on creating some texts onscreen and I have encapsulated the logic for that in a method. I am calling this method on two different occasions - when the font is loaded and when another value on the component …

---

## [Angular Chart Components](https://discourse.threejs.org/t/angular-chart-components/47675)

<div class="topic-metadata">

**Author:** [@anidivr](https://discourse.threejs.org/u/anidivr)\
**Replies:** 2\
**Last updated:** [May 21, 2024, 7:06am UTC](https://discourse.threejs.org/t/angular-chart-components/47675 "2024-05-21T07:06:02Z")

</div>

I’ve updated Angular VR Demo to include charts. Pan around and zoom in for closer look. Bar charts using Angular templates allows customizing axis text and labels above bars. Chart supports custom geometry for each …

---

## [Logartis.info - Personal website set in a (semi)realistic procedural environment](https://discourse.threejs.org/t/logartis-info-personal-website-set-in-a-semi-realistic-procedural-environment/24286)

<div class="topic-metadata">

**Author:** [@logartis](https://discourse.threejs.org/u/logartis)\
**Replies:** 14\
**Last updated:** [May 6, 2024, 10:14am UTC](https://discourse.threejs.org/t/logartis-info-personal-website-set-in-a-semi-realistic-procedural-environment/24286 "2024-05-06T10:14:45Z")

</div>

I created this project to showcase my work and also some of the technologies/techniques I have learnt in the past years. www.logartis.info I wrote more about the challenges of the development in a behance project Than…

---

## [Replaying an animation, increases its speed](https://discourse.threejs.org/t/replaying-an-animation-increases-its-speed/64229)

<div class="topic-metadata">

**Author:** [@user8493](https://discourse.threejs.org/u/user8493)\
**Replies:** 3\
**Last updated:** [April 19, 2024, 1:58pm UTC](https://discourse.threejs.org/t/replaying-an-animation-increases-its-speed/64229 "2024-04-19T13:58:40Z")

</div>

I have a mixamo character that can play 3 different animations. I have used 3 buttons to select which animation to be played. Using LoopOnce, the animation is played only one time, and when it is finished, it goes to Idl…

---

## [Erro 404: Not Found while loading .fbx file in angular project](https://discourse.threejs.org/t/erro-404-not-found-while-loading-fbx-file-in-angular-project/63777)

<div class="topic-metadata">

**Author:** [@user8493](https://discourse.threejs.org/u/user8493)\
**Replies:** 4\
**Last updated:** [April 8, 2024, 8:40am UTC](https://discourse.threejs.org/t/erro-404-not-found-while-loading-fbx-file-in-angular-project/63777 "2024-04-08T08:40:51Z")

</div>

I am new to three.js and have problem with loading a .fbx file with fbxLoader. I get the error: Error: fetch for "http://localhost:4200/sample.fbx" responded with 404: Not Found Does any one know how to get it working? …

---

## [Angular v17 browser-esbuild cannot use modules from \`examples/jsm/..\`](https://discourse.threejs.org/t/angular-v17-browser-esbuild-cannot-use-modules-from-examples-jsm/60481)

<div class="topic-metadata">

**Author:** [@MarekDzw](https://discourse.threejs.org/u/MarekDzw)\
**Replies:** 2\
**Last updated:** [January 18, 2024, 8:31pm UTC](https://discourse.threejs.org/t/angular-v17-browser-esbuild-cannot-use-modules-from-examples-jsm/60481 "2024-01-18T20:31:27Z")

</div>

Hi, So currently building an app with new Angular builder browser-esbuild there are errors thrown that files imported from three/examples/jsm cannot be used. Is there any chance to change them to esmodules or any other …

---

## [Seeking for Three.js Developer in Warsaw, Poland](https://discourse.threejs.org/t/seeking-for-three-js-developer-in-warsaw-poland/56520)

<div class="topic-metadata">

**Author:** [@Recruit\_Trust](https://discourse.threejs.org/u/Recruit_Trust)\
**Replies:** 0\
**Last updated:** [September 29, 2023, 10:48am UTC](https://discourse.threejs.org/t/seeking-for-three-js-developer-in-warsaw-poland/56520 "2023-09-29T10:48:30Z")

</div>

Looking for an experienced Three.js developer with an Angular knowledge in Warsaw, Poland. Long-term, all the benefits and a high salary. It’s not the best description of the position, but please check it out. https:/…

---

## [Load 3d Model in Angular 16.0](https://discourse.threejs.org/t/load-3d-model-in-angular-16-0/55883)

<div class="topic-metadata">

**Author:** [@Majharul\_Islam](https://discourse.threejs.org/u/Majharul_Islam)\
**Replies:** 3\
**Last updated:** [September 11, 2023, 11:56am UTC](https://discourse.threejs.org/t/load-3d-model-in-angular-16-0/55883 "2023-09-11T11:56:31Z")

</div>

Hi there , I am new with Three js, I want load 3d model in angular 16.0 with three js , but to do this stuff i suffering many problems. I cannot load the .gltf format model With GLTFLoader If you could please help me…

---

## [Flat GUI for use in browser or VR](https://discourse.threejs.org/t/flat-gui-for-use-in-browser-or-vr/43452)

<div class="topic-metadata">

**Author:** [@anidivr](https://discourse.threejs.org/u/anidivr)\
**Replies:** 6\
**Last updated:** [September 6, 2023, 9:01pm UTC](https://discourse.threejs.org/t/flat-gui-for-use-in-browser-or-vr/43452 "2023-09-06T21:01:07Z")

</div>

Updated VR Demo to include UI components and draggable/resizable windows Controls include label, button, icon button, radio button, check box, toggle slider, number, text, drop-down list. Input methods include color …

---

## [Importing 3d model](https://discourse.threejs.org/t/importing-3d-model/20543)

<div class="topic-metadata">

**Author:** [@Varun\_Ahuja](https://discourse.threejs.org/u/Varun_Ahuja)\
**Replies:** 3\
**Last updated:** [September 5, 2023, 6:09am UTC](https://discourse.threejs.org/t/importing-3d-model/20543 "2023-09-05T06:09:16Z")

</div>

I am importing a 3d-model from the local machine, is there any way in which I can see the preview of model before adding it to the screen. I have already tried filepond, in images it shows the preview but in case of 3d-m…

---

## [DUNA: mini-game & virtual environments showcase](https://discourse.threejs.org/t/duna-mini-game-virtual-environments-showcase/48863)

<div class="topic-metadata">

**Author:** [@Niccolo\_Fanton](https://discourse.threejs.org/u/Niccolo_Fanton)\
**Replies:** 4\
**Last updated:** [March 10, 2023, 5:58pm UTC](https://discourse.threejs.org/t/duna-mini-game-virtual-environments-showcase/48863 "2023-03-10T17:58:27Z")

</div>

Hello everyone, I am excited to present my first project in three.js called DUNA. This project was developed at Endor, my newborn startup, and is divided into two parts: a landing page with a mini-game and a showcase …

---

## [Can't get GLTFExporter imported into an angular component](https://discourse.threejs.org/t/cant-get-gltfexporter-imported-into-an-angular-component/28890)

<div class="topic-metadata">

**Author:** [@andrewpap22](https://discourse.threejs.org/u/andrewpap22)\
**Replies:** 5\
**Last updated:** [February 22, 2023, 4:59am UTC](https://discourse.threejs.org/t/cant-get-gltfexporter-imported-into-an-angular-component/28890 "2023-02-22T04:59:58Z")

</div>

Greetings, Describing the bug Thank you for this amazing library! I got an angular project with the following information: Angular CLI: 12.1.0 Node: 14.17.4 Package Manager: yarn 1.22.11 OS: linux x64 Angular: 12.1.3…

---

## [Example using Pexels API to preview videos](https://discourse.threejs.org/t/example-using-pexels-api-to-preview-videos/46214)

<div class="topic-metadata">

**Author:** [@anidivr](https://discourse.threejs.org/u/anidivr)\
**Replies:** 1\
**Last updated:** [December 25, 2022, 6:04pm UTC](https://discourse.threejs.org/t/example-using-pexels-api-to-preview-videos/46214 "2022-12-25T18:04:30Z")

</div>

Pexels Video Preview shows how the Pexels video API can be used to search and preview videos. UI supports entry of key before API can be used. Key is saved as a cookie. Works on desktop and in VR. Sound works on vid…

---

## [Collection of Angular learning resources with ThreeJS](https://discourse.threejs.org/t/collection-of-angular-learning-resources-with-threejs/42801)

<div class="topic-metadata">

**Author:** [@sappytree](https://discourse.threejs.org/u/sappytree)\
**Replies:** 0\
**Last updated:** [September 21, 2022, 9:32pm UTC](https://discourse.threejs.org/t/collection-of-angular-learning-resources-with-threejs/42801 "2022-09-21T21:32:07Z")

</div>

ThreeJS + Angular resource collection (thx to @anidivr) GitHub - nartc/angular-three: 🧊 THREE.js integration for Angular 🧊 GitHub - IRobot1/ng3-vr-examples: VR examples using @angular-three GitHub - IRobot1/ng3-cannon-…

---

## [Angular Problems with renderer](https://discourse.threejs.org/t/angular-problems-with-renderer/42785)

<div class="topic-metadata">

**Author:** [@sappytree](https://discourse.threejs.org/u/sappytree)\
**Replies:** 4\
**Last updated:** [September 21, 2022, 9:11pm UTC](https://discourse.threejs.org/t/angular-problems-with-renderer/42785 "2022-09-21T21:11:41Z")

</div>

I want to use THREEjs with Angular and want to create a good structure. Therefore I am trying to put my render loop into a service. requestAnimationFrame(this.requestRenderer.bind(this)); but I get this following error…

---

## [Three.js loading object from glb file looks washed out](https://discourse.threejs.org/t/three-js-loading-object-from-glb-file-looks-washed-out/41121)

<div class="topic-metadata">

**Author:** [@Harsh\_Vats](https://discourse.threejs.org/u/Harsh_Vats)\
**Replies:** 34\
**Last updated:** [August 11, 2022, 2:18pm UTC](https://discourse.threejs.org/t/three-js-loading-object-from-glb-file-looks-washed-out/41121 "2022-08-11T14:18:10Z")

</div>

That’s how my model is looking on https://gltf-viewer.donmccurdy.com/. And How it’s looking in my code? I know I should share the code too and will but before that, I would like to know what might be going wrong. …

---

## [Error: export 'XRRigidTransform' (imported as 'XRRigidTransform') was not found in 'three'](https://discourse.threejs.org/t/error-export-xrrigidtransform-imported-as-xrrigidtransform-was-not-found-in-three/38671)

<div class="topic-metadata">

**Author:** [@anidivr](https://discourse.threejs.org/u/anidivr)\
**Replies:** 2\
**Last updated:** [May 31, 2022, 5:26pm UTC](https://discourse.threejs.org/t/error-export-xrrigidtransform-imported-as-xrrigidtransform-was-not-found-in-three/38671 "2022-05-31T17:26:35Z")

</div>

Build fails when referencing XRRigidTransform from three import import { XRInputSource, XRRigidTransform } from “three”; … const offsetPosition = { x: 0, y: 0, z: 0, w: 1 }; const offsetRotation = new Quaternion(); …

---

## [How to set up a basic three.js scene with StencilJS?](https://discourse.threejs.org/t/how-to-set-up-a-basic-three-js-scene-with-stenciljs/27953)

<div class="topic-metadata">

**Author:** [@millennialstorm](https://discourse.threejs.org/u/millennialstorm)\
**Replies:** 0\
**Last updated:** [July 12, 2021, 9:17am UTC](https://discourse.threejs.org/t/how-to-set-up-a-basic-three-js-scene-with-stenciljs/27953 "2021-07-12T09:17:03Z")

</div>

I do have a basic three.js scene set up with Ionic but I think all I need to do to make all the pieces fall into place is to set up a basic three.js scene in StenciJS. Then it should be smooth sailing. In Ionic Componen…

---

## [Decal model threejs with angular](https://discourse.threejs.org/t/decal-model-threejs-with-angular/26142)

<div class="topic-metadata">

**Author:** [@Javieloide](https://discourse.threejs.org/u/Javieloide)\
**Replies:** 0\
**Last updated:** [May 11, 2021, 8:46am UTC](https://discourse.threejs.org/t/decal-model-threejs-with-angular/26142 "2021-05-11T08:46:54Z")

</div>

Hi! Im doing my final project in my course and Im doing a wep application with threejs and Angular but I have some problems like when load the page with my model in threejs it dont be load at begin and I have to reload …

---

## [Angular template for Three.js](https://discourse.threejs.org/t/angular-template-for-three-js/6581)

<div class="topic-metadata">

**Author:** [@makimenko](https://discourse.threejs.org/u/makimenko)\
**Replies:** 2\
**Last updated:** [March 2, 2021, 4:10am UTC](https://discourse.threejs.org/t/angular-template-for-three-js/6581 "2021-03-02T04:10:58Z")

</div>

Sample template of Angular project with Three.js: Simplify new web project development with Angular and Three.js This template project can be quickly used as base instead of wasting hours of going through building inst…

---

## [IT Architecture Brainstorming (Vect tool)](https://discourse.threejs.org/t/it-architecture-brainstorming-vect-tool/23953)

<div class="topic-metadata">

**Author:** [@makimenko](https://discourse.threejs.org/u/makimenko)\
**Replies:** 0\
**Last updated:** [March 1, 2021, 1:51pm UTC](https://discourse.threejs.org/t/it-architecture-brainstorming-vect-tool/23953 "2021-03-01T13:51:51Z")

</div>

IT Architecture blueprinting and brainstorming Vect tool using such modern technologies as Three.js, yaml, Angular, Material Design, Dagre layout, Google Drive API: Features Dynamic 3D diagrams in a simple yaml synta…

---

## [Visualization of IT infrastructure](https://discourse.threejs.org/t/visualization-of-it-infrastructure/23952)

<div class="topic-metadata">

**Author:** [@makimenko](https://discourse.threejs.org/u/makimenko)\
**Replies:** 0\
**Last updated:** [March 1, 2021, 1:25pm UTC](https://discourse.threejs.org/t/visualization-of-it-infrastructure/23952 "2021-03-01T13:25:47Z")

</div>

Visualization of IT infrastructure architecture using three.js and Angular: Links: Demo GitHub project atft library

---

## [Fbx is loading but animate function is going to infinite loop - Angular 8](https://discourse.threejs.org/t/fbx-is-loading-but-animate-function-is-going-to-infinite-loop-angular-8/22517)

<div class="topic-metadata">

**Author:** [@Lilit](https://discourse.threejs.org/u/Lilit)\
**Replies:** 2\
**Last updated:** [January 17, 2021, 7:32pm UTC](https://discourse.threejs.org/t/fbx-is-loading-but-animate-function-is-going-to-infinite-loop-angular-8/22517 "2021-01-17T19:32:46Z")

</div>

Hi, i’m using Angular 8 and when I try to go back previous url or click in another link my web is in infinite loop with animate function, this is my code, and i don’t know can i how to do it well to exit of this infinite…

---

## [Threejs with Angular 10 Flex Layout](https://discourse.threejs.org/t/threejs-with-angular-10-flex-layout/20362)

<div class="topic-metadata">

**Author:** [@visionhead](https://discourse.threejs.org/u/visionhead)\
**Replies:** 8\
**Last updated:** [November 4, 2020, 10:29am UTC](https://discourse.threejs.org/t/threejs-with-angular-10-flex-layout/20362 "2020-11-04T10:29:40Z")

</div>

Hi guys, So I am trying to build an application that is using Angular 10 with threejs. I am loading an obj file into scene by selecting a file to load through File input. Upon selecting the file I can load the obj into…

---

## [Mousedown event is not getting triggered](https://discourse.threejs.org/t/mousedown-event-is-not-getting-triggered/18685)

<div class="topic-metadata">

**Author:** [@Ujwaldeep\_Singh](https://discourse.threejs.org/u/Ujwaldeep_Singh)\
**Replies:** 2\
**Last updated:** [October 1, 2020, 2:33pm UTC](https://discourse.threejs.org/t/mousedown-event-is-not-getting-triggered/18685 "2020-10-01T14:33:32Z")

</div>

Hi I am trying to load a glb file using threejs library which is working fine. I want to draw a rectangle on that 3D object model but due to some reason mousedown event is not getting triggered. Here is the code sample:…

---

## [Angular | Setting up a custom canvas](https://discourse.threejs.org/t/angular-setting-up-a-custom-canvas/12405)

<div class="topic-metadata">

**Author:** [@William\_Fargues](https://discourse.threejs.org/u/William_Fargues)\
**Replies:** 1\
**Last updated:** [August 10, 2020, 9:14am UTC](https://discourse.threejs.org/t/angular-setting-up-a-custom-canvas/12405 "2020-08-10T09:14:13Z")

</div>

Hello, First thing first, I’m very new to ThreeJS. I’m following the tutorial of this guy to understand the basics. The problem is that he uses “document.body.appendChild(this.renderer.domElement)” and that creates a …

[Next page](https://discourse.threejs.org/tag/angular/544.md?match_all_tags=true&page=1&tags%5B%5D=angular)