6,747 questions
-2
votes
0
answers
38
views
Quaternion camera rotation wobble/figure-8 pattern after yaw in JavaScript 3D engine [closed]
I built a 3D engine from scratch in JavaScript using homogeneous coordinates and a full MVP matrix pipeline. I switched from Euler angles to quaternions to solve gimbal lock, but I'm experiencing a ...
Best practices
0
votes
0
replies
62
views
Reliable cross-origin iframe resizing: iOS Safari drops postMessage on device orientation change (ITP issue)
I am architecting a frontend wrapper to integrate third-party HTML5/WebGL demos into a portal. Due to strict security policies, the external app runs inside an iframe hosted on a different domain. I ...
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
44
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
558
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.3k
3
votes
0
answers
83
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
100
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
192
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
116
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
1
vote
0
answers
149
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 ...
- 11
1
vote
0
answers
90
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
176
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,621
0
votes
0
answers
73
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
79
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
157
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,137
