The Ludo Galaxy project showcases the classic board game of Ludo, enriched with strategic elements and delightful features. This interactive game can be enjoyed by two to four players, maintaining all the standard rules of Ludo while introducing extra layers of fun and engagement.
- Eight Player Stands: The game model includes eight distinct stands for players.
- Dynamic Grid Yard Colors: When a player rolls the die, the color of their grid yard will light up, creating a visual cue.
- Bold Tokens: As the player advances, the corresponding tokens on the board will become bold, prompting the player to make their next move with clarity.
- Player Rotation: The current player remains active until they have rolled the die and placed their token. If a move cannot be made, the next player’s turn begins seamlessly.
- Adjustable Lighting: The intensity and angles of the light source can be customized to suit the player's preferences, enhancing the overall visual experience.
- Camera Control: Enjoy 360° views of the board with smooth camera rotation, controlled via keyboard or mouse.
Play Now: Ludo Galaxy
There is a minor glitch in the current model:
- Token Overlap: When two tokens occupy the same stand, it might be difficult to distinguish between them due to an overlap issue. Rest assured, this will be addressed in a future update.
Languages: HTML, CSS, JavaScript
Server: Node.js
Libraries: Three.js
API: WebGL
- Install Dependencies: Open the project in VSCode -> Open command line -> Type:
npm install
- Install Parcel: Type:
npm install parcel -g
- Install Dat.GUI: Type:
npm install dat.gui
- Run Parcel: Type:
npm parcel ./src/index.html
- Then, Ctrl + left-click on the generated address, or open your browser and navigate to http://localhost:1234.
- Initialize Project: Open VSCode -> Open command line -> Type:
npm init -y
- Install Parcel: Type:
npm install parcel -g
- Install Three.js: Type:
npm install three
- Install Dat.GUI: Type:
npm install dat.gui
- Run Parcel: Type:
npm parcel ./src/index.html
- Then, Ctrl + left-click on the generated address, or open your browser and navigate to http://localhost:1234.