Problems applying texture to Extruded Geometry

[hofk]

Maybe you can easily achieve the result with the combination of the two techniques?

RoundedRectangle + Squircle

Function to create a rectangle with rounded corners. [RoundedRectangle - Mozilla Firefox 2021-08-04 12.1] See RoundedRectangle [RoundedRectangle - Mozilla Firefox 2021-08-04 12.3] Example of a video see Three js video with rounded corners - #14 by hofk (slightly different code) [RoundedRectangleVideo - Mozilla Firefox 2021-08-03] // non indexed BufferGeometry function RoundedRectangle( w, h, r, s ) { // width, height, radius corner, smoothness // helper const's const wi = w / 2 - …

How to have different colors/textures on bottom and top side of a Plane?

Hi all, I’ve got a grid of tiles, which have a THREE.DoubleSide material. These tiles flip 180 degrees when clicked, showing the bottom instead of the top. Something I couldn’t figure out: Is there any way to have a different color or texture for the bottom than the top of a plane? (I’m using React-Three-Fiber if that makes any difference)