ROBOT LOBBY UI · SCREENS v3.3
VYIN AI · ROBOT LOBBY UI · CENTER SCREENS 1280×800

四個 Mode 的 Center 畫面

每張畫面都只用 index.html 定義的 token、元件與版型拼成,沒有任何一張有自己的 CSS。 所以這一頁同時是畫面規格,也是元件庫的驗收。素材、QR、時間都是佔位。 每張標頭旁的 FULL / AMBIENT / FOCUS 是介面層級,規則見 Foundations 00。 38 張畫面:四個 Mode 27 張(Photo 10、Attraction 11、Welcome 3、Exit 3)、例外狀態 11 張、四螢幕矩陣 4 組;流程依 milo 2026-10-01「情境事件規格」(v2.1)。Kebbi 表情只有觸發對照表(頁尾),視覺待實機 SDK 確認。

Photo · 拍照 規格情境一「攝影師+對話」:整段不超過 180 秒;倒數、預覽、給 QR 三段不可中斷。待命 → 啟動與確認意圖 → 取像告知 → 站位 → 倒數 → 快門 → 拍好了 → 拍立得 → 預覽 + QR(含預售票、特餐)→ 謝謝卡。
P01IdleMIC · FULLFULL
規格(milo 2026-10-01):待命不主動說話,有人注視(sense.gaze ≥ 3s)才說一句「要不要跟主視覺牆拍一張?」,同一組只說一次。停留 ≥ 2 秒、揮手或說「可以幫我拍嗎」→ P01b。橫式海報滿版 + 左遮罩(同 A02),大標招呼語 96px/900,底部獨立 CTA 按鈕。設計師 2026-10-01 定案方案 B:拿掉 pill,改為獨立按鈕 + 語音提示。
可以跟我說話
9月29日 週二20:16
要不要跟主視覺牆
拍一張?
也可以直接說「可以幫我拍嗎」 一起拍一張
--cover + .kv-btn--lg · 說「幫我拍照」或按 CTA → P02
P01b啟動與確認意圖MIC · FULLFULLv2.1 新增
法務 2026-10-14 回覆:取像告知只用一行小字即可、不需要同意按鈕,CTA 維持「一起拍一張」。規格「啟動與確認意圖」:「嗨!要拍照,還是想問電影的事?」設計師 2026-10-06:同 P01 的 cover + 輪播;「問電影」是發想型 → chips 三句,「拍照」是決策 → 動作列只有一顆時置中(.kv-actions--single,設計師 2026-10-06 新增規則;不放說話提示,P01 才有);規格的場次卡移到問場次後的 A05(C17)。拍照 → P01c 取像告知;問電影 → 轉 Attraction A02,結束回 P01;30 秒無回應 → P01。
可以跟我說話
9月29日 週二20:16
嗨!要拍照,
還是想問電影的事?
今天有什麼場次?有特餐嗎?可以看預告嗎?
一起拍一張
點擊拍照即同意:照片僅用於本次活動,24 小時後自動刪除
--cover + 輪播 + .kv-chips + .kv-btn--hero + .kv-hint(同意提示,P01c 已合併)· CTA 或「幫我拍照」→ P02;chips → A03 / A05;30s → P01
P02PositionMIC · CMDFOCUS
規格「人數與站位」:人數取自 sense.group;設計師 2026-10-14 裁定口白不對人數(偵測準確率未知,對錯一次就破功,對了也沒有行為差別);「說「等一下」可以暫停」一進拍照模式就跟取景框一起出現(2026-10-13 從 P03 搬來);站好時框變色(選配);站位就緒或 10 秒 → P03。鏡頭預覽 + 固定的取景框(MVP)。人數、距離、左右這類提示是「概念」,要等工程確認。Focus 層級:不放 logo、收音、時間、電影 logo。
LIVE CAMERA PREVIEW
請站到牆前面,靠近一點,
我會等大家都進框。
說「等一下」可以暫停
--media --camera · 站定 → P03;「等一下」暫停、「重來」回 P02
P03Countdown 3 · 2 · 1MIC · CMDFOCUS
規格:全畫面倒數 3-2-1,配倒數嗶聲、快門聲、白閃;口令由 Brain 說、畫面由 App 演,以 tts.end 對齊。數字放在螢幕正中央,Kebbi 同步顯示倒數。拍照流程不放 logo 與狀態 chip,字幕佔頂列位置,取景框回到畫面正中。
LIVE CAMERA PREVIEW
3
看鏡頭!
--media --camera + .kv-camera__digit · 3 → 2 → 1 → P04(倒數中不可中斷;「等一下」的提示在 P02,設計師 2026-10-13:倒數時人在看鏡頭不看螢幕)
P04CaptureMIC · OFFFOCUS
白色閃光約 450ms 當作快門回饋,配快門音。
LIVE CAMERA PREVIEW
--media --camera + .kv-flash(實機用動畫版 450ms 淡出)→ P05
P05SuccessMIC · OFFFOCUS
定格照片 0.9 秒並顯示「拍好了!」,接著進 P05b 拍立得(v1.8 前是 1.6 秒直接進 Review)。取景框消失,只留 campaign 環;仍是 Focus 層級,Review 才回到完整層級。
PHOTO · FREEZE
拍好了!
--media --camera(無取景框)· 0.9s → P05b 拍立得
P05bPolaroid · 拍立得MIC · OFFFOCUS
拍好的那張像拍立得一樣從底部吐出來(900ms),照片 2.4 秒從黑慢慢顯影;底圖是定格畫面壓暗。Kebbi 星星眼 1 秒回 happy。顯影完接 P06,相紙上的照片直接飛到 P06 的照片格(同一張、同一個動作),所以三頁是連續的。相紙後面常駐一層比莉的火花(.kv-embers--loop,z 3 在相紙下),增加成就感(設計師 2026-10-06 加)。設計師 2026-10-05 定案,相紙寬 820;2026-10-06 換成官網活動頁 C01 的深色相紙(材質、月相、規格字樣、曝光列照搬,照片 16:9)。
PHOTO · FREEZE(壓暗)
PHOTO 16:9 · 顯影中
--media --camera + .kv-art--dim + .kv-polaroid(吐出 900ms、顯影 2.4s)· 3.6s → P06(--arrive:照片 FLIP 飛到格子、QR 滑入、頂列淡入)
P06Review + QRMIC · FULLFULL
設計師 2026-10-06:規格的「預覽與重拍」與「給 QR」合成這一張;兩顆鈕不採用、重拍靠語音(最多 2 次);預售票和特餐組合放進 AI 句與 QR 標題,不另開畫面。停留 20 秒或掃碼 → P09;事件 photo.accept / qr.show 在 AI 說完時發。照片 + QR,不顯示倒數。不放「再拍一次」按鈕,底部一行提示可以說「再拍一次」。系統不知道有沒有人掃描,AI 問完延伸問題後 10 秒沒人回應就回到 Idle。法務 2026-10-14:這頁也放一行取像告知小字(同 P01b),放最底下置中的一小條,不進 QR 卡也不進照片卡;不需要同意按鈕。2026-10-14 三個變體(同版型只換句子):第二張拍完 AI 句改「這是最後一張囉,掃 QR 領取照片。」且 QR 下的再拍提示收掉;沒掃碼 20s 直接收尾、前 5s 說「照片我先放在 QR 裡,隨時可以掃。」不出倒數、不走 E04;拍照中遇到 A09 的倒數到這張才出現。
SAFE AREA · y 296 · 1152×432
可以跟我說話
9月29日 週二20:16
拍好了!掃 QR 領取照片,
裡面還有預售票和特餐組合。
掃 QR 領取照片
想重拍,說「再拍一次」
照片僅用於本次活動,24 小時後自動刪除
--dialog --no-pill(AI 2 行)+ .kv-polaroid--review + QR 卡內 .kv-hint + 置底 .kv-hint--legal · 掃碼或 20s → P09;「再拍一次」→ P03
P09收尾 · 謝謝卡MIC · OFFAMBIENTv2.1 新增
規格「收尾」:「謝謝,祝觀影愉快!」謝謝卡 2 秒 → 待機版(P01)。有下一組就留在拍攝點直接進 P01b,否則回待命點。
暫停收音
謝謝,祝觀影愉快!
--standby + .kv-art(去字門版)+ 置中 .kv-hero · 2s → P01
Attraction · 巡迴宣傳 規格情境二「定點對話」+情境三「巡邏」:移動中只播官方素材不接話,到站轉定點對話,單次最長 300 秒,結論一律落到 QR。Moving → 啟動 → 聆聽 → 思考 → 回答(場次 / 特餐 / 預告,QR 同頁)→ 謝謝卡;3 次聽不懂 → 只留觸控選單;切換前 3 分鐘頂列倒數(A09)。
A01MovingMIC · OFFAMBIENT
規格「移動播送」:不接話、移動提示音低音量每 30 秒;畫面固定標示「官方視覺」、底部小字「詳情資訊」(文案待定)。沿 A → B → C 巡迴,這時不接受互動。整張海報滿版、不壓遮罩、不疊我們的片名(海報自帶);只留頂列與右上的下一站。有人叫它時只用 Toast 與 Kebbi 回應。
暫停收音
官方視覺詳情資訊
移動中 · 前往 B 點
--cover --no-scrim + .kv-route · 到站 → A02
A02Stop IdleMIC · FULLFULL
規格「啟動」:「想看《歡迎光臨魔法秘境》嗎?我可以幫你查場次。」觸控選單三項:場次/特餐/看預告。待命(啟動前)是本檔資訊輪播:海報 → 場次條 → 特餐卡 + 「問我場次」提示,用 cover 輪播帶。單次最長 300 秒。到站後以主視覺當封面:左側疊上邀請句和三個例句,不做成首頁或選單。
可以跟我說話
9月29日 週二20:16
想看《歡迎光臨魔法秘境》嗎?
我可以幫你查場次。
今天有什麼場次?有特餐嗎?可以看預告嗎?
直接說話就可以
--cover · 有人面向機器人說話 → A03
A02tStop Idle · 觸控版待命MIC · OFFTOUCHFULL2026-10-14 新增
連續 3 組都退到觸控(規則 touch.lock)→ 待命直接換這張 10 分鐘再試語音。跟 A02 只差三處:收音 chip「暫停收音」、對話框拿掉、三個 chips 從左欄搬到底部那格;第二行提示改「點下面的,我幫你查。」左欄空了,主視覺整張露出來。設計師 2026-10-14 定。
暫停收音
9月29日 週二20:16
想看《歡迎光臨魔法秘境》嗎?
點下面的,我幫你查。
今天有什麼場次?有特餐嗎?可以看預告嗎?
--cover --touch · 點 chip → A05 系列(觸控版型)· 10 分鐘後回 A02
A03ListeningMIC · FULLFULL
背景保留 A02 畫面、加一層 62% 遮罩;對話框亮起,逐字稿即時出字。
可以跟我說話
9月29日 週二20:16
想知道《歡迎光臨魔法秘境》嗎?
可以問我場次、預告或優惠。
今天有什麼場次?可以看預告嗎?有優惠嗎?
今天有什麼場次
--cover + .kv-dim + .kv-pill--listening · 說完 → A04
A04ThinkingMIC · FULLFULL
使用者剛說完,所以對話框收起;AI 的位置顯示思考中。對話畫面的底(2026-10-14 定):首頁輪播進對話那一刻的那張凍住、壓暗 + 模糊(--dialog 裡放 .kv-art 自動套),回首頁才繼續輪播;不再是 Neutral 950 純底。
可以跟我說話
9月29日 週二20:16
Vyin 正在思考
--dialog + .kv-status--in-ai(放在回答會出現的位置)· 延遲 > 1.5s 才顯示(設計師 2026-10-14:不刻意出,超過門檻才出;再超過 8s → E05)· 回答到 → A05
A05回答 · 場次MIC · FULLFULL
規格「回答」依意圖換卡:showtime → 最近場次卡(威秀場次 API);他片 → 同一張卡只有片名與場次;info / trailer → A06。設計師 2026-10-06:規格的「給 QR」階段合進回答頁,TTS 說完 QR 在右側亮起、qr.show(promo) 那時發、20 秒停留照算(已留言問 milo 對狀態機有無影響)。繼續問且未滿 300 秒就留在回答;掃碼或逾時 → A07。2026-10-14:辨識信心低不確認、直接用最可能的解讀回答並把解讀放進答句(猜錯由 E02 打斷糾正);觸控模式(A08 之後)用 --touch --three-line 版型,第三行提示「還想問什麼,點下面的。」;單次 300s 到了說「我們聊了一陣子了,東西都在這個 QR 裡,先掃起來吧。」→ A07。
可以跟我說話
9月29日 週二20:16
19:10 這場還有位子,21:30 也還有。
票和特餐組合我用 QR 給你。
歡迎光臨魔法秘境最近場次
16:403 廳
19:10IMAX 廳
21:307 廳
購票 · 特餐組合
還想知道什麼,直接問我
--dialog + .kv-showtimes + .kv-qr--active(TTS 說完才亮)· 再問 → A03;掃碼或 20s → A07
A05c回答 · 特餐(問特餐 / 優惠時,與 A05 二擇一)MIC · FULLFULLv2.1 新增
規格 combo 意圖:「今天有本檔特餐組合,券在 QR 裡。」特餐卡(威秀特餐清單)+ QR。不是 A05 的下一步:A05 是問場次的回答、A05c 是問特餐 / 優惠的回答,依意圖二擇一,都可以再問或走到 A07。
可以跟我說話
9月29日 週二20:16
今天有本檔特餐組合,券在 QR 裡。
本檔特餐組合魔法秘境套餐爆米花 + 飲料 · 券在 QR 裡
購票 · 特餐組合
還想知道什麼,直接問我
--dialog + .kv-card(特餐)+ .kv-qr--active · 掃碼或 20s → A07
A06TrailerMIC · OFFAMBIENT
問「可以看預告嗎?」時全螢幕播放。AI 字幕停 3 秒後 400ms 淡出,讓人專心看片(捲到這張會重播一次);播完接到有官方內容 QR 的回答畫面。預告中暫停收音(設計師 2026-10-13:不然太容易被打斷),頂列 chip「暫停收音」常駐;觀眾講話畫面不回應、暫停與停止只留觸控;人離開 5 秒淡出回待命(2026-10-14 裁定)。
TRAILER · FULL-BLEED
暫停收音
我放一段預告給你看。
歡迎光臨魔法秘境 · 正式預告
--media --scrim-tall + .kv-transcript--fade(3s 後淡出)+ .kv-media-bar + .kv-media-controls(結束預告按鈕)+ .kv-media-pause(觸控暫停覆蓋層,含 Grow 播放鈕)+ .kv-media-progress DERIVED · Side F/B 同步播 .kv-side-trailer;播完 → A05(官方內容 QR);點擊畫面 → 暫停覆蓋;開口 → 暫停 + dim + 聆聽框
Side FA06 預告同步播放
A06 Trailer 時 Side F 同步播放預告。直式螢幕裡 16:9 影片垂直置中,下方片名與進度條。不可觸控,暫停/停止跟著 Center 走。
TRAILER · 16:9
歡迎光臨魔法秘境
正式預告
.kv-side-trailer · 純預覽,暫停覆蓋層跟 Center 同步
Side BA06 預告同步播放
A06 Trailer 時 Side B 同步播放預告。直式螢幕裡 16:9 影片垂直置中,下方片名與進度條。不可觸控,暫停/停止跟著 Center 走。
TRAILER · 16:9
歡迎光臨魔法秘境
正式預告
.kv-side-trailer · 純預覽,暫停覆蓋層跟 Center 同步
A07收尾 · 謝謝卡MIC · OFFAMBIENT
規格「收尾」:「祝觀影愉快!」謝謝卡 2 秒 → 待命。原本「我要去下一站囉」移到 E08 角色切換。進來的路:說「謝謝」/ 掃碼 / 逾時 / 300s 收尾句(設計師 2026-10-14:說「謝謝」= 結束,AI 不再回一句,卡就是回應)。
暫停收音
祝觀影愉快!
--standby + 置中 .kv-hero · 2s → A02(或 A01 出發)
A08Fallback · 只留觸控選單MIC · OFFTOUCHFULLv2.1 新增
規格 dialog.fallback:連續 3 次聽不懂(建議值)→ 收音關閉、只留觸控選單三項。充電點版本來就以觸控為主、語音為輔。設計師 2026-10-14:chips 從左欄搬到底部那格(--touch,「底部那格永遠是你怎麼跟我說話」),之後的回答畫面也用觸控版型(卡片與 QR 撐滿、AI 可三行,見樣式指南 T2b),回答完 chips 還在可以接著點;這一組結束回待命就恢復收音、計數歸零。
暫停收音
9月29日 週二20:16
我可以幫你查場次、特餐,或放預告。
點一下就好。
今天有什麼場次?有特餐嗎?可以看預告嗎?
--dialog --touch + .kv-chips(橫排在底部格)、收音 OFF · 點 → A05 系列(--touch --three-line)· session.end → 收音恢復
A09預告收單 · 頂列倒數MIC · FULLFULLv2.1 新增
規格 role.notice:迎賓/送客前 3 分鐘(路程 + 一次互動)不接新的一組,進行中的對話不中斷:不可中斷段(倒數、預覽、給 QR)做完,其他階段用收尾句 + QR(E08)結束再出發。設計師 2026-10-06:不做橫幅,用既有的頂列倒數語言 —— 頂列右側的日期時間換成環形倒數「2:40 後去影廳迎賓」(.kv-countdown,不套 --countdown 版型修飾,對話框與 safe area 都不動),可疊在任何畫面;進入那一刻 Kebbi 說一次「3 分鐘後我要去影廳迎賓,想拍照要快喔」,之後只靠倒數。2026-10-14 補:待命中接新的一組但告知(待命句換「我 m 分鐘後要去影廳迎賓,想拍照要快喔」、chips 照常);拍照 FOCUS 段(P02–P05b)不出倒數也不說,到 P06 才出才說;用 --notice(只換頂列右側,見樣式指南 T2c),不是 --countdown。
可以跟我說話
2:40 後去影廳迎賓
想看《歡迎光臨魔法秘境》嗎?
我可以幫你查場次。
今天有什麼場次?有特餐嗎?可以看預告嗎?
直接說話就可以
任何畫面的 .kv-topbar--countdown + .kv-countdown(取代日期時間;數字 m:ss 由 JS 更新)· 0:00 → E08 → 出發
Welcome · 進場 規格情境四「迎賓」(開場前 10 分 → 開場):班表強制切入,只說固定句、不啟動對話、不出 QR;廊道與廳門畫面不出現任何劇情。Standby → 每組通過說一次 → 被搭話固定句 → Standby。
W01StandbyMIC · OFFAMBIENT
規格「迎賓」:每組通過說一次「歡迎光臨魔法秘境。」間隔 ≥ 8 秒,通過時播歡迎音效;不出 QR、不出現任何劇情;開場前 10 分 → 開場。歡迎訊息 + 片名 + 影廳提示,底是去字魔法之門 key art 壓暗 + 置中暗角(設計師 2026-10-05 定案,取代原本黑底置中紫色光暈)。沒有按鈕、選單或 CTA。收音 OFF(參考稿畫成 FULL 是漏改,照 README)。
暫停收音
歡迎進場 歡迎光臨魔法秘境 7 廳 · 19:10 場次
--standby + .kv-art(去字門版,焦點 / 縮放 / 壓暗 / 暗角走 --kiosk-keyart-*)+ .kv-hero · 人群進場 → W02;碰螢幕 → W03
W02Welcome TriggerMIC · OFFAMBIENT
偵測到一波人進場:Kebbi 點頭(data-gesture="nod"),播一句短歡迎語(eyebrow 亮起、浮上來),Grow 線條從 240 長到 960、綠光亮起。同一波人只觸發一次(冷卻 10–15 秒)。動態在 prototype 按 ▶ 看。
暫停收音
歡迎光臨!祝你有個魔法般的夜晚 歡迎光臨魔法秘境 7 廳 · 19:10 場次
同 W01,eyebrow 換 --active 整句亮起、.kv-line--wide 960 + 綠光 · 冷卻後 → W01
W03被搭話 · 固定句MIC · FULLAMBIENT
規格「被搭話」:迎賓不啟動對話,有人搭話只回固定句「電影快開始囉,散場後再來主視覺牆找我拍照。」畫面不變、不動;原本的觸控面板問答(W03 / W04)刪除。
可以跟我說話
電影快開始囉,散場後再來主視覺牆找我拍照。 歡迎光臨魔法秘境 7 廳 · 19:10 場次
同 W01,eyebrow 換固定句 --active · 說完 → W01
Exit · 散場 規格情境四「送客」(散場前 2 分 → 散場後 3 分):「謝謝觀賞!彩蛋 QR 在這裡。」彩蛋 QR 是散場情緒高點唯一的回收點;有人停下或搭話只回固定句、QR 放大,不啟動對話。下一部上映的宣傳放在 QR 的活動頁裡,畫面不放。
X01Standby / FarewellMIC · FULLAMBIENT
規格「送客」:散場人流開始,每組一次「謝謝觀賞!彩蛋 QR 在這裡。」「謝謝觀賞」字卡 + 彩蛋 QR(送客入口版:彩蛋、優惠);送客音效。設計師 2026-10-06:下一部上映卡不放畫面上,內容放進 QR 的活動頁。散場前 2 分 → 散場後 3 分。「謝謝觀賞」+ 一句 campaign 短訊息 + 唯一一個 QR CTA。底同 Welcome:去字門版壓暗 + 暗角(2026-10-05 定案),大標與 QR 位置不動。
可以跟我說話
謝謝觀賞 彩蛋 QR 在這裡。
彩蛋 · 優惠
--standby + .kv-art + .kv-hero--left + .kv-qr--lg --active · 人群散場 → X02;有人提問 → X03
X02Farewell TriggerMIC · FULLAMBIENT
偵測到散場人群:Kebbi 揮手,播一句道別語音。冷卻 10–15 秒。
可以跟我說話
謝謝觀賞 謝謝觀賞!彩蛋 QR 在這裡。
彩蛋 · 優惠
同 X01,副句換 --active 亮起 · 冷卻後 → X01
X03有人停下或搭話 · 固定句MIC · FULLAMBIENT
規格:有人停下或搭話(sense.dwell / voice.heard)→「想合照的話,主視覺牆那邊見。」不評論劇情、不啟動對話;QR 放大。原本的開放問答(X03 聆聽 / X04 回答)刪除。
可以跟我說話
謝謝觀賞 想合照的話,主視覺牆那邊見。
彩蛋 · 優惠
同 X01,副句換固定句、.kv-qr--grow QR 放大 · 說完 → X01
Side FExit 延伸邀請(前)
Exit mode 時 Side F 從靜態海報切為動態 HTML。去字門版 key art 滿版 + 72% 遮罩 + Grow 外框 QR 卡靠上。文案:「魔法還沒結束」「掃碼探索更多幕後花絮」。
工程師備註:如果 Side 接 HTML 成本太高,可退回 side-poster-a 靜態 JPG。
魔法還沒結束
掃碼探索更多幕後花絮
.kv-side-exit--top · X01 開始 → 離開 Exit mode 回海報
Side BExit 延伸邀請(後)
Exit mode 時 Side B 從靜態海報切為動態 HTML。去字漂浮版 key art 滿版 + 72% 遮罩 + Grow 外框 QR 卡靠下。
魔法還沒結束
掃碼探索更多幕後花絮
.kv-side-exit--bottom · X01 開始 → 離開 Exit mode 回海報
Exceptions · 例外狀態 每個例外狀態都會給使用者下一步,不會讓對話停在沒有出口的地方。E07 / E08 依規格新增(劇透與扮演的固定回覆、角色切換先給 QR),E09 回充電(設計師 2026-10-06)。全部是 FULL 層級;在 FOCUS 中發生時一律打斷任務回到 FULL。
E01沒聽清楚 · 確認FULL
辨識信心低於門檻:AI 用問句覆述,底部動作列給「重說 / 是」,主要 CTA 在右。設計師 2026-10-01 改:決策型底部按鈕的主要動作用 CTA 樣式。2026-10-14 降級:查資訊的問題不走這張(直接回答最可能解讀、猜錯靠 E02),只用在猜錯代價高的動作前——開始拍照倒數、播預告。
可以跟我說話
9月29日 週二20:16
你是說「今天晚上的場次」嗎?
不是,我重說一次
是,就是這個
--dialog + .kv-actions · 說或點「是」→ Answer;「不是」→ Listening
E02使用者打斷FULL
AI 說到一半使用者開口:TTS 停止,還沒說的字 300ms 內褪到 border 色;對話框直接進聆聽。
可以跟我說話
9月29日 週二20:16
今天晚上還有兩場:19:10 IMAX 廳,和 21:30 在 7 廳。要幫你出訂票 QR 嗎?
等等,有沒有下午的
--dialog + .kv-transcript__interrupted + .kv-pill--listening · 說完 → Thinking
E03聽不懂 / 查不到 · 給選單MIC · FULLFULL
規格 chat / unknown:「我可以幫你查場次、特餐,或放預告。」觸控選單三項,不再給官網 QR(結論一律落到活動頁 QR)。連續 3 次 → A08 關收音。
可以跟我說話
9月29日 週二20:16
我可以幫你查場次、特餐,或放預告。
今天有什麼場次?有特餐嗎?可以看預告嗎?
直接說話就可以
--dialog + .kv-chips · 第 3 次 → A08
E04還在嗎 · 逾時FULL
AI 說完後 30 秒沒有回應就問一次(2026-10-14 定 30s,15s 來不及讀卡片);倒數放在頂列,底部動作列兩顆,主要「繼續聊」在右。頂列只有 logo,沒有收音 chip(照參考稿)。
10 秒後結束對話
還在嗎?
沒有的話,我就先回到首頁囉。
結束對話
繼續聊
--dialog --countdown + .kv-actions · 說或點「還在 / 繼續聊」→ 原畫面;「不用了」或倒數完 → Idle
E05網路不穩 · 降級MIC · OFFFULL
規格「斷網」:照片無法上傳就給不了 QR,先停拍照、只給本檔預告 QR(待確認)。只說明狀態:AI 逐字稿說明「網路不穩」,下方用思考狀態的小字樣式顯示「重新連線中」,其他內容都不放。Kebbi 換成休眠表情。
暫停收音
9月29日 週二20:16
網路有點不穩,
我正在重新連線,請稍等一下。
重新連線中
--dialog + .kv-status(y 416,AI 文字下方)· 恢復 → 原畫面
E05b網路不穩 · 預告中MIC · OFFAMBIENT2026-10-14 新增
預告播到一半斷線:影片凍在當下那格,字幕位說明「網路有點不穩,我正在重新連線,請稍等一下。」、下方「重新連線中」小字列;恢復後從斷點續播(不跳回答),斷超過 20 秒才放棄預告、直接給回答 + QR。收音本來就關。
TRAILER · 凍在當下那格
暫停收音
網路有點不穩,
我正在重新連線,請稍等一下。
重新連線中
歡迎光臨魔法秘境 · 正式預告
--media --scrim-tall + 字幕位說明 + .kv-status(y 288)· 恢復 → 從斷點續播;斷 > 20s → A05(回答 + QR)
E06太吵 / 多人說話MIC · FULLFULL
只留 AI 文字,對話框顯示灰階波形表示有聽到但辨識不出來。
可以跟我說話
9月29日 週二20:16
這裡有點吵,可以靠近一點,
再說一次嗎?
聽不太清楚…
--dialog + .kv-wave--grey · 再聽到 → Listening
E07劇透 / 扮演 · 固定回覆MIC · FULLFULLv2.1 新增
規格例外:被追問劇情 →「結局不能講,預告裡有的我可以播。」給預告按鈕,留在當下階段;被要求扮演角色 →「我是影城的工作人員喔。」不模仿角色語氣、不換卡。
可以跟我說話
9月29日 週二20:16
結局不能講,預告裡有的我可以播。
看預告
--dialog + .kv-actions(只有主要「看預告」)· 看預告 → A06;否則留在原畫面
E08角色切換 · 先給 QRMIC · OFFFULLv2.1 新增
規格第 7 節:Server 發 role.switch 時,進行中的互動還沒出 QR 就先出 QR 卡 5 秒:「我要去另一邊了,QR 先給你。」再切到過場畫面(官方預告,同 A01)。衝突優先序:迎賓/送客 > 攝影師 > 宣傳員 > 巡邏 > 靜態互動。2026-10-14 分三種情況:倒數歸零時對話還在 → 當下畫面把倒數換成「5 秒後出發」+ 一句,畫面上沒 QR 才換成這張 QR 卡(P06 已有 QR 就說「我得走了,照片在 QR 裡。」卡不動);對話已自然結束 → 直接出發不出 E08;在不可中斷段(拍照倒數到預覽)→ 做完再 E08。
暫停收音
5 秒後出發
我要去另一邊了,QR 先給你。
照片 · 票 · 特餐
--dialog --one-line --countdown + .kv-qr--xl --active · 5s → A01 過場 → 新角色待命
E09回充電 · 前往充電點MIC · OFFAMBIENTv2.1 新增
規格 battery.low(建議門檻 20%)→ 結束巡邏、回充電點(nav.dock);優先序排在迎賓/送客之後、其他角色之前,進行中的互動照一般切換收尾(E08)再走。設計師 2026-10-06 新增畫面:Center 滿版輪播 + 深遮罩(--cover-strong),左側大字「我去充個電」+「現在暫時不服務,等等回來。」讓遠處的人一眼知道暫停服務(設計師 2026-10-06);不接話、不顯示電量(規格:不對觀眾顯示電量),右上膠囊「去充電 · 等等回來」;Kebbi 打哈欠 → 說一次「我去充個電,等等回來」→ 疲累表情、燈藍色慢閃。到充電點後切充電點版(情境二靜態互動:活動頁 QR + 預告輪播、角落充電中小圖示)。
暫停收音
我去充個電 現在暫時不服務,等等回來。
去充電 · 等等回來
--cover --cover-strong + 輪播 + .kv-hero--left + .kv-route(充電文案)· nav.dock 到站 → 充電點待命版;電量回來 → role.switch
E10照片上傳失敗 · 重試MIC · OFFTOUCHFULL2026-10-14 新增
設計師 2026-10-14 裁定:拍照唯一會讓觀眾空手走的狀況,不能沒畫面。沿用 P06 的格子:照片位換成重試狀態(不顯示失敗原因)、底部 CTA「我再試一次」;AI「照片還在傳,再等我一下。」自動重試 2 次,仍失敗 →「這次照片沒存到,我們再拍一張好嗎」回 P02,不算進重拍次數。
暫停收音
9月29日 週二20:16
照片還在傳,
再等我一下。
你的照片
上傳中 · 第 2 次
兩次都失敗 → 「這次照片沒存到,我們再拍一張好嗎」→ P02
掃 QR 領取照片
照片傳好才能掃
我再試一次
--dialog --no-pill + 卡片內 .kv-status + .kv-actions--single · 成功 → P06;重試 2 次失敗 → P02
四螢幕系統 · M1–M4 與四個 Mode 對齊。Side 1080×1920(面板 1920×1080 直立安裝);Kebbi 表情待實機 SDK 確認。設計師 2026-09-30 定案:Side 不疊我們的字(海報自帶片名);兩片 Side 是前後不是左右(2026-10-05 確認):前(F)跟 Center 同面、配合 Center;後(B)在背面、永遠整張海報 B。分工見下表;兩片都不是操作介面。
SCREEN MATRIX
Kebbi Face · EmotionCenter · InteractionSide F · 前Side B · 後
Photo表情 / 倒數 / 回饋拍照互動、QR素材牆(劇照 grid)Campaign 海報 B
Attraction吸引注意 / 對話回饋AI 互動 / CTA素材牆(劇照 grid)Campaign 海報 B
Welcome歡迎表情 / 點頭歡迎資訊(無 CTA)Campaign 海報 ACampaign 海報 B
Exit道別表情 / 揮手謝謝觀賞 + 1 CTACampaign 海報 ACampaign 海報 B
SIDE F / B · 前後螢幕怎麼分工

兩片 32 吋直式螢幕不是左右、是前後:前(Side F)跟 Center、Kebbi 同一面,面對正在互動的人;後(Side B)在機器人背面,面對沒在互動的人、遠處、以及機器人離開時留在原地的人。這個差別決定內容:

Side F · 前Side B · 後
對象正在跟 Center 互動的人、排在他後面的人沒有在互動的人;機器人移動時被經過、被離開的人
角色配角:延伸 Center 正在講的主題,不搶注意力;單純放素材,不加我們的字或 logo廣告位:自成一體,看一眼就懂是哪部片、何時上映
內容Photo / Attraction:素材牆(劇照 grid)
Welcome / Exit:整張海報 A(有字)
永遠整張海報 B,四個 Mode 都一樣
變化只跟 Mode,不逐步變。唯一例外:拍照 P02–P04 跟著 Center 走(站位 / 看鏡頭 / 白閃,見 M1b)不變
不放任何要讀的文字、QR、指令提示。兩片都不是操作介面;後面的人看不到 Center,給了指令也接不上。

實機確認(2026-10-05):正面由上而下是 Kebbi 臉、Center、Side F,Side F 在 Center 下方;拍照拍的是站在對面的人,Side F 不會入鏡。拍照期間 Side F 要不要參與互動(全身鏡、倒數、補光)另案討論。

M1 Photo · 拍照 在拍照牆前完成合照,導向手機領取;Review 時 AI 接著問一個延伸問題
Center 是唯一的操作畫面,CTA 放在底部對話框。Side F(前)放素材牆延伸主題;Side B(後)整張海報,給沒在拍照的人看。
歡迎光臨魔法時刻
Side F · 前 · 1080×1920素材牆(劇照 + 大圖)
3
Kebbi · 1024×600idle · 待機微笑(示意)
可以跟我說話
9月29日 週二20:16
要不要跟主視覺牆
拍一張?
也可以直接說「可以幫我拍嗎」 一起拍一張
Center · 1280×800Idle:招呼 + 開始拍照
Side B · 後 · 1080×1920Campaign 海報 B(有字)
M1b 拍照時的 Side F FOCUS 例外:拍照流程中 Side F 跟著 Center 的步驟走,其他時間維持素材牆
Side F 在 Center 下方、腰到膝的高度,拍對面的人時不會入鏡。不放鏡像(直式鏡像會讓人以為左右被裁掉);P02 站位示意、P03 提示往上看鏡頭、P04 整片白閃當補光,P05 起回素材牆。三張都是靜態圖,跟其他 Side 畫面一樣交付成品圖。
站在這裡
P02 · 站位人形輪廓 + 地面標記 + 「站在這裡」
很好
P02 · 站進來了人形填滿綠、「很好」(Micro Moment 05)
看鏡頭
P03 · 倒數往上的箭頭 + 「看鏡頭」,數字留給 Center 與 Kebbi
P04 · 快門整片白,順便補光;強度待實機試
M2 Attraction · 巡迴宣傳 A → B → C 巡迴;到站後回答問題並給一個 CTA
移動中不接受互動,Center 顯示滿版主視覺;到站後以主視覺當封面,疊上邀請句和例句。前後持續播 campaign 素材:前素材牆、後海報,移動時經過的人看到的是後面那張。
歡迎光臨魔法時刻
Side F · 前 · 1080×1920素材牆(劇照 + 大圖)
3
Kebbi · 1024×600idle · 待機微笑(示意)
可以跟我說話
9月29日 週二20:16
想知道《歡迎光臨魔法秘境》嗎?
可以問我場次、預告或優惠。
今天有什麼場次?可以看預告嗎?有優惠嗎?
直接說話就可以
Center · 1280×800Stop Idle:主視覺封面 + 邀請
Side B · 後 · 1080×1920Campaign 海報 B(有字)
M3 Welcome · 進場 營造儀式感,不阻礙人流
Center 只顯示歡迎訊息、片名和影廳提示,沒有按鈕或 CTA。有人提問時不用語音回答,只顯示觸控面板,用文字回答後回到這個畫面。
Side F · 前 · 1080×1920Campaign 海報 A(有字)
3
Kebbi · 1024×600happy · 迎賓點頭(示意)
暫停收音
歡迎進場歡迎光臨魔法秘境7 廳 · 19:10 場次
Center · 1280×800Standby:去字門版底 + 歡迎資訊,無 CTA
Side B · 後 · 1080×1920Campaign 海報 B(有字)
M4 Exit · 散場 道別 + 一個延伸體驗的 CTA
Center 放「謝謝觀賞」和唯一一個 QR CTA;有人提問才回答,不加新的 CTA。
Side F · 前 · 1080×1920Campaign 海報 A(有字)
3
Kebbi · 1024×600happy · 道別揮手(示意)
可以跟我說話
謝謝觀賞魔法秘境的冒險,還沒結束。
看幕後花絮
Center · 1280×800Standby:謝謝觀賞 + 1 CTA
Side B · 後 · 1080×1920Campaign 海報 B(有字)
KEBBI 表情 · 畫面觸發對照

待實機串接後確認 SDK 可控參數(表情切換速度、自訂表情、LED 光條顏色)。下列為設計意圖,非最終規格。示意元件 .kv-face(Foundations 06 Layout)用 data-emotion 切換這八種表情,prototype.html 的四螢幕模式會跟著每一步同步。

畫面表情說明
P01 / A02 Idleidle待機微笑,眼睛緩慢眨動
A03 / X03 Listeninglisten專注聆聽,眼睛看向使用者
A04 Thinkingthink思考中,眼睛上看或轉動
A05 Speakingspeak說話中,嘴巴同步動畫
P03 拍照倒數countdown同步顯示 3、2、1(P04 快門瞬間維持)
P05 拍照完成happy慶祝表情 + 短動作
P05b 拍立得star → happy星星眼 1 秒(示意 .kv-face--star)再回 happy
W02 迎賓觸發happy點頭 + 歡迎語音(W01 待機是 idle)
X02 道別觸發happy揮手 + 道別語音(X01 待機是 idle)
E05 網路不穩sorry / sleep休眠或抱歉表情
E04 逾時無回應sorry抱歉表情,等待回應
E09 回充電yawn → tired打哈欠一次、說「我去充個電」、疲累表情,燈藍色慢閃
4. MICRO MOMENTS|可玩的體驗層

透過 Kebbi 表情、動作、燈光、語音與螢幕同步變化,增加機器人的生命感與記憶點。十個情境設計師 2026-10-05 確認方向,已進設計系統;Kebbi 那半等 SDK 資料進來再對齊實機能做的。

情境可以玩的方向做法(v1.8 已進設計系統,prototype ▶ 或 ✨ 可看)
無人互動Idle animation、視線或燈光變化Kebbi 視線 --kv-gx / --kv-gy,cover 畫面 --gaze 跟著微移;久了 Kebbi sleep + --asleep CTA 呼吸
使用者靠近轉向、表情變化、燈光微亮Kebbi 轉向 + data-gesture="nod";招呼句 .kv-transcript--from-left / --from-right 同側滑入;W02 線長出、句子亮
準備拍照(站進框)拍攝表情、短動作、燈光提示Side F .kv-side-stand--filled 人形填滿、字換「很好」;Kebbi .kv-face--aperture 光圈眼
拍照倒數Kebbi / 燈光 / Center Screen 同步 3、2、1Center 數字、Kebbi 數字同步遞減;Side F 「看鏡頭」
拍照完成簡短慶祝動作、成功 feedbackP05b 拍立得 .kv-polaroid 吐出、顯影;P06 --arrive 照片飛到格子;Kebbi .kv-face--star 1s
提到《歡迎光臨魔法秘境》對應氛圍表情、燈光、官方素材Kebbi 驚一下 → 笑開變星星眼、右手側張介紹海報、點頭,再星星眼腮紅撐到 10s(surprise02 → happy71 → theads020,燈紫白);Center 窄暖光帶斜掃素材(不蓋文字)、素材亮一下、輪播推進海報、標題金光一閃、chips 逐顆換句亮金邊;Side F 切海報 A 10s。2026-10-06 動效重做
提到 Disney表情 / 動作彩蛋Kebbi 大眼 → 星星眼 → 笑瞇 + 右手側邊揮、燈七色跑,再星星眼點頭兩下(happy89 → idlenod);Center .kv-spark 光塵 70 顆細碎微粒一閃一閃約 5s(2026-10-06 從往上飄的星點改成原地閃的光塵)。不講話、不自稱角色
思考中三個東西同一拍Kebbi .kv-face--sync:眼睛浮動、LED 呼吸跟 Center 光點都走 --kiosk-dur-pulse
聽不清楚歪頭Kebbi .kv-face--tilt;Center .kv-transcript--tilt
太吵瞇眼抖Kebbi .kv-face--squint;對話框 .kv-pill--shake
Moving看向前方Kebbi --kv-gx 看向前進方向;路線點依序亮;到站回正 + 點頭
提到比莉 / 魔法(彩蛋)比莉施法時的紅色火光。觸發:比莉 / Billie、施法、咒語、法術、魔力、變魔法、你會魔法嗎、召喚、變身、飛起來、女巫、巫師、秘境(全清單與共同規則見 README §5.7);「女主角」三個字、「火」單字不觸發Center 疊 .kv-embers(10 顆火光往上飄,官網 C01 氛圍層)8 秒;Kebbi 驚一下 → 星星眼雙手側張拍兩下(施法)→ 興奮大叫點頭 → 開心收尾,燈粉紫快閃。設計師 2026-10-06 新增、要更有精神
提到「復仇者聯盟」或英雄名(彩蛋)集結!英雄感的回饋Center 疊 .kv-hud:兩圈粗震波擴出、四周 12px 粗邊框橘光呼吸兩次,素材 punch 一下,3.2s 收;只用 Grow 5 一色,不出現任何漫威標誌或名稱。Kebbi 鎖定 → 戰鬥臉雙手側張拍兩下 → 嘴角一撇點頭,酷不可愛,燈紅白快閃。設計師 2026-10-06 新增
CTA / 掃碼完成成功表情或燈光回饋不做:系統不知道有沒有人掃(2026-10-05)
提到《復仇者聯盟》或相關角色英雄感短動作、紅金色系燈光、官方素材不做:沒有授權素材
原則:可以做主題反應,但不模仿角色語氣、不自稱電影角色。