So I’m trying to create a plane geometry but with rounded corners. The plane would be flat obviously with a texture image showing on both sides. The image would be flipped compared to the other side just in case the mesh is transparent and we would see the same image correctly like it was drawn on…

[image] RoundedRectangle + Squircle Resources 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 …

Plane mesh with rounded corners that can have an image texture

Questions

hofk January 15, 2023, 9:05pm 2

See from the Collection of examples from discourse.threejs.org

RoundedRectangle
RoundEdgedBoxFlat

RoundedRectangleVideo

3 Likes

How to make rounded edge in plane geometry?

Topic		Replies	Views
Using Three.js ShaderMaterial to Round Corners of a Texture and Change its Aspect Ratio Questions shaders	1	938	July 10, 2023
How to make rounded edge in plane geometry? Questions	3	88	April 14, 2024
Round-edged box flat Resources textures , uv-mapping , geometry	6	1190	January 15, 2024
How do I keep texture size and aspect ratio while applying rounded corners? Questions shaders	5	360	November 18, 2023
How to make a rounded-edge and rounded-corner cube by BufferGeometry with split vertices Questions textures , buffergeometry	3	5118	April 5, 2022

Plane mesh with rounded corners that can have an image texture

Related Topics