I need to create curve book page with rounded corners, like this: from wawasensei [image] Now, the code is like this: const pageGeometry = new BoxGeometry( PAGE_WIDTH, PAGE_HEIGHT, PAGE_DEPTH, PAGE_SEGMENTS, 2 ); But I want pageGeometry become rounded corner. As far as I know Rounded…

Can you use a subdivided plane, and then do the corners in a shader with transparency/discard?

Yeah sounds about right. One material for the front, and the back material with side:THREE.BackSide and the other texture?

mm, seems I need two animation and bones for one pageObject, I will try this method later, thanks!

See How to have different colors/textures on bottom and top side of a Plane? 2021 discourse.threejs.hofk.de => RoundEdgedBoxFlat AnimatingBookPages RoundedRectangle DoubleSide(gl_FrontFacing) from Collection of examples from discourse.threejs.org

How do I create a rounded cube with "segments"?

Questions

She-yh July 3, 2025, 9:11am 3

It seems like I need to create two planes for one pageObject? Because two sides are different materials. https://discourse.threejs.org/t/different-materials-on-plane-side-a-and-side-b/58310

Topic		Replies	Views
Plane mesh with rounded corners that can have an image texture Questions textures , geometry , threejs	2	5179	January 15, 2023
Round-edged box 3 Resources geometry , buffergeometry	11	5069	June 4, 2018
Round-edged box flat Resources textures , uv-mapping , geometry	12	1810	August 19, 2024
Round-edged box 2 Resources geometry	15	7991	January 10, 2018
How to make a rounded-edge and rounded-corner cube by BufferGeometry with split vertices Questions textures , buffergeometry	3	8970	April 5, 2022

How do I create a rounded cube with "segments"?

Related topics