Full stack WebGL sandbox game development, Coding Principles and DevOps

I have been working on a sandbox game using web technologies for a half year now. This is a complex project with numerous interesting topics I want to dive into and write about.

Geometry instancing with 100k boxes in Three.js

According to my plan I am going to expand this article series in the following topics I have been dealing with:

  • sandbox game design
  • visuals in Three.js including scene optimization with geometry instancing in an open world game design
  • packaging using Webpack
  • Clean Architecture and principles in TypeScript
  • custom lightweight physics in Three.js
  • optimizing client-server data synchronization including interpolation
  • CI/CD with Gitlab and Docker
  • scalable back-end with Traefik, Swarm
  • monitoring with Prometheus and Grafana
A screenshot of the game with a lot of trees in the background showing geometry instancing and basic multiplayer capabilities.
Illustrate hitboxes of objects used for lightweight collision detection.
Written by
Barnabás Bartha

About Me

Barnabás Bartha

My goal as a developer to increase the revenue of businesses by consulting and turning ideas into efficient solution in Web, Mobile, Cloud, DevOps fields focusing successful problem solving rather than used tools.