---
title: "Yellow"
url: "https://aigamehub.app/ja/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: "ja"
content_locale: "ja"
---

# 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`.