Questions tagged [three.js]
Three.js is a lightweight cross-browser JavaScript library/API used to create and display animated 3D computer graphics on a Web browser. Three.js scripts may be used in conjunction with the HTML5 canvas element, SVG or WebGL.
three.js
8,296
questions with no upvoted or accepted answers
16
votes
1
answer
10k
views
Pixi.js and ThreeJS for an advanced web GUI
The idea
Hi!
I and a team of developers are creating an open-source graphical interface for interactive graph editing.
I want this interface to handle a big amount of connected nodes, allowing the ...
- 11.7k
13
votes
0
answers
3k
views
three.js: How to apply multiple shader passes to a single object of a scene?
I am trying to render a solar system. I want to apply some fancy shaders (glow, gauss, etc) to the sun only. This is what I am doing so far:
Create a separate scene for the system and sun
Render the ...
- 834
13
votes
1
answer
1k
views
Undefined vertexUv warning
I exported a 3D model from sketchup to collada and used Threejs Collada loader to load it. But I get the following warnings:
THREE.DirectGeometry.fromGeometry(): Undefined vertexUv 2
It appears that ...
- 1,726
12
votes
3
answers
999
views
three.js ObjLoader Memory Increasing
I am using OBJLoader.js. I have a button that on click removes a 3d model from scene and adds a new one but everytime the model is loaded, memory usage in chrome is increasing by about 50 MB and it is ...
- 121
10
votes
1
answer
1k
views
Freeing memory of ThreeJS application
I am currently having issues with freeing memory in my ThreeJS application.
I am aware there are already several questions about this problem:
freeing memory in three.js
Freeing memory with threejs
...
- 7,306
9
votes
0
answers
4k
views
Difference between Javascript "Math.sin" and WebGL"sin"
What is the difference, and how do I get WebGL's sin to produce the same result as Math.sin?
EDIT:
I have some code in my vertex shader (this is not all code), that computes a fibonacci point around ...
- 712
8
votes
0
answers
7k
views
Using SVG as scalable texture
I'm new to three.js and WebGL in general and I'm trying to make a simple earth globe in 3D with a SVG texture applied on it (so that I can zoom in without quality loss).
I tried to load a svg image ...
- 1,919
8
votes
1
answer
7k
views
THREE.js How to increase texture quality
What are the possible and good ways/best practices/etc to improve texture quality in THREE.js?
I have a scene where I have planes(cards) with 512x512px textures. How it looks you can see on images ...
8
votes
0
answers
864
views
Slow Shader compile time
I'm using three.js/r87. Chrome 60.0.3112.113.
I build 2 meshes, each using a new ShaderMaterial, so that's 2 ShaderMaterials that are created. The vertex shader and fragment shader are the same in ...
- 1,286
8
votes
1
answer
318
views
Three.js example not completely compatible with mobile
I'm having issues with the "postprocessing / glitch" example on mobile. It's just the snow effect that's causing trouble. On desktop it covers the entire view port during a glitch. On mobile it's only ...
- 1,243
8
votes
1
answer
1k
views
Three.js/WebGL running on integrated GPU instead of dedicated
I'm learning Three.js and created a simple app with it expecting it to run on my dedicated GPU, but task manager shows 0% GPU utilization (all values) while the scene is rendering and 80-90% ...
- 245
7
votes
1
answer
767
views
MapLibre GL JS with terrain layer: How to pin a horizontal plane to specific altitude?
I based some code on the "Add a 3D model" example to draw only a horizontal plane on a map which uses setTerrain to add a terrain layer. My intention is to draw semitransparent layers at ...
- 14.1k
7
votes
0
answers
1k
views
Cannon.js physics is too bouncy despite restitution set to 0
I want to simulate some blocks falling, but more like wooden blocks that don't have any elasticity or rubberiness to them.
But I can't find settings that act like this. I've set restitution to 0 but ...
- 2,396
7
votes
1
answer
210
views
3DSMax .obj/.max based model display on web page integrated with AJAX clickable features
I have a 3DSMax based model in .obj and .max file format. This model has various areas with clickable points that works fine in 3DSMax. Clicking those points shows the details of those areas.
I have ...
- 2,640
7
votes
0
answers
2k
views
Newtek NDI Stream within a webpage / WebGL / Three.js
I need to implement a NDI stream into a website, formerly into a three.js application.
All I found was the node.js implementation from streampunk which does not run on Linux.
I could not find any ...
- 81