All Questions

Tagged with
Filter by
Sorted by
Tagged with
-1
votes
0answers
16 views

The material should ignore everything that goes behind it, even if it’s semi-transparent

We need to gain the following behavior of the threejs material: The material should ignore everything that goes behind it, even if it’s semi-transparent. The problem needs to be solved: by mixing ...
0
votes
1answer
56 views

I can't get Three.js to render a scene from an imported OBJ file

I'm not able to get my Three.js scene to display on HTML canvas. I'm importing an OBJ file which is importing correctly. It shows all details, such as Meshes, materials, etc. correctly. Here is my ...
1
vote
1answer
51 views

How to add custom shadermaterial to an obj 3D object in Three.js

The following is a working example with ObjLoader for 3D object. Is there anyone that can teach me how to add shader material to this 3D object? Most tutorials are like using standard three.geometry ...
2
votes
0answers
20 views

WebGL (1.0). Using multiple programs to render both a 3D object and a small drawing application

We are currently working on a project, which requires us to render a 3D object and a small drawing application next to each other. We are drawing them in the same canvas and use viewport and scissor ...
0
votes
0answers
48 views

Three.js change point of view

I am new to Three.js and cannot solve this problem. I want to change the point of view of a 3D object while scrolling, without changing object position on the canvas. As if the camera moves from right ...
1
vote
1answer
63 views

Drawing multiple elements in Webgl

I have seen a lot of videos on youtube regarding this and I've visited these sites: https://webglfundamentals.org/webgl/lessons/webgl-drawing-multiple-things.html https://webgl2fundamentals.org/webgl/...
0
votes
0answers
28 views

Three.js flickering only on macbook pro retina screen

I'm running into an issue with flickering when rendering a moving point cloud in Three.js. The issue only appears when the page is loaded on a Macbook Pro Retina screen. Interestingly, if the page is ...
0
votes
0answers
49 views

How to set forward direction using lookAt matrix?

I have a WebGL 3D scene set up with a single mesh and a camera. I can translate/rotate both correctly (it appears so in testing, anyway). Now I would like to be able to set the 'forward' direction of ...
0
votes
1answer
215 views

Three.js how to make a FULLY beveled cube?

I'm trying to get a beveled cube, but I can't seem to figure out how. I've found THREE.ExtrudeGeometry here, but if you notice, in the sample editor it only has beveled sides on the top and bottom ...
0
votes
1answer
34 views

can I create 3D objects in JS if I use my device's camera in the same project?

This is my code start : function setup() { createCanvas(640, 480, WEBGL); video = createCapture(VIDEO); video.size(640, 480); video.position(0, 0); poseNet = ml5.poseNet(video); ...
0
votes
1answer
137 views

Three.js - Apply heatmap texture to pointcloud

What I would like to do is apply a heatmap texture to the pointcloud, so that when the pointcloud is rotated, the texture does NOT rotate. For example red needs to always be Z up and blue needs to be ...
0
votes
0answers
580 views

Three.js / React-three-fiber | How to spread PointsMaterial evenly on a BufferGeometry(costum SphereGeometry) and compare vertices with Image data

I try to reacreate the github landingpage globe (if youre not logged in https://github.com/) with three.js and react-three-fiber by the example provided by them (https://github.blog/2020-12-21-how-we-...
0
votes
0answers
42 views

create a clickable button with css2drenderer and make dynamic size depend on camera distance

I have two problem with using css2drenderer! 1_ I can't set click event listener on any element inside the css2drenderer! but it's work in css3drenderer! I don't want to use css3drenderer because the ...
0
votes
0answers
115 views

How to draw the scale meter/ ruler for the 3D model in WebGL

I want to draw a fixed horizontal line (or a ruler) that gives info about size/distance or zooming factor like the one in Google Maps (see here). Here is the another example with different zoom levels ...
0
votes
0answers
156 views

WebGL ERROR: "too many uniforms" when adding volume boxes potree three.js

I'm using potree (WebGL three.js) to add a large number of volume boxes to the scene, but I get a "too many uniforms" error after adding about 230 boxes. I'm new to 3d programming, so ...

15 30 50 per page
1
2 3 4 5
26