Bump mapping artifacts when flatShading is true
See original GitHub issueThe artifacts appear to have been introduced with https://github.com/mrdoob/three.js/commit/73e3b92f42b36477c8cce9d30b12156ee15bf21b, which was a workaround for an Adreno bug posted in #9988.
Reproducible be setting:
material.flatShading = true;
in http://threejs.org/examples/webgl_materials_bumpmap.html.
Reverting the commit fixes it.
Three.js version
- Dev
- r.86-r92
Browser
- Chrome/Safari
OS
- macOS
- [ works ok ] iOS
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
Normal map artifacts/ flat shading - Blender Stack Exchange
I have a sphere with a texture and a normal map. Originally the sphere had one vertex at the top and bottom and...
Read more >Normal map (Bump mapping) - Unity - Manual
Normal maps are a type of Bump Map. They are a special kind of texture that allow you to add surface detail such...
Read more >T74367 Bump Map and Normal Map causes flat shading.
While using smooth shading, simply add a bump map and the shading lookes flattened. This problem will occur on a high poly model...
Read more >Grid artifacts when disabling linear filtering on bump map in ...
If the magFilter of a bump map in Three.js is set to THREE.NearestFilter , a weird grid artifact appears on the object.
Read more >Gouraud bump mapping
Additional Keywords: real-time bump mapping, normal vector ... Figure 7: Flat shading artifact using constant bump-normals on a curved surface.
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 FreeTop 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
Top GitHub Comments
Agreed. Closing.
mac os screenshot from here: