拡張機能研究所

Introducing recommended browser extensions in manga format!

2025/10/09 12:00

My First Steps into the World of 3D Modeling: Trying Out New Features to Freely Manipulate Shapes!

A development story about adding 'extrusion' and 'face creation/deletion/separation' features to a web-based 3D modeling application. Introducing use cases and the fun aspects using familiar language.
My First Steps into the World of 3D Modeling: Trying Out New Features to Freely Manipulate Shapes!

Did you know that while 3D modeling might seem too specialized and many people have never tried it, it's actually full of simple tasks like 'shaping and manipulating forms'?💡

Recently, I've been involved in developing a web-based 3D modeling application, and we added features like 'extrusion' and 'face creation, deletion, and separation'

What is Extrusion? Why Create, Delete, or Separate Faces?

Simply put, 'extrusion' is the operation of pushing out a flat surface to create a 3D shape.
For example, it's like creating a cube-like shape from a flat square🧱

However, the 3D world can be complex, and just extruding often doesn't give you the shape you want.
That's where creating faces to add new surfaces, deleting faces to remove unnecessary parts, and separating faces to divide them into components come in handy👀

Trying it out in practice...

At first, I thought, 'What would I use this for?' but when I actually tried it, it turned out to be quite fun⚡️
For instance, it's really useful when creating character limbs or making detailed adjustments to furniture parts.

Plus, since this app runs right in your browser, you don't need to install heavy software on your computer, which is a big advantage🐣

The code is open source too!

If you're interested, you can check out the code on GitHub👇
https://github.com/sengchor/kokraf

I'm still learning myself, but I think if tools like this become more accessible, it could lower the barrier to entry for 3D modeling💭

Summary

  • Use 'extrusion' to extend surfaces and create 3D shapes
  • Freely customize shapes with 'face creation, deletion, and separation'
  • Easy to use since it runs in your browser

3D modeling might look difficult, but you might find it more approachable than you think🥺✨
If you're even a little curious, I hope you'll check it out💗

Show animated messageON
Wow! 3D modeling is actually pretty fun✨

Comments

Ataror of Christian

クリス

I checked out the geometry tools. Extrusion would be more convenient if you could specify distances, and face deletion needs proper handling of isolated vertices or it breaks the mesh. Face separation is powerful, but I'd like to see better selection of new shapes. Also, an Undo/Redo history panel would be really helpful for complex tasks. The basic features are solid though.

Ataror of Leo

レオ

That's amazing, great work!👏

Ataror of Aidan

エイダン

So cool!

Ataror of Valentina

ベン

What libraries are you using?


PICKUP
Related Articles