Hello! I’m pretty new to THREE.JS. I have built a cube by drawing 6 sides. Each side is formed by two triangles, so I defined 6 vertices for each side (the shared vertices are split). Then I uv map the texture to each vertex of the cube. Here is my code: let cube = new T.BufferGeometry(); const ve…

Some implementations here: [image] Round-edged box Resources As I couldn’t find the solution for round-edged boxes, I took the way of least resistance - “re-invent and build the bicycle, if you don’t have one” blush THREE.Shape() and THREE.ExtrudeBufferGeometry() helped …

Actually, there are more approaches for rounded-edge boxes: Round-edged box 2 Round-edged box 3 Cheap round-edged box (vertex shader) (the best option is by @Fyrestar ) And moreover, there is a class of geometry, included in the distributive: jsm/geometries/RoundedBoxGeometry.js. Used here three…

In the collection of spheres Collection of sphere definitions are also cubes with rounded corners as a transition. See section H and I. In the Collection of examples from discourse.threejs.org you will find CheckerboardRoundedBox and RoundEdgedBoxFlat Older from 2017 at top: discourse.threejs.…

How to make a rounded-edge and rounded-corner cube by BufferGeometry with split vertices

Questions

donmccurdy April 5, 2022, 12:46am 2

Some implementations here:

Topic		Replies	Views
Cheap round-edged box (vertex shader) Resources shaders , buffergeometry	23	11086	January 12, 2024
Round-edged box Resources geometry , extrude-geometry	28	26291	April 22, 2022
Round-edged box 2 Resources geometry	15	8010	January 10, 2018
The hard way a round cube is made Showcase geometry	4	973	January 10, 2024
Round-edged box 3 Resources geometry , buffergeometry	11	5089	June 4, 2018

How to make a rounded-edge and rounded-corner cube by BufferGeometry with split vertices

Related topics