# \#javascript

**URL:** https://discourse.threejs.org/tag/javascript/280.md

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

---

## [Testing WGSL source code](https://discourse.threejs.org/t/testing-wgsl-source-code/91265)

<div class="topic-metadata">

**Author:** [@Usnul](https://discourse.threejs.org/u/Usnul)\
**Replies:** 5\
**Last updated:** [May 9, 2026, 12:31am UTC](https://discourse.threejs.org/t/testing-wgsl-source-code/91265 "2026-05-09T00:31:19Z")

</div>

Basic idea. I have some WGSL code: var\<private\> rnd\_state : u32 = 2891336453u; fn pcg(v: u32) -\> u32 { let state = v \* 747796405u + 2891336453u; let word = ((state \>\> ((state \>\> 28u) + 4u)) ^ state) \* 2778037…

---

## [DinoDig - small archeology site with dinosauruses in voxel style](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874)

<div class="topic-metadata">

**Author:** [@shaman4d](https://discourse.threejs.org/u/shaman4d)\
**Replies:** 4\
**Last updated:** [April 8, 2026, 8:22pm UTC](https://discourse.threejs.org/t/dinodig-small-archeology-site-with-dinosauruses-in-voxel-style/90874 "2026-04-08T20:22:27Z")

</div>

Hi creative people. I dare to present you my first work I’ve made with threejs. It is small archeology site with some interactivity. I could say it is some sort of demo of possible portfolio demo :slight\_smile: It was m…

---

## [We’re hiring a Creative Developer (Three.js / WebGL)](https://discourse.threejs.org/t/we-re-hiring-a-creative-developer-three-js-webgl/90260)

<div class="topic-metadata">

**Author:** [@Egle\_Ma](https://discourse.threejs.org/u/Egle_Ma)\
**Replies:** 4\
**Last updated:** [March 13, 2026, 7:27am UTC](https://discourse.threejs.org/t/we-re-hiring-a-creative-developer-three-js-webgl/90260 "2026-03-13T07:27:47Z")

</div>

Hi there! At Eskimi we’re looking for a developer who enjoys building interactive 3D experiences in the browser. You’ll work with Three.js, JavaScript and GLB/glTF assets to create rich media and interactive campaign e…

---

## [We’re hiring a Creative Developer (Three.js / WebGL) Nigeria preferred, open to candidates across Africa](https://discourse.threejs.org/t/we-re-hiring-a-creative-developer-three-js-webgl-nigeria-preferred-open-to-candidates-across-africa/90276)

<div class="topic-metadata">

**Author:** [@Egle\_Ma](https://discourse.threejs.org/u/Egle_Ma)\
**Replies:** 3\
**Last updated:** [March 13, 2026, 7:18am UTC](https://discourse.threejs.org/t/we-re-hiring-a-creative-developer-three-js-webgl-nigeria-preferred-open-to-candidates-across-africa/90276 "2026-03-13T07:18:51Z")

</div>

Hi there! At Eskimi we’re looking for a developer who enjoys building interactive 3D experiences in the browser. You’ll work with Three.js, JavaScript and GLB/glTF assets to create rich media and interactive campaign e…

---

## [3D web atelier showcase: thread & mesh ](https://discourse.threejs.org/t/3d-web-atelier-showcase-thread-mesh/89779)

<div class="topic-metadata">

**Author:** [@angelvalentino](https://discourse.threejs.org/u/angelvalentino)\
**Replies:** 1\
**Last updated:** [February 12, 2026, 8:40am UTC](https://discourse.threejs.org/t/3d-web-atelier-showcase-thread-mesh/89779 "2026-02-12T08:40:40Z")

</div>

Hey everyone! I built a web-based 3D atelier to showcase some of my hand-made garments. It’s designed to be interactive while keeping accessibility in mind, as much as possible in a 3D experience. I used my vanilla-aria-…

---

## [Data Viz Library](https://discourse.threejs.org/t/data-viz-library/88975)

<div class="topic-metadata">

**Author:** [@Diffey](https://discourse.threejs.org/u/Diffey)\
**Replies:** 2\
**Last updated:** [January 6, 2026, 7:31pm UTC](https://discourse.threejs.org/t/data-viz-library/88975 "2026-01-06T19:31:31Z")

</div>

Are there any good data visualization tools? I’m currently building an XR productivity platform and I will need some really awesome 3D data viz tools. I could just create my own entire library but I really don’t want to …

---

## [Hiring: Three.js Developer for 3D Shed Configurator (WebGL + GLTF)](https://discourse.threejs.org/t/hiring-three-js-developer-for-3d-shed-configurator-webgl-gltf/88451)

<div class="topic-metadata">

**Author:** [@UPLONE](https://discourse.threejs.org/u/UPLONE)\
**Replies:** 8\
**Last updated:** [December 8, 2025, 6:37pm UTC](https://discourse.threejs.org/t/hiring-three-js-developer-for-3d-shed-configurator-webgl-gltf/88451 "2025-12-08T18:37:51Z")

</div>

Hi everyone — I’m looking for a Three.js developer (or a technical artist with strong JS/WebGL capability) to assist with a real-time 3D configurator project for portable buildings/sheds. We currently have: 2D floorp…

---

## [Embedded JS in HTML and VS Code intellisense](https://discourse.threejs.org/t/embedded-js-in-html-and-vs-code-intellisense/72325)

<div class="topic-metadata">

**Author:** [@canxerian](https://discourse.threejs.org/u/canxerian)\
**Replies:** 6\
**Last updated:** [December 7, 2025, 11:15am UTC](https://discourse.threejs.org/t/embedded-js-in-html-and-vs-code-intellisense/72325 "2025-12-07T11:15:09Z")

</div>

When writing three code directly in a HTML file, either importing the lib with a cdn a locally, is it possible to have VS Code intellisense working? I notice all examples are written with embedded HTML, for example: th…

---

## [Raytracing and volume render in vanilla webgpu](https://discourse.threejs.org/t/raytracing-and-volume-render-in-vanilla-webgpu/87684)

<div class="topic-metadata">

**Author:** [@Oserebameh](https://discourse.threejs.org/u/Oserebameh)\
**Replies:** 0\
**Last updated:** [October 22, 2025, 11:35am UTC](https://discourse.threejs.org/t/raytracing-and-volume-render-in-vanilla-webgpu/87684 "2025-10-22T11:35:15Z")

</div>

Hi all, just wanted to share something I’ve been working on. It’s a volume render of an entire mri scan in nifti format. I wrote a tissue segmentation algorithm to automatically identify different brain tissues( gray…

---

## [Three.js Prerequisites: Learn This First ☝🏼](https://discourse.threejs.org/t/three-js-prerequisites-learn-this-first/87026)

<div class="topic-metadata">

**Author:** [@robotbobby](https://discourse.threejs.org/u/robotbobby)\
**Replies:** 0\
**Last updated:** [September 16, 2025, 1:27pm UTC](https://discourse.threejs.org/t/three-js-prerequisites-learn-this-first/87026 "2025-09-16T13:27:38Z")

</div>

---

## [How I Built a 3D Chess Game Using Three.js](https://discourse.threejs.org/t/how-i-built-a-3d-chess-game-using-three-js/85303)

<div class="topic-metadata">

**Author:** [@Sushant\_Mangore](https://discourse.threejs.org/u/Sushant_Mangore)\
**Replies:** 0\
**Last updated:** [July 19, 2025, 3:20pm UTC](https://discourse.threejs.org/t/how-i-built-a-3d-chess-game-using-three-js/85303 "2025-07-19T15:20:41Z")

</div>

Chess3D - A 3D Chess Game Chess3D is an immersive 3D chess game built using Three.js, bringing the classic game of chess to life with realistic graphics and interactive gameplay. Whether you’re a beginner or an experi…

---

## [Error: Uncaught TypeError: Failed to resolve mpdule specifier "three". Relative references must stastart with either "",""", or ".."](https://discourse.threejs.org/t/error-uncaught-typeerror-failed-to-resolve-mpdule-specifier-three-relative-references-must-stastart-with-either-or/82732)

<div class="topic-metadata">

**Author:** [@Gon](https://discourse.threejs.org/u/Gon)\
**Replies:** 4\
**Last updated:** [May 17, 2025, 11:53pm UTC](https://discourse.threejs.org/t/error-uncaught-typeerror-failed-to-resolve-mpdule-specifier-three-relative-references-must-stastart-with-either-or/82732 "2025-05-17T23:53:51Z")

</div>

Hello Guys, I know I probably shouldn’t be here bothering professionals with my problem, but I’ve been working on a project. I decided to make a 3D like game, and am only using html, javascript css and for the 3D part tr…

---

## [My Mesh visualiser code takes so long to load the mesh files to the browser , is SSR a solution?](https://discourse.threejs.org/t/my-mesh-visualiser-code-takes-so-long-to-load-the-mesh-files-to-the-browser-is-ssr-a-solution/81779)

<div class="topic-metadata">

**Author:** [@raouf\_khabat](https://discourse.threejs.org/u/raouf_khabat)\
**Replies:** 8\
**Last updated:** [May 6, 2025, 5:05pm UTC](https://discourse.threejs.org/t/my-mesh-visualiser-code-takes-so-long-to-load-the-mesh-files-to-the-browser-is-ssr-a-solution/81779 "2025-05-06T17:05:50Z")

</div>

I’m working on a 3D mesh viewer using .obj and .mtl files, but I’m running into performance issues — the browser takes a long time to load and render the mesh files, and it’s using a lot of my local PC’s resources which …

---

## [Can we open '.rvt' file in the Three.js](https://discourse.threejs.org/t/can-we-open-rvt-file-in-the-three-js/80705)

<div class="topic-metadata">

**Author:** [@rahul.tech](https://discourse.threejs.org/u/rahul.tech)\
**Replies:** 1\
**Last updated:** [April 4, 2025, 9:57am UTC](https://discourse.threejs.org/t/can-we-open-rvt-file-in-the-three-js/80705 "2025-04-04T09:57:09Z")

</div>

Hi, I want to open ‘rvt’ file in the 3d viewer. Is there any way to open it in the Three.js.? Thanks, Rahul Yadav

---

## [Camera not moving properly with PointerLockControls](https://discourse.threejs.org/t/camera-not-moving-properly-with-pointerlockcontrols/79009)

<div class="topic-metadata">

**Author:** [@ahhhhhhh](https://discourse.threejs.org/u/ahhhhhhh)\
**Replies:** 3\
**Last updated:** [March 10, 2025, 1:07am UTC](https://discourse.threejs.org/t/camera-not-moving-properly-with-pointerlockcontrols/79009 "2025-03-10T01:07:30Z")

</div>

So, I imported PointerLockControls to have the camera rotate, but it does not work properly. What I mean is that when I am not using M1 or M2, the camera moves very slowly (it does move in the direction I want it too, ju…

---

## [Full orbit control within After Effects extension preview panel](https://discourse.threejs.org/t/full-orbit-control-within-after-effects-extension-preview-panel/78966)

<div class="topic-metadata">

**Author:** [@Mrmonday](https://discourse.threejs.org/u/Mrmonday)\
**Replies:** 5\
**Last updated:** [March 5, 2025, 11:21pm UTC](https://discourse.threejs.org/t/full-orbit-control-within-after-effects-extension-preview-panel/78966 "2025-03-05T23:21:59Z")

</div>

Hello! I’m using a THREE.GLTFLoader and THREE.OrbitControls inside a preview panel in a After Effects extension. When a .glb is loaded to the preview window it automatically rotates, and I’m able to use the scroll whee…

---

## [Procedurally Generated Heart In Three.JS](https://discourse.threejs.org/t/procedurally-generated-heart-in-three-js/6074)

<div class="topic-metadata">

**Author:** [@Phred](https://discourse.threejs.org/u/Phred)\
**Replies:** 14\
**Last updated:** [February 15, 2025, 4:09pm UTC](https://discourse.threejs.org/t/procedurally-generated-heart-in-three-js/6074 "2025-02-15T16:09:40Z")

</div>

Hey all, I’ve been slowly learning JavaScript on the side and wanted to try and animate this with Three.JS: I was trying to re-create that equation but ran into a wall in that the code below is not producing the righ…

---

## [Need some help in ROLLING FUNCITONALITY](https://discourse.threejs.org/t/need-some-help-in-rolling-funcitonality/77292)

<div class="topic-metadata">

**Author:** [@Micheal](https://discourse.threejs.org/u/Micheal)\
**Replies:** 0\
**Last updated:** [January 30, 2025, 7:27am UTC](https://discourse.threejs.org/t/need-some-help-in-rolling-funcitonality/77292 "2025-01-30T07:27:21Z")

</div>

import \* as CANNON from "https://cdn.skypack.dev/cannon-es"; import \* as THREE from "three"; import \* as BufferGeometryUtils from "three/addons/utils/BufferGeometryUtils.js"; const containerEl = document.querySelector("…

---

## [Immersive Open-World Personal Portfolio ](https://discourse.threejs.org/t/immersive-open-world-personal-portfolio/76354)

<div class="topic-metadata">

**Author:** [@Ananthuvng](https://discourse.threejs.org/u/Ananthuvng)\
**Replies:** 3\
**Last updated:** [January 11, 2025, 5:13pm UTC](https://discourse.threejs.org/t/immersive-open-world-personal-portfolio/76354 "2025-01-11T17:13:50Z")

</div>

Ever wanted to experience a portfolio like a game? My open-world portfolio lets you explore a dynamic environment while discovering my work in a playful and engaging way. checkout ananthuvng.info

---

## [Javascript class contacs](https://discourse.threejs.org/t/javascript-class-contacs/74843)

<div class="topic-metadata">

**Author:** [@Jo\_Youzarsif](https://discourse.threejs.org/u/Jo_Youzarsif)\
**Replies:** 8\
**Last updated:** [December 7, 2024, 1:47pm UTC](https://discourse.threejs.org/t/javascript-class-contacs/74843 "2024-12-07T13:47:50Z")

</div>

Hello, I have a strange issue with javascript (I don’t think it’s a threeJS thing or not) where i have a class I use to organize my code, here’s the code: import \* as THREE from 'three'; import { GLTFLoader } from 'thr…

---

## [In three.js is better to use classes or functional programming?](https://discourse.threejs.org/t/in-three-js-is-better-to-use-classes-or-functional-programming/73551)

<div class="topic-metadata">

**Author:** [@Cristian\_Sagula](https://discourse.threejs.org/u/Cristian_Sagula)\
**Replies:** 2\
**Last updated:** [November 1, 2024, 3:22pm UTC](https://discourse.threejs.org/t/in-three-js-is-better-to-use-classes-or-functional-programming/73551 "2024-11-01T15:22:41Z")

</div>

Hello to all! I’m new to the forum :raised\_hands: I’m learning with the Bruno Simon Three Journey, I’m already in the shaders module. I’m wondering that Bruno uses javascript classes. Despite of r3f, I want to learn rea…

---

## [How do you start animating in Three.js/editor/](https://discourse.threejs.org/t/how-do-you-start-animating-in-three-js-editor/70753)

<div class="topic-metadata">

**Author:** [@NinjaCatChris](https://discourse.threejs.org/u/NinjaCatChris)\
**Replies:** 4\
**Last updated:** [September 16, 2024, 6:53pm UTC](https://discourse.threejs.org/t/how-do-you-start-animating-in-three-js-editor/70753 "2024-09-16T18:53:59Z")

</div>

How do you start animating in Three.js/editor/, I can’t figure it out, and I need help from some one that uses Three.js’ official in web browser editor please.

---

## [How do you start code when on running](https://discourse.threejs.org/t/how-do-you-start-code-when-on-running/70727)

<div class="topic-metadata">

**Author:** [@NinjaCatChris](https://discourse.threejs.org/u/NinjaCatChris)\
**Replies:** 6\
**Last updated:** [September 15, 2024, 4:31pm UTC](https://discourse.threejs.org/t/how-do-you-start-code-when-on-running/70727 "2024-09-15T16:31:42Z")

</div>

how do you start code when clicking run, I’m trying to switch cameras on running the project, nobody else has asked it seems, this is the code i’m using renderer.render(scene, THREE.PerspectiveCamera) , It probably isn’…

---

## [HTML 5 Canvas Animation messed up while changing resolution and not working on mobile](https://discourse.threejs.org/t/html-5-canvas-animation-messed-up-while-changing-resolution-and-not-working-on-mobile/65137)

<div class="topic-metadata">

**Author:** [@Hamza\_Ashraf](https://discourse.threejs.org/u/Hamza_Ashraf)\
**Replies:** 0\
**Last updated:** [May 6, 2024, 4:45pm UTC](https://discourse.threejs.org/t/html-5-canvas-animation-messed-up-while-changing-resolution-and-not-working-on-mobile/65137 "2024-05-06T16:45:14Z")

</div>

solved : this code is removed for security reasons.

---

## [I'm trying to create 3D objects from 2D coordinates which i imported another file](https://discourse.threejs.org/t/im-trying-to-create-3d-objects-from-2d-coordinates-which-i-imported-another-file/69652)

<div class="topic-metadata">

**Author:** [@sphynx](https://discourse.threejs.org/u/sphynx)\
**Replies:** 5\
**Last updated:** [August 23, 2024, 2:44pm UTC](https://discourse.threejs.org/t/im-trying-to-create-3d-objects-from-2d-coordinates-which-i-imported-another-file/69652 "2024-08-23T14:44:32Z")

</div>

Im %100 sure about the coordinates are useable. I dont know how can i create the 3D objects export const createPolygonMeshForCoordinates = function(coordinates) { console.log("i am responsible for creating polygons …

---

## [How can i create 3D polygons from x,y,z coordinates ? 2D to 3D](https://discourse.threejs.org/t/how-can-i-create-3d-polygons-from-x-y-z-coordinates-2d-to-3d/69613)

<div class="topic-metadata">

**Author:** [@sphynx](https://discourse.threejs.org/u/sphynx)\
**Replies:** 2\
**Last updated:** [August 23, 2024, 9:55am UTC](https://discourse.threejs.org/t/how-can-i-create-3d-polygons-from-x-y-z-coordinates-2d-to-3d/69613 "2024-08-23T09:55:54Z")

</div>

im trying to do an alternatively world map and, i need to process a data from real world geojson datas. and i did it, i processed the data and i know where the polygons should located which i show them spheres. know th…

---

## [Hiring Fullstack developer for Carbon (3D printing late-stage startup)](https://discourse.threejs.org/t/hiring-fullstack-developer-for-carbon-3d-printing-late-stage-startup/67951)

<div class="topic-metadata">

**Author:** [@alex\_carbon](https://discourse.threejs.org/u/alex_carbon)\
**Replies:** 1\
**Last updated:** [July 9, 2024, 11:43pm UTC](https://discourse.threejs.org/t/hiring-fullstack-developer-for-carbon-3d-printing-late-stage-startup/67951 "2024-07-09T23:43:49Z")

</div>

Carbon (Redwood City, Bay Area, California) Senior Fullstack Engineer HYBRID/ONSITE 2x/week Salary range: $152K - $229K Carbon is a 3D printing late-stage startup focused on bringing ideas and designs into productio…

---

## [How to Load a .world Robot File Using Three.js in a Web Application?](https://discourse.threejs.org/t/how-to-load-a-world-robot-file-using-three-js-in-a-web-application/68154)

<div class="topic-metadata">

**Author:** [@thantzin\_win](https://discourse.threejs.org/u/thantzin_win)\
**Replies:** 4\
**Last updated:** [July 15, 2024, 10:09am UTC](https://discourse.threejs.org/t/how-to-load-a-world-robot-file-using-three-js-in-a-web-application/68154 "2024-07-15T10:09:54Z")

</div>

I’m working on a web application and I need to load a .world robot file using Three.js. I’ve tried using the Collada loader but haven’t been successful. Can anyone guide me on how to achieve this? The .world file I’m us…

---

## [Loading, rendering then saving the canvas for GLTF models frequently](https://discourse.threejs.org/t/loading-rendering-then-saving-the-canvas-for-gltf-models-frequently/61867)

<div class="topic-metadata">

**Author:** [@callum](https://discourse.threejs.org/u/callum)\
**Replies:** 16\
**Last updated:** [February 25, 2024, 3:17pm UTC](https://discourse.threejs.org/t/loading-rendering-then-saving-the-canvas-for-gltf-models-frequently/61867 "2024-02-25T15:17:25Z")

</div>

I am trying to create thumbnail images for my application by rendering component GLTF files then saving off the canvas for later processing, eventually ending up as a small, linked thumbnail. Ultimately there will be a l…

---

## [Looking an Experienced Graphics Engineer (Front end Developer)](https://discourse.threejs.org/t/looking-an-experienced-graphics-engineer-front-end-developer/58493)

<div class="topic-metadata">

**Author:** [@Jishnu\_K](https://discourse.threejs.org/u/Jishnu_K)\
**Replies:** 7\
**Last updated:** [December 13, 2023, 7:16am UTC](https://discourse.threejs.org/t/looking-an-experienced-graphics-engineer-front-end-developer/58493 "2023-12-13T07:16:55Z")

</div>

JOB DESCRIPTION As a Software Development Engineer II (SDE II) - Three.js Developer, you will be an integral part of our development team, responsible for designing and implementing captivating 3D web experiences. You w…

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