Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
webgl_loader_ldraw.html has strange "black piece".
See original GitHub issueDescribe the bug
In #22957 see strange “black piece” like screenshot. I am not sure it is bug.
To Reproduce
Steps to reproduce the behavior:
- Run
git reset --hard 2a3e413f93dbedd431718aa0943bad0074df9005in CMD. - Open
http://localhost:8080/examples/#webgl_loader_ldrawin Browser. - See strange “black piece” like screenshot.
Screenshots
Platform:
- Device: [Desktop]
- OS: [Windows11]
- Browser: [Chrome96, Edge96]
- Three.js version: [dev #22957]
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Three.js - WebGL Rendering Canvas remains black
I want to display the image, a texture fetched from a HTML5-Canvas, on a PlaneGeometry object. My code looks like this:
Read more >WebGL Resizing the Canvas.
Here's what you need to know to change the size of the canvas. Every canvas has 2 sizes. The size of its drawingbuffer....
Read more >CSS pixel size -> WebGL canvas size example is subtly wrong?
Consider the example of choosing a WebGL backbuffer size based on the ... If a black canvas on a white backgorund has a...
Read more >Drawing on Canvas - Eloquent JavaScript
To deal with this, we register a "load" event handler and do the drawing after the image has loaded. By default, drawImage will...
Read more >Techniques for Rendering Text with WebGL - CSS-Tricks
Drawing lines, debugging shaders, text rendering… they are all damn hard to do well in WebGL. Isn't that weird? WebGL doesn't have a...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I see this too – looks like it’s related to normal smoothing because it disappears when you disable that setting.
Edit: r135 doesn’t seem to have the issue:
https://raw.githack.com/mrdoob/three.js/r135/examples/webgl_loader_ldraw.html
I’ll have to look at the changes that I made in r136…
Edit: It seems that #22957 caused the issue since the commit right before (03423cf850538355359f4d5b27f38acc1a92877e) does not have it. It’s not clear from looking at the code what might have caused it, though.
@Mugen87
I can in Chrome on macOS 🤔