Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
47 commits
Select commit Hold shift + click to select a range
738e71d
feat: add Qwen Code landing page project
joeytoday Apr 1, 2026
a39c881
docs: add Think Different animated poster design spec
joeytoday Apr 1, 2026
b406ee0
docs: add full text content to Think Different poster spec
joeytoday Apr 1, 2026
e7c45c9
scaffold: add HTML + p5.js instance mode for Think Different poster
joeytoday Apr 1, 2026
15fde30
fix: add transitionTo helper and clarify font loading safety (code re…
joeytoday Apr 1, 2026
ced4e53
feat: add parchment background and text layout calculation (Task 2)
joeytoday Apr 1, 2026
22a2f13
perf: pre-render parchment background, fix font loading safety (code …
joeytoday Apr 1, 2026
c88d1ab
feat: implement typewriter animation + pause state (Task 3)
joeytoday Apr 1, 2026
935ea10
feat: implement O cascade with balloon physics + wavy trails (Task 4)
joeytoday Apr 1, 2026
87c2189
feat: implement closing fade phase (Task 5)
joeytoday Apr 1, 2026
b041f65
polish: responsive scaling, pixel density cap, font loading safety (T…
joeytoday Apr 1, 2026
b7122dd
docs: add README and move letter-flying to 3.6plus-demo with spring p…
joeytoday Apr 1, 2026
2cb4322
feat: add letter-flying animated poster demo with spring physics
joeytoday Apr 1, 2026
a1fa768
feat: reorganize demos and add sticky-printer app
joeytoday Apr 1, 2026
37c5575
docs: add particle art interactive design spec
joeytoday Apr 1, 2026
be58588
docs: add particle art implementation plan
joeytoday Apr 1, 2026
702c5ed
chore: ignore .worktrees directory
joeytoday Apr 1, 2026
1dac734
fix: correct index.css and main.tsx content
joeytoday Apr 1, 2026
60d5a42
docs: add cyberpunk city flight game design spec
joeytoday Apr 1, 2026
a7f1b7d
chore: add .worktrees to gitignore
joeytoday Apr 1, 2026
c7653eb
feat: add HTML base structure with UI layer
joeytoday Apr 1, 2026
87736f0
feat: add SceneManager with lighting and fog
joeytoday Apr 1, 2026
6fcd86d
feat: add CityGenerator with procedural buildings
joeytoday Apr 1, 2026
8cc9feb
feat: add PlayerController with keyboard controls and game loop
joeytoday Apr 1, 2026
55bac44
feat: add CollectibleManager with energy orbs
joeytoday Apr 1, 2026
f5fed2e
docs: add README with game documentation
joeytoday Apr 1, 2026
2eaff07
feat: complete cyberpunk city flight game implementation
joeytoday Apr 1, 2026
0592799
Merge feature/cyberpunk-city-game: add cyberpunk city flight game
joeytoday Apr 1, 2026
657a919
refactor: rebuild cyberpunk city game with p5.js for better reliabili…
joeytoday Apr 1, 2026
b919130
feat: create city-running project from cyble-city
joeytoday Apr 3, 2026
c150063
fix: add minimap-canvas element to prevent runtime error
joeytoday Apr 3, 2026
9a17923
refactor: clean up game.js and keep reusable code for city running
joeytoday Apr 3, 2026
f7ef3a2
refactor: remove drift-indicator残留代码
joeytoday Apr 3, 2026
96db3e0
fix: resolve P0/P1 issues - updateAnim call, remove unused OrbitContr…
joeytoday Apr 3, 2026
95f2bce
feat: implement road network for city running
joeytoday Apr 3, 2026
b782279
perf: reuse geometries in createRoadNetwork loop
joeytoday Apr 3, 2026
9626db5
feat: implement city building layout and street furniture
joeytoday Apr 3, 2026
b79c575
fix: increase park trees from 9 to 12
joeytoday Apr 3, 2026
c661a9f
feat: implement player running controller
joeytoday Apr 3, 2026
6758ff6
fix: resolve P1 issues - anim logic, animation name fallback, reset c…
joeytoday Apr 3, 2026
acfac66
feat: implement third-person chase camera with 3 modes
joeytoday Apr 3, 2026
5c7055a
feat: implement collectible system with scoring and effects
joeytoday Apr 3, 2026
e10bb41
feat: implement HUD updates for score, speed, and jump hint
joeytoday Apr 3, 2026
8525a4b
polish: optimize performance, visuals, and game feel
joeytoday Apr 3, 2026
e8a4da5
docs: update README and finalize project
joeytoday Apr 3, 2026
940bcd6
fix: add debug logs and initialize camera target on model load
joeytoday Apr 3, 2026
76863ad
feat: add interactive-particle demo and clean up stale projects
joeytoday Apr 8, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
334 changes: 334 additions & 0 deletions apps/qwen-code-landing/index.html

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions demo-3.6plus/city-running/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.DS_Store
*.log
node_modules/
122 changes: 122 additions & 0 deletions demo-3.6plus/city-running/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
# City Running - 城市跑步游戏 🏃‍♂️

第三人称城市跑步游戏,使用 Three.js 构建。玩家在城市街道上自动奔跑,控制左右移动和跳跃,收集能量物品。

![City Running Screenshot](screenshot.png)

## 🎮 玩法

人物在城市街道上自动奔跑,玩家控制左右移动和跳跃,收集能量物品。跑完一圈会回到起点并获得奖励分数。

## 🎯 控制

| 按键 | 功能 |
|------|------|
| **A / ←** | 向左移动 |
| **D / →** | 向右移动 |
| **SPACE / ↑** | 跳跃 |
| **R** | 重置位置和分数 |
| **C** | 切换相机视角 |

## 🌟 特性

- **自动跑步系统**: 人物自动前进,玩家专注于左右移动和跳跃
- **三种相机视角**: 追尾视角、侧视角、俯视视角,按 C 键切换
- **收集物系统**: 金色能量球 (+10 分) 和蓝色能量球 (+50 分,需要跳跃获取)
- **城市循环**: 跑完一圈回到起点,获得 +100 分奖励
- **丰富城市场景**: 30+ 栋建筑、街道家具、停放车辆、中心公园
- **流畅动画**: 人物跑步动画、收集物旋转浮动动画
- **HUD 界面**: 实时显示分数、速度、跳跃提示、圈数

## 🏗️ 技术栈

- **Three.js r163**: 3D 渲染引擎
- **GLTFLoader + DRACOLoader**: 加载 Soldier 模型(带 Draco 压缩)
- **JavaScript 单文件**: 所有游戏逻辑在 game.js 中
- **零依赖**: 无需 npm install,直接浏览器运行

## 🚀 运行

### 方法 1: VS Code Live Server(推荐)

```bash
# 安装 Live Server 扩展
code --install-extension ritwickdey.LiveServer

# 右键 index.html -> Open with Live Server
```

### 方法 2: Python 本地服务器

```bash
cd city-running
python3 -m http.server 8000
# 打开 http://localhost:8000
```

### 方法 3: Node.js http-server

```bash
npx http-server city-running -p 8000
# 打开 http://localhost:8000
```

## 📐 技术细节

### 游戏参数
- **城市大小**: 400x400 单位
- **主干道宽度**: 20 单位
- **横向街道**: 3 条 (Z = -100, 0, 100)
- **建筑数量**: ~36 栋(10 种类型)
- **收集物**: ~30 个(金色 + 蓝色)

### 物理参数
- **前进速度**: 5.0 m/s (18 km/h)
- **横向速度**: 4.0 m/s
- **跳跃高度**: 2.5 米
- **重力**: 9.8 m/s²

### 性能
- **目标 FPS**: 60
- **阴影**: PCFSoftShadowMap, 2048x2048
- **雾效**: 100-400 单位范围

## 🎨 视觉风格

Tile Pack City 3 低多边形鲜艳色彩风格:
- 明亮的建筑颜色(红、蓝、橙、绿、黄)
- 灰色道路和人行道
- 绿色中心公园
- 发光能量球收集物

## 📝 开发日志

### Task 完成情况

- [x] Task 1: 复制项目并清理基础代码
- [x] Task 2: 清理 game.js 并保留复用代码
- [x] Task 3: 实现城市道路网络
- [x] Task 4: 实现城市建筑布置
- [x] Task 5: 实现人物跑步控制
- [x] Task 6: 实现相机系统
- [x] Task 7: 实现收集物系统
- [x] Task 8: 实现 HUD 和界面
- [x] Task 9: 优化和打磨
- [x] Task 10: 最终测试和文档更新

## ⚠️ 已知问题和限制

1. **需要网络连接**: Soldier 模型从 threejs.org CDN 加载,需要网络
2. **桌面端专用**: 仅支持键盘控制,无触屏支持
3. **单向跑步**: 人物只能向前跑,不能后退或侧跑
4. **收集物不重生**: 收集后不再出现

## 📄 许可证

MIT License

## 🙏 致谢

- Three.js 团队 - 3D 引擎
- Soldier 模型作者 - 人物模型
- Tile Pack City 3 作者 - 建筑灵感
Loading