Comments (13)
Besides, can you share a Chrome GPU report of one affected system by typing chrome://gpu/
in the address bar and hit "Donwload Report to File"?
from three.js.
Only happens in Chrome (currently everybody on version 125.0.6422.77).
Mac OS Versions:
12.6.6 - No issue
13.5 - Issue visible
14.3 - Issue visible
14.4.1 - Issue visible
from three.js.
I'm unable to reproduce on macOS 14.4.1 and Chrome 125.0.6422.77 and Firefox 126. This is how the scene looks with and without the red cube in Chrome.
This issue might be device-related so please try to reproduce it on other systems.
from three.js.
I tried it on four different macs. The issue occurred on three of these four.
from three.js.
Have you tried different browsers as well? What happens in Firefox and Safari?
from three.js.
Here is the GPU Report: https://pastebin.com/cTeNs0m4
Strangely it worked for 10 minutes on another computer, without us changing anything.
Problem happens now again all the time on 3 of 4 computers.
from three.js.
Strangely it worked for 10 minutes on another computer, without us changing anything.
Do all affected macs use Intel+AMD? Can you also reproduce on a mac with M processor?
If the issue might temporarily disappear, I wonder if it makes a difference if the discrete AMD GPU is used or the integrated Intel graphics (in your case UHD Graphics 630).
I'm not sure this is works anymore but it was possible in the past to go in "System Preferences" - "Energy Saver" and disable "Automatic graphics switching". This should force the usage of the discrete GPU.
from three.js.
I was able to disable the "Automatic graphics switching", the problem still occurs.
Yes, all are Intel + AMD. Unfortunately we don't have any M1 Mac here right now...
EDIT: We just found out, that if you disable "Hardware Acceleration" in Chrome, it works. ๐คจ
from three.js.
It seems this is a GPU related issue. Unfortunately, there is nothing what we can do on our side. The problem should be reported to the Chromium bug tracker (https://issues.chromium.org/issues).
Please report the issue there including the live example, the GPU report as a txt file attachment and the findings from this discussion (the rendering issue happens exclusively with Chrome on macOS with Intel+AMD).
I could imagine that the live example is still too complex as a reproduction case for the Chromium team so I wonder if we can break it further down. Do you ass any rendering issues with examples from the official website? https://threejs.org/examples/
There are some font/text examples that might show glitches on your hardware similar to your fiddle. Besides, it would be interesting to know if affected devices have issues with non-text related examples as well.
from three.js.
Oh... thanks for the info, I will report it.
Regarding glitches of the examples, looked trough many of them and I encounter these (not 100% sure if they are supposed to look like that, but I guess they are supposed to look differently):
from three.js.
The last two are definitely wrong. The logarithmic depth buffer demo shows glitches on the left side which is intended. The first one does not render its checkerboard pattern double-sided so the screenshot is as expected.
So there seems to be a more general GPU related issue on these devices. The root cause is not related to text rendering. It seems the 3MF demo (the one with the vehicle) could be a good reproduction test case since it does not involve font or text components.
from three.js.
Potentially related #27842.
from three.js.
Closing. This needs to be reported to the browser vendor.
from three.js.
Related Issues (20)
- Consider providing an interface with a custom calculated mouse relative information in the transformControls HOT 2
- Bug WebGPURenderer set scene.environment break NodeMaterial HOT 2
- Parcel build addons.js fails due to SVGRenderer double definition HOT 1
- LDraw Packing script doesn't mention you also need to create a package.json to run HOT 5
- VideoTexture: Slow performance on Quest Browser in non-XR mode. HOT 14
- WebXR Depth Sensing: re-architect how occlusion is done HOT 4
- TSL: Array of vectors as uniform. HOT 3
- Try using Texture2DArrays with wgslFn leads to errors
- Nodes: Line2NodeMaterial dash mode broken HOT 3
- GLTF Export Optimization HOT 2
- WebGPURenderer error loading GLTF HOT 5
- Json Parsing changes for Shape/Path/Curves subclasses' CurrentPoint HOT 1
- Editor lights are not exported correctly to GLB HOT 2
- CDN es6 module import requires importmap (Vanilla JS) HOT 2
- examples/webgpu_morphtargets_face.html uses rgba32-float filtering textures without checking feature HOT 6
- WebGPURenderer: errors thrown rendering line segments HOT 2
- WebGPURenderer: errors thrown HOT 1
- Chinese document copy error HOT 1
- CanvasTexture problem with VideoFrames HOT 10
- WebGPURenderer: AttributeNode: Vertex attribute "normal" not found on geometry HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from three.js.