I think that is a brilliantly insightful playground, and I would definitely surface a link to it in the documentation. Well done!
I know that I’ve been making the same mistake that many people make, which is not taking the time to master basic concepts and instead trying to learn just enough to accomplish what I’m trying to get done. This is a challenge for any team like yours when trying to provide easy ways to hook into a fully featured platform like BJS, especially for beginners such as myself who are coming to it with no previous 3D experience at all. The way that you’ve tagged how-tos and made them sortable, the guided and sequential set of short tutorials to get started, and, of course, the awesome playgrounds are all immensely valuable and effective. The incredibly response community is a huge asset (big thanks again to people like you!).
For what it’s worth, I came to the topic of PBR with no understanding, of course. After having found multiple images from a texture library site to use with PBR, I struggled to figure out how to use them in BJS. After you kindly provided the Playground example that you did, I dug deeper into the existing documentation and started to understand some of the the concepts better when I began permutations on your example. So the first time around I hadn’t spent as much time as I should have on the documentation. There are a lot of content there. If anything, I might suggest some examples of using multiple images as separate albedo, normal, roughness, and AO maps.
Which brings me to my last couple of questions. When I have a set images expressly generated by third party and with separate images for albedo, normal, roughness, and AO maps (and for something they are calling ‘height’), as I included in my post above, is there ever a benefit to using more than an albedo, bump, and separate channels of a red map? Certainly I’m happier as a web dev needing to serve fewer high-res images.
And finally, what image did you generate the red image from? I have some basic image editing skills, and tried just color saturation as well as a gradient replacement of a grayscale version, but couldn’t get quite what you did. Any pointers would be much appreciated.
Again, your newest playground is a great idea, and I thank you again for all of the help that you’ve given me. Have a great week!