6,762 questions
3
votes
0
answers
67
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
60
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 ...
- 37
0
votes
0
answers
118
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
99
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
99
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
84
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
0
votes
0
answers
30
views
in webgl how to display two quad's at a same time both with their own position?
Not able to see both rect and trap panel at a same time?Individually both are render with their proper position worldX but both at a same time with loop not.
i have this in editor.tsx =>
const ...
- 1
3
votes
1
answer
144
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,565
0
votes
0
answers
60
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
58
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
109
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
54
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
347
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
0
votes
0
answers
46
views
Why aren't my instanced elements rendering?
There seems to be no errors which popup, even with GL.getError():
const Canvas = document.getElementById("game_ui");
Canvas.width = window.innerWidth;
Canvas.height = window.innerHeight;
...
- 11
1
vote
0
answers
82
views
How to reliably read depth value from FBO using gl.ReadPixels?
I'm trying to read a depth value from a FBO through gl.readPixels.
const canvas = document.getElementById("glcanvas");
const gl = canvas.getContext("webgl2");
const width = 64;
...
- 2,416