Questions tagged [webgl]

WebGL extends the capability of the HTML canvas element to allow it to render accelerated graphics in any compatible web browser. **DO NOT TAG QUESTIONS ABOUT 3D LIBRARIES (like THREE.js) WITH THIS TAG** unless the question is specifically about a WebGL API feature. **DO NOT TAG QUESTION ABOUT UNITY WEBGL WITH THIS TAG!!**

Filter by
Sorted by
Tagged with
6
votes
1answer
99 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% ...
0
votes
0answers
20 views

Filament add ambient light without IBL

I am trying to render a model with a ambient light added to the scene, however I didn't find any documentation about it..
1
vote
1answer
49 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 ...
-3
votes
0answers
29 views

How to turn Unity WebGL build into a editable project in Unity? [closed]

I want to edit this Unity project I made, but I do not how to turn Unity WebGL build back to editable Unity project.(I do not have the project saved anywhere else) I only have these files: files So is ...
2
votes
0answers
19 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
30 views

Why does easeljs keep giving me shader errors when using shape masks?

We made a small game in createjs/easeljs using version 0.8.3. We had some performance issues, so we figured we should try using StageGL, but that requires a new version of easel. So I got the easeljs ...
3
votes
1answer
77 views

How to load a cube from gltf 2.0 and draw it in pure WebGL

I exported a default cube from Blender 3.0 to gltf+bin. I try to draw it in pure WebGL. It is just a very simple example. You will see magic numbers in this example like: const normalData = new ...
1
vote
0answers
188 views

Exact same WebGL code renders differently on different devices

I'm fairly new to shaders, just started playing with them in VisionsOfChaos for Android around a year ago. I implemented my 4D fractal viewer in it (as far as I know, a completely new approach, which ...
2
votes
1answer
35 views

Can I store signed 16bit value in single channel in webgl2?

Is there a way to store signed 16bit value inside single channel? Im trying to store it inside red channel like this: gl.texImage2D(gl.TEXTURE_2D, 0, gl.R16I, width, height, 0, gl.RED, gl.SHORT, ...
0
votes
0answers
24 views

I want to use mixing HTML and three.js, but if I insert URL, all the scenes don't work

I want to mix HTML and three.js, but if I insert URL, all the scenes don't work. .img{ width: 300px; height: 300px; background-color: chartreuse; background:url('../static/img/Fabio.jpg'); } enter ...
0
votes
1answer
178 views

Can Not Overlay div Over Full Screen Canvas for Unity WebGL Build

I want to overlay a div in front of full-screen Unity - Canvas. I can overlay it when it is not full screen but can not figure out how to overlay div front of Unity Canvas while canvas is in full-...
0
votes
1answer
90 views

Load GLTF model in next.js / Error: Could not load <url> response.body.getReader is not a function

How to load a model GLTF model in next.js? I spend hours looking for this. Nothing works :( What I tried so far: use different loaders ( useLoader(GLTFLoader,url) / useGLTF(url) and some more wrap ...
0
votes
0answers
86 views

THREE.WebGLRenderer: Context Lost

I have 20 3D objects to be rendered separately on a single page. The problem is only around 13 objects are loaded the rest don't show up. I get this error THREE.WebGLRenderer: Context Lost in console. ...
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 ...
0
votes
0answers
23 views

ThreeJS Raycast in a WebXR AR Session

I'm trying to setup a basic Raycast for this ThreeJS AR Hittest example - https://threejs.org/examples/webxr_ar_hittest.html The raycast is logged when it intersects something. if ( intersects.length &...

15 30 50 per page
1
3 4
5
6 7
412