Cannot get car material from Getting Started to work (edge face looks broken)

I’m currently trying to work through the “Getting Started” section of the docs and have an issue with the car materials (Getting Started - Chapter 3 - Car Materials | Babylon.js Documentation).

As you can see here (Babylon.js Playground) the top and bottom face’s material is applied correctly but the edge face is not. It appears to be painting the material on each of the individual planes (i.e. the back of the car, its roof, and the curved front’s rectangles).

I tried to find a difference between my version and the working example from the docs but couldn’t.

Two questions:

  1. Most importantly, what am I doing wrong/why doesn’t it work?
  2. Is there a way for me to see the docs’ example’s code? As far as I can see, only the minified version is accessible which only shows me the final result but not the complete code that gets there.

Thanks a lot!

Since I’m new, I wasn’t allowed to post another link. The “working example from the docs” I was referring to is this playground link:


  1. UV and warp properties are set incorrectly.

  2. Delete the “full.html” in the link and you can see the code.


Thank you so much, both worked.
I just realized that this button…

Screen Shot 2021-10-24 at 13.54.40

…is actually two buttons with the right-side icon opening the playground in a new tab. I honestly didn’t get that and obtained the URL from the iframe. :sweat_smile:

1 Like