Semi-Procedural landscape tutorial

Hello there!

I’d like to share my new project, where we will explore methods for generating semi-procedural landscapes in BabylonJS.

Semi-Procedural landscape generation demo in BabylonJS

In the article, I provide detailed explanations of several approaches to creating canvas geometry, show how to implement canvas movement with the user while eliminating terrain jitter, and describe the creation of a material responsible for landscape visualization. And also found a way to enable smooth movement across the surface with a collider synchronized to the relief!

If you’re interested in creating immersive, optimized landscapes for large scenes in BabylonJS, check out the article. I hope this material will be useful for your next project. I’d love to hear your questions and any suggestions for improvements!

Looking forward to your feedback and comments!

Article
Live demo

Thanks to @Blax and @Krilabdon for their ideas and suggestions that helped me make this happen!

9 Likes