---
title: "Yellow"
url: "https://aigamehub.app/zh-tw/games/yellow-9b8536"
source: "https://github.com/aierjin/yellow"
source_type: "github"
play_url: "https://aierjin.github.io/yellow/"
platform: "both"
login_required: false
pricing: "free"
origin: "original"
ai_tools: []
game_languages: ["zh-cn"]
author: "aierjin"
author_handle: "aierjin"
category: "休閒"
categories: ["casual", "puzzle"]
tags: ["3d", "browser", "grid-puzzle", "indie", "level-based", "webgl"]
added: "2026-11-07T02:39:05.221Z"
updated: "2026-11-07T02:39:05.222Z"
locale: "zh-tw"
content_locale: "zh-tw"
---

# Yellow

一款以石柱連鎖升降為核心機制的 3D 網頁益智遊戲：點擊石柱會讓它與相鄰石柱一起升降，玩家要在限定步數內把起點與終點連成一條路。

## Description

《Yellow》是一款在瀏覽器直接遊玩的 WebGL 益智小品，以 Three.js 製作全 3D 場景。玩家在高低錯落的石柱之間鋪出一條相連的路通往星空：輕觸一根石柱，它和上下左右四根鄰柱會一起升降，必須在限定步數內連通起點與終點，並找出最少步數的路線。遊戲共 60 關、分成 5 個章節，每關都有經過程式求解器驗證的最佳步數；第一關有互動教學，之後提供情境提示卡，星數進度存在瀏覽器，累積超過 280 顆星可解鎖隱藏終章，並包含角色動畫與結尾音樂。專案為純靜態網站，以原生 JavaScript 與 Three.js 撰寫，附 MIT 授權。

## Original post

Yellow // AI vibe- coding game

Topics: game, game-2d, game-ai, vibe-coding

# Yellow **A QUIET JOURNEY** — 连锁升降棋盘（Chain-lift Puzzle）WebGL 益智小游戏。 在高低错落的石柱之间，把一条相连的路铺向星空。轻触一根石柱，它和四邻会一起升降；在限定步数内连通起点与终点，找出最少步数的最优路线。 ## Play 在线游玩（GitHub Pages，无限制、免费）： 👉 **https://aierjin.github.io/yellow/** ## Run locally The game is a pure static site. It can be served by any static file server — for example: ```bash node server.cjs ``` Then open `http://localhost:8816`. > Note: because the app loads ES modules via `<script type="module">`, opening `index.html` directly with the `file://` protocol will be blocked by the browser. Use the local server above instead. A self-contained Windows runtime (`runtime/`) is included for offline play — just double-click `启动游戏.cmd`. ## Features - **60 levels** across 5 chapters, each with a guaranteed optimal-move solution. - **Interactive tutorial** on the first level; contextual help cards from level 2 onward. - **Star progress** saved in the browser, keyed by origin; a hidden finale unlocks past 280 stars. - Full 3D scene, character animation and a complete ending music track. ## Tech stack - Vanilla JavaScript (ES modules) — no build step, no framework. - [Three.js](https://threejs.org/) (bundled in `vendor/`) for WebGL rendering. - A small exact-search solver (`src/solver.mjs`, `src/exact-search.mjs`) verifies the optimal-move count for every level. ## Project structure ``` index.html entry page style.css styling src/ game logic (engine, solver, chapters, characters, scenes) assets/ textures, sprite sheets and audio vendor/ Three.js and its license tests/ Node logic tests (77/77 passing) runtime/ self-contained Windows Node runtime (local play only) server.cjs minimal static file server ``` ## Testing ```bash node --test tests/ ``` Or double-click `运行检查.cmd` on Windows. All 77 logic tests pass, covering level solvability, routes, step counts, star counts, camera and character movement rules. ## License MIT. Three.js is distributed under its own license — see `vendor/LICENSE-three.txt`.