Zora

a Zanzarah-like battle game in a fantasy arena. Created in three.js + rapier.js + three-nebula.js + Vue.js

<div style="display: flex; justify-items: center;"> <img src="https://github.com/konstantinsteinmiller/zora/blob/master/src/assets/documentation/three-js-logo.png" alt="three.js-logo" width="60" /> <img style="transform: translateY(15%);" src="https://github.com/konstantinsteinmiller/zora/blob/master/src/assets/documentation/rapier-logo.svg" alt="rapier-logo" width="120" /> <img style="transform: translateY(15%);" src="https://github.com/konstantinsteinmiller/zora/blob/master/src/assets/documentation/three-nebula-logo.png" alt="three-nebula-logo" width="120" /> <img src="https://github.com/konstantinsteinmiller/zora/blob/master/src/assets/documentation/vue-logo.png" alt="vue-logo" width="60" /> </div>

you can try the current WIP version here: demo but first load is slow because of the big models (>40mb total)

expected features:

• 3D arena
• Character controller with First- and Third Person View
• Character can look behind
• AI with pathfinding and collision
• AI can detect enemy threat and hide behind obstacles to prevent getting hit
• Physics/Collision with rapier.js
• Spells and moving particle effects with three-nebula.js
• UI for health, mana, endurance and enemy health
• charging spell indicator
• Water
• CI/CD pipeline to deploy to develop and production version of the game on github pages.

charging a spell

loading screen artwork

finishing game

spell fight

spell fight - dying

spell fight - full fight

Meshes generated with meshy.ai - Music generated with Tem.Polor - Sounds generated with elevenLabs - Some Icons from Freepik.com