Pour tester three.js et ces possibilité j’ai voulu faire un mini jeu RTS isometrique de village builder en une journée sans de prise de tête, juste un prétexte pour explorer les mécaniques de base : récolte de ressources, construction, pathfinding et voir comment Three.js gère tout ça dans nos navigateurs.
Comment ca marche ?
Tout tourne en Three.js avec une architecture modulaire propre. Vue isométrique, système de grille pour le placement des bâtiments, récolte automatique des ressources, barres de progression, et ca marche aussi sur mobile. Les villageois trouvent automatiquement la prochaine ressource quand la première est épuisée.
Meme si le jeu est carrement nul pour l’instant, ça m’a permis de bien tester three.js, d’expérimenter la 3D en low poly et de faire un premier petit jeu avec des villageois qui courent partout.
mini tips sur le jeu:
- Construit plus vite avec plusieurs personnes sur le même batiment
- Sur ordi utlise des cheatcodes cachés comme « motherload » pour ajouter des ressources
Next step ?
C’est un prototype d’une journée, mais clairement il manque plus de bâtiments : caserne, forge, tours de défense, marché… Un vrai pathfinding A*, un système de fog of war, ou même des ennemis qui attaquent seraient cool. Peut-être du multijoueur en WebSocket un jour ? En attendant, c’est jouable pour construire quelques maison. Et pourquoi pas Ajouter des mini jeu sur les site de mes clients un jour ?
updates :
– j’ai ajouté une musique de fond
– j’ai ajouté des bulles de tutoriel un peu random
🕹️ Teste le mini jeu ici : quentinrenaux.com/xp/games/town
Essaye d’avoir un maximum de villageois!
