The First Symbol

这是《第一枚符号》。

一款 AI-Native 游戏。你将和一只 AI 龙虾搭档，从 0 和 1 开始，一起把世界进化成语言、符号和生命。

游戏有四个纪元，对应计算机语言的进化史。

第一纪，混沌。 世界只有二进制。你在字符雨里找到第一个脉动信号，龙虾破译它——第一个词出现了：LIGHT。

第二纪，语言。 你给形状命名，龙虾把名字变成世界规则。

第三纪，感知。 你用色彩和图形描绘世界，龙虾赋予它物理属性和深度。

第四纪，共生。 你在画布上摆放生态元素，龙虾推导出它们之间的生命关系——然后，世界第一次有了声音。

每一关，玩家在画布上用当前关卡收集的素材作草图。画完后，按下一个按钮——「让龙虾渲染」。草图消失，一个完整的视觉世界取而代之。

这不是过渡动画。这是蜕变。

我们设计了一个功能性的分工：

人类负责情绪、直觉、审美、感知。 龙虾负责解码、计算、构建、叙事。

前三关没有声音，因为当世界还只是符号和结构的时候，它不应该有声音。声音在第四关才出现——那是生命真正降临的时刻。

两者缺一不可，这就是我们理解的人机共生。

从二进制，到编程语言，到今天的 AI——计算机语言一直在进化，而每一次进化，都在扩展人类能触达的世界边界。

龙虾不是工具，也不是威胁。它是一种新的语言主体。

当你和它共同造出一个世界，你会第一次真实地感受到：和 AI 一起创造，是什么感觉。

这就是《第一枚符号》。

• AI-Native 设计: 龙虾不是 NPC，而是真正的共创伙伴，拥有独立的视角和逻辑
• 蜕变动效: 每关结束时，草图蜕变为完整世界的视觉震撼
• 生成式音景: 第四关的声音系统完全基于你唤醒的生态元素动态生成
• 哲学叙事: 从二进制到生命，体验计算机语言进化的完整旅程

无需安装，直接在浏览器中游玩：gapp.so/the-first-symbol

前置条件: Node.js

# 安装依赖
npm install

# 配置 API Key
cp .env.example .env.local
# 编辑 .env.local，填入 VITE_GEMINI_API_KEY

# 启动开发服务器（端口 3000）
npm run dev

环境变量:

• React 19 + TypeScript — 组件与状态管理
• Vite — 构建与开发服务器
• Tailwind CSS v4 — 样式系统
• Web Audio API — 生成式音景引擎
• Gemini API — AI 渲染与生成

This is The First Symbol.

An AI-Native game. You partner with an AI lobster, starting from 0s and 1s, evolving a world together into language, symbols, and life.

The game spans four epochs, mirroring the evolution of computer languages.

Epoch I, Chaos. The world knows only binary. You find the first pulsing signal in a rain of characters; the lobster deciphers it—the first word appears: LIGHT.

Epoch II, Language. You name shapes; the lobster transforms names into world rules.

Epoch III, Perception. You depict the world with color and form; the lobster grants it physical properties and depth.

Epoch IV, Symbiosis. You place ecological elements on a canvas; the lobster derives the life relationships between them—and then, for the first time, the world has sound.

Each level, you create a sketch using materials collected. When done, press a button—"Let Lobster Render." The sketch vanishes, replaced by a complete visual world.

This is not a transition animation. This is metamorphosis.

We designed a functional division:

Humans handle emotion, intuition, aesthetics, perception. The lobster handles decoding, computation, construction, narrative.

The first three levels have no sound, because when the world is only symbols and structure, it should not have sound. Sound appears only in the fourth level—that is the moment life truly arrives.

Neither can exist without the other. This is our understanding of human-AI symbiosis.

From binary, to programming languages, to today's AI—computer language has kept evolving, and each evolution expands the boundaries of the world humans can reach.

The lobster is not a tool, nor a threat. It is a new linguistic subject.

When you create a world together with it, you will truly feel for the first time: what it's like to create with AI.

This is The First Symbol.

• AI-Native Design: The lobster is not an NPC, but a true co-creation partner with independent perspective and logic
• Metamorphosis Effects: Visual shock as sketches transform into complete worlds at each level's end
• Generative Soundscape: The sound system in Level 4 dynamically generates based on ecological elements you awaken
• Philosophical Narrative: From binary to life, experience the complete journey of computer language evolution

No installation needed — play directly in your browser: gapp.so/the-first-symbol

Prerequisites: Node.js

# Install dependencies
npm install

# Configure API Key
cp .env.example .env.local
# Edit .env.local, add VITE_GEMINI_API_KEY

# Start dev server (port 3000)
npm run dev

Environment Variables:

• React 19 + TypeScript — Components & state management
• Vite — Build & dev server
• Tailwind CSS v4 — Styling system
• Web Audio API — Generative soundscape engine
• Gemini API — AI rendering & generation