Phaser-SeaBattle

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #golang #android #machine-learning #rust #macos #java #awesome #cli #kubernetes #mcp #openai

Phaser-SeaBattle

(★ 17)

Sea Battle game using Phaser framework.

Phaser-SeaBattle Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Battleship Game

A user-friendly Battleship game built with Phaser 3.

## 🚀 Features

- Drag-and-drop ship placement
- Ship rotation
- Automatic ship placement
- Beautiful UI with glowing logo

## 🛠 Setup Instructions

Follow these steps to run the game locally:

### 1. Install dependencies

Make sure you have [Node.js](https://nodejs.org/) installed, then run:

```bash
npm install
```

### 2. Run the development server

```bash
npm run dev
```

The game will be available at `http://localhost:3000`.

### 3. Build for production

To create a production-ready version of the game:

```bash
npm run build
```

## 🕹️ How to Play

1. **Place Your Ships:**
   - Drag ships from the side to the grid.
   - Use the **Rotate** button to change the orientation of the selected ship.
   - Use **Auto Place** to randomly position all ships.
   - Use **Shuffle** to reposition already placed ships.

2. **Highlighting:**
   - Clicking a ship will highlight it.
   - Clicking elsewhere will deselect the highlighted ship.

3. **Starting the Game:**
   - After all ships are placed, click **Continue**.

4. **Navigation:**
   - **Play:** Starts the ship placement scene.
   - **Exit:** Closes the game (browser-dependent).

## 📁 Folder Structure

```
/public/assets
  - All images and sprite assets
/src
  - Main game scenes and logic
  - ShipPlacementScene.js
  - MainMenuScene.js
```

Phaser-SeaBattle

Phaser-SeaBattle Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Phaser-SeaBattle

Phaser-SeaBattle Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README