← FC Coder · HomePhase 04 · Lesson 49 · 60 min
Lesson49
Phase Four · Game · Matchday 49 · Your Squad Plays

关卡 1
用 Phase 2 你的 11 人

Today's 3 Jobs · 今天这三件事
  1. 01
    读 localStorage fc-coder:squad
    Phase 2 链接
  2. 02
    11 人在场 · 数字键 1-9 切控制
    active idx
  3. 03
    🌟 化学度成速度加成
    玩法 + 数据

Phase 2 阵容在 localStorage —— Phase 4 直接读。11 人在场 · 数字键切换控制 · 化学度成速度加成(150 化学 = 1.5x)。玩法 = 数据 = 努力都连起来。

Concept

跨 Phase 数据 + 化学度玩法

连接
// Phase 2 努力 = Phase 4 加成
数据
useLocalStorage('fc-coder:squad', [])
切换
数字键 1-9 → activeIdx
速度
base × (rating/80) × (chem/100)
Half 2

data · switch · speed · pass

01连接 squad 数据
01Min

Cursor + pnpm dev

老三件套。
02Min

useLocalStorage<Player[]>('fc-coder:squad', [])

读 Phase 2 阵容。
03Min

渲染 11 张卡 · 各自起始位置

网格摆开。
02数字键切换
04Min

useState<number>(0) activeIdx · 数字键切换

e.key 1-9 → setActiveIdx。
05Min

Arrow 只移动 active 球员

其他静止。
03速度公式 + AI 传球
06Min

速度公式 base × (rating/80) × (chemistry/100)

import calculateChemistry from '@/lib/chemistry'。
07Min

AI Pair: Q 键传球(球去最近队友)

Cmd+K · 'find nearest non-active player · animate ball to him'。
08Min

📸 截图 11 人在场 + 化学度数字

Phase 4 第 9 张战利品。
讲给爸爸听

3 题

01跨 Phase 数据怎么连?Hint ↓

localStorage 一处 · 多 Phase 读。

02化学度成加成 = 设计选择?Hint ↓

是 · 玩法绑数据 · 让 Phase 2 努力有意义。

03数字键切球员 — 几号最爱?Hint ↓

听他说。哈兰德 9 号!

温度计

评分

今天难度Difficulty
0
今天开心Fun
0
Final Whistle · 终场哨

你阵容真上场 —— 化学度有意义了。

8 步没打勾。