Uploaded November 2025 | Updated September 2026, 1 week ago

---

Building a browser-based 3D home editor like The Sims: Pascal App. First challenge: making doors and windows actually cut through walls using CSG operations. Real problems, real solutions from my consulting work.

🚀 Learn React Three Fiber with the Ultimate Guide to 3D Web Development ✨
https://wawasensei.dev/courses/react-three-fiber/

Pascal App
https://www.pascal.app/

#threejs #js #devlog

▬▬▬▬▬▬ 📚 RESOURCES ▬▬▬▬▬▬

React Three CSG
github.com/pmndrs/react-three-csg

Three BVH CSG
github.com/gkjohnson/three-bvh-csg

Threejs
threejs.org

React Three Fiber
https://r3f.docs.pmnd.rs/getting-started/introduction


▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
youtube.com/channel/UCBH-5ctALmmOrm4kczL3urQ/join

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
discord.gg/2wBhwchcWu

📸 Instagram :
instagram.com/wawa.sensei

🎎 Facebook :
facebook.com/wawasenseiyt

🐦Twitter :
twitter.com/wawasensei

🐦TikTok :
tiktok.com/@wawasensei08


▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 Introduction
01:06 Window on a wall
02:21 Constructive Solid Geometry (CSG)
03:11 Simple Subtraction
04:36 Circular Shape
04:57 Boolean on custom model
10:22 Polishing the subtraction geometry
11:04 Conclusion