构建自定义的 Threejs 几何

Question

I need to generate a Threejs geometry which is more or less a cube, but with a dent on the top plane formed by a quadratic curve. Like this, but upside down and dent extending over the entire plane:

https://www.iconfinder.com/icons/3144889/cube_dent_elastic_erosion_pack_push_soft_icon

How do I build this geometry?

Thank you

Answer 1

In blender, you could subdivide a cube and then use proportional vertex editing to pull that middle vertex in and you can get that profile. Then optionally set smooth shading and add an edge split modifier.. export as .glb.

Answer 2

THREE.BoxGeometry(); The box geometry object might not suit your since it only takes in 8 vertices as arguments.

If you want to add a custom shape, you can refer to here , and the buttom curve cylinder extrude can be made with var geometry = new THREE.CylinderGeometry() at here