6,733 questions
Score of 0
1 answer
145 views
How to improve Three.js 3D structure simulation and handle canvas resizing?
I am building a basic 3D structure simulation app using Three.js and OrbitControls. Currently, I have a simple scene with a 3D pillar and a grid helper.
The code works, but I have a few concerns ...
- reputation score 1
Score of 0
0 answers
70 views
OpenLayers measurement labels render correctly initially but break after page reload (canvas text issue)
I am working on a web GIS application using OpenLayers.
I have a drawing tool where users can draw lines and polygons on the map. After drawing, I display measurement labels (length in meters, area in ...
- reputation score 65
Score of 0
0 answers
128 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 ...
- reputation score 1
Score of 0
0 answers
38 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 ...
- reputation score 437
Score of 0
1 answer
72 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 ...
- reputation score 1
Score of 0
1 answer
935 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 ...
- reputation score 40366
Score of 3
0 answers
91 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:
...
- reputation score 1585
Score of 0
0 answers
131 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 ...
- reputation score 33
Score of 0
0 answers
247 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:
...
- reputation score 11
Score of 2
1 answer
163 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'...
- reputation score 55
Score of 1
0 answers
174 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 ...
- reputation score 11
Score of 1
0 answers
103 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://...
anon
Score of 3
1 answer
218 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 ...
- reputation score 1629
Score of 1
1 answer
199 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 ...
- reputation score 1147
Score of -1
1 answer
79 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 ...
- reputation score 129
