---
title: "Hex Ship"
url: "https://aigamehub.app/ja/games/hex-ship-32eede"
source: "https://github.com/RichardLaBrecque/hex_ship"
source_type: "github"
play_url: "https://richardlabrecque.github.io/hex_ship/"
platform: "both"
login_required: false
pricing: "free"
origin: "original"
ai_tools: ["Claude Code"]
game_languages: ["en"]
author: "RichardLaBrecque"
author_handle: "RichardLaBrecque"
category: "アクション"
categories: ["action", "adventure", "simulation"]
tags: ["canvas", "roguelike", "ship-building", "space", "trading", "vibe-coding"]
added: "2026-10-24T19:31:01.890Z"
updated: "2026-10-24T19:31:01.890Z"
locale: "ja"
content_locale: "ja"
---

# Hex Ship

ブラウザで遊べるローグライク。六角形パーツで船を組み立て、惑星間で貨物を運び、道中で襲撃者を撃退する。

## Description

ブラウザで遊ぶトップダウンの宇宙交易ローグライク。ステーションでは六角形パーツ（ブリッジ、エンジン、燃料タンク、乗員モジュール、貨物ベイ、装甲、シールド、レーザー、キャノン、ミサイルポッド）を購入して配置する。配置が重要になる。中心から外れたエンジンは船をねじってしまうからだ。その後、契約を請け、貨物を積み、乗員を雇い、燃料を買って、別の惑星へ飛ぶ。武器は自動で発砲する。配達をこなすと評判が上がり、より高報酬の契約が解放される。その契約はより大きな船を必要とし、より手強い敵を引き寄せる。スコアは出撃時の船の最高価値、売却した貨物、回収した賞金を追跡し、最高成績はハイスコアとして保存される。進行中のランはブラウザに保存される。デスクトップではキーボードとマウスを使用し、横向きに持ったスマートフォンとタブレット向けに専用のタッチレイアウトを用意している。TypeScript で HTML Canvas 上に構築され、Vite、Vitest、Web Audio API を使用し、GitHub Pages でホストされている。作者は、Claude Code で作った vibe-coding の練習プロジェクトだと説明している。

## Original post

Build a ship from hex parts, haul cargo between planets and fight raiders. A browser roguelike made as vibe-coding practice with Claude Code.

Topics: browser-game, canvas, claude-code, game, roguelike, typescript, vibe-coding, vite

# Hex Ship A top-down space trading game you play in the browser. Build a ship out of hex parts, haul cargo between two planets, and fight off raiders on the way. Each run is roguelike: lose your ship and the run is over. **Play it:** https://richardlabrecque.github.io/hex_ship/ > **This is a vibe-coding practice project.** I built it by pairing with an AI coding agent (Claude Code), one > playable milestone at a time. I set the design, the rules and the feel, and played each build. The agent wrote > most of the code. The point is to practise that way of working, so expect placeholder balance numbers and > some rough edges. ## How to play 1. **Build your ship at the station.** Buy hex parts and place them on the grid: bridge, engines, fuel tanks, crew modules, cargo bays, armor, shields, and laser, cannon or missile pods. A ship has to be spaceworthy before it can launch, and where you put the engines matters. Engines that sit off-centre twist the ship, and the shipyard shows how far. 2. **Take a contract.** Load cargo, hire crew and buy fuel. Heavier ships burn more fuel. 3. **Fly it to the other planet.** Your weapons fire on their own. Your job is to fly. 4. **Sell, repair, upgrade, repeat.** Each delivery raises your reputation. Reputation unlocks better-paying contracts, which need bigger ships, and bigger ships draw tougher enemies. Your score has three columns: peak ship value at launch, cargo sold, and bounties collected. Your best in each column is saved as a high score. A run in progress is saved in your browser, so you can close the tab and come back to it. ### Controls | Where | Input | Action | | -------- | ------------------------- | ------------------------------------- | | Station | Left-click | Buy and place a part / select a part | | Station | Right-click or `Del` | Sell a part | | Station | `1`–`8` | Pick a part to build | | Station | `R` / `Shift+R` | Rotate | | Station | `Esc` | Stop building / deselect | | Flight | `W` / `↑` | Thrust | | Flight | `S` / `↓` | Brake | | Flight | `A` `D` / `←` `→` | Turn | | Flight | `Esc` | Turn back | | Anywhere | `M` or the speaker button | Mute | **On a phone or tablet,** hold it sideways. The station has its own touch layout: the ship's grid on the left and tabs on the right. To build, tap a part in the Parts tab, then tap a hex to see the part there. Rotate it if you need to, then tap the hex again (or Place) to buy it. Tap a part on your ship to select it, rotate it or sell it. In flight, the buttons in the bottom corners turn, thrust and brake, and you can hold two at once. ## Tech stack - TypeScript with no game framework. It draws vector art on an HTML Canvas. - [Vite](https://vite.dev/) for the dev server and build. - [Vitest](https://vitest.dev/) for tests. - The Web Audio API for synthesised sound effects. There are no audio files. - GitHub Pages for hosting. Every push to `main` redeploys through [`.github/workflows/deploy.yml`](.github/workflows/deploy.yml). ## Running it locally