6,748 questions
0
votes
0
answers
26
views
Blender GLTF's gl_InstanceID updates based on instances in view
I have a simple WebGL scene with a bunch of cubes instances created with Blender Geo Nodes and am trying to color them dynamically based on their instance ids.
The problem is, if there are 15 ...
- 437
Best practices
0
votes
2
replies
36
views
WebGPU 3D renderer directional shading is not displaying evenly
Hi this is my first post on stack overflow. I don't want to use AI at all in my code, I want to learn about 3D graphics with real people. If I'm missing something please let me know since I'm new to ...
- 1
0
votes
1
answer
468
views
WebGL context immediately lost on iOS
I have code in my web game like this:
const canvas = document.createElement('canvas');
canvas.width = width;
canvas.height = height;
const glContextAttributes = { alpha: true, antialias: false };
let ...
- 40.2k
3
votes
0
answers
80
views
WebGL canvas `toBlob()` result shows glitched color spots not seen on the canvas (cause: invalid pixel value for premultipliedAlpha)
In the below code snippet, I draw a texture on a canvas on the left, and then call canvas.toBlob() and display the result in an <img> on the right. The resulting image has a cyan glitchy spot:
...
- 1,585
Advice
0
votes
0
replies
93
views
Webgl Threejs canvas performance optimization
Hi guys i am trying to make a website with 3d model in it and you can apply patterns designs texts stickers on the model i am doing it with canvas atlas which is every assets renders inside the oen ...
- 33
0
votes
0
answers
182
views
React Three.js: "Error creating WebGL context" even though WebGL works on https://get.webgl.org/
I'm developing a hero section for my React portfolio that includes a 3D model rendered with Three.js via @react-three/fiber.
However, when the component loads, I see this error in the browser console:
...
1
vote
1
answer
113
views
PlayerPrefs won't update between simultaneous players
I am currently developing a WebGL app with Unity and using PlayerPrefs to try and make it so that a unique user id is generated for a player and used to connect to a remote lobby system.
The problem I'...
- 45
2
votes
0
answers
146
views
PyQt6 QWebEngineView 3D Plot Fail To Render With Large Data
I'm working on an antenna 3D polar plot program which need to render real-time plot.
Things I'm using:
Python 3.11.9
PyQt6 6.9.1
PyQt6-WebEngine-Qt6 6.9.2
plotly 6.3.1
Issue:
The code can generate ...
- 21
1
vote
0
answers
88
views
Three.js - DOF not working with point clouds (THREE.Points)
I'm trying to implement a Depth of Field (DOF) effect in a Three.js scene that includes a point cloud rendered using THREE.Points. I've based my implementation on these official examples:
https://...
- 11
3
votes
1
answer
172
views
WebGL is disabled error when opening bing maps with python selenium?
i try to open bing maps using python selenium with this code:
import os, sys
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.chrome.service ...
- 1,639
0
votes
0
answers
69
views
WebGL context lost error on using two canvases on different pages
I recently started using WebGL, learning 3D on the web.
My current issue is as follows:
I have two pages, a home page and an about page. I have an Earth Model on the home page, rendering using the ...
0
votes
0
answers
77
views
Three.js not rendering correctly when canvas has display: none
I'm using MediaPipe to apply face blendshape scores to a 3D avatar's morph targets in Three.js.
The avatar is rendered into a custom canvas element, which is explicitly passed into WebGLRenderer like ...
1
vote
1
answer
140
views
Blur or antialias edges of rendered polygon in WGSL shader without intermediate rasterization
I'm rendering a 3D-polygon on top of a given background (a pre-rendered image). The polygon is arbitrary: I just have its vertices (as a triangle strip or indexed triangles) passed via buffer. It ...
- 1,127
-1
votes
1
answer
57
views
How can I turn a rectangular region of my webage into a WebGL texture?
I have wanted to do an "Apple Liquid Glass" or refractive glass type effect on my website since before "Liquid Glass" was even a thing. I've designed my site to lean into 3D ...
- 129
7
votes
2
answers
433
views
Problem rendering fullscreen/fixed canvas in iOS safari
I'm rendering multiple WebGL "scenes" with one context using a single canvas element that is fullscreen and with a fixed position
The page contains several div elements and I use their ...
- 378
