--cover + .kv-btn--lg · 說「幫我拍照」或按 CTA → P02.kv-actions--single,設計師 2026-10-06 新增規則;不放說話提示,P01 才有);規格的場次卡移到問場次後的 A05(C17)。拍照 → P01c 取像告知;問電影 → 轉 Attraction A02,結束回 P01;30 秒無回應 → P01。--cover + 輪播 + .kv-chips + .kv-btn--hero + .kv-hint(同意提示,P01c 已合併)· CTA 或「幫我拍照」→ P02;chips → A03 / A05;30s → P01--media --camera · 站定 → P03;「等一下」暫停、「重來」回 P02--media --camera + .kv-camera__digit · 3 → 2 → 1 → P04(倒數中不可中斷;「等一下」的提示在 P02,設計師 2026-10-13:倒數時人在看鏡頭不看螢幕)--media --camera + .kv-flash(實機用動畫版 450ms 淡出)→ P05--media --camera(無取景框)· 0.9s → P05b 拍立得.kv-embers--loop,z 3 在相紙下),增加成就感(設計師 2026-10-06 加)。設計師 2026-10-05 定案,相紙寬 820;2026-10-06 換成官網活動頁 C01 的深色相紙(材質、月相、規格字樣、曝光列照搬,照片 16:9)。--media --camera + .kv-art--dim + .kv-polaroid(吐出 900ms、顯影 2.4s)· 3.6s → P06(--arrive:照片 FLIP 飛到格子、QR 滑入、頂列淡入)

--dialog --no-pill(AI 2 行)+ .kv-polaroid--review + QR 卡內 .kv-hint + 置底 .kv-hint--legal · 掃碼或 20s → P09;「再拍一次」→ P03

--standby + .kv-art(去字門版)+ 置中 .kv-hero · 2s → P01--cover --no-scrim + .kv-route · 到站 → A02--cover · 有人面向機器人說話 → A03--cover --touch · 點 chip → A05 系列(觸控版型)· 10 分鐘後回 A02--cover + .kv-dim + .kv-pill--listening · 說完 → A04--dialog 裡放 .kv-art 自動套),回首頁才繼續輪播;不再是 Neutral 950 純底。
--dialog + .kv-status--in-ai(放在回答會出現的位置)· 延遲 > 1.5s 才顯示(設計師 2026-10-14:不刻意出,超過門檻才出;再超過 8s → E05)· 回答到 → A05--touch --three-line 版型,第三行提示「還想問什麼,點下面的。」;單次 300s 到了說「我們聊了一陣子了,東西都在這個 QR 裡,先掃起來吧。」→ A07。
--dialog + .kv-showtimes + .kv-qr--active(TTS 說完才亮)· 再問 → A03;掃碼或 20s → A07
--dialog + .kv-card(特餐)+ .kv-qr--active · 掃碼或 20s → A07--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 + 聆聽框.kv-side-trailer · 純預覽,暫停覆蓋層跟 Center 同步.kv-side-trailer · 純預覽,暫停覆蓋層跟 Center 同步
--standby + 置中 .kv-hero · 2s → A02(或 A01 出發)--touch,「底部那格永遠是你怎麼跟我說話」),之後的回答畫面也用觸控版型(卡片與 QR 撐滿、AI 可三行,見樣式指南 T2b),回答完 chips 還在可以接著點;這一組結束回待命就恢復收音、計數歸零。
--dialog --touch + .kv-chips(橫排在底部格)、收音 OFF · 點 → A05 系列(--touch --three-line)· session.end → 收音恢復.kv-countdown,不套 --countdown 版型修飾,對話框與 safe area 都不動),可疊在任何畫面;進入那一刻 Kebbi 說一次「3 分鐘後我要去影廳迎賓,想拍照要快喔」,之後只靠倒數。2026-10-14 補:待命中接新的一組但告知(待命句換「我 m 分鐘後要去影廳迎賓,想拍照要快喔」、chips 照常);拍照 FOCUS 段(P02–P05b)不出倒數也不說,到 P06 才出才說;用 --notice(只換頂列右側,見樣式指南 T2c),不是 --countdown。.kv-topbar--countdown + .kv-countdown(取代日期時間;數字 m:ss 由 JS 更新)· 0:00 → E08 → 出發
--standby + .kv-art(去字門版,焦點 / 縮放 / 壓暗 / 暗角走 --kiosk-keyart-*)+ .kv-hero · 人群進場 → W02;碰螢幕 → W03data-gesture="nod"),播一句短歡迎語(eyebrow 亮起、浮上來),Grow 線條從 240 長到 960、綠光亮起。同一波人只觸發一次(冷卻 10–15 秒)。動態在 prototype 按 ▶ 看。
--active 整句亮起、.kv-line--wide 960 + 綠光 · 冷卻後 → W01
--active · 說完 → W01
--standby + .kv-art + .kv-hero--left + .kv-qr--lg --active · 人群散場 → X02;有人提問 → X03
--active 亮起 · 冷卻後 → X01
.kv-qr--grow QR 放大 · 說完 → X01side-poster-a 靜態 JPG。
.kv-side-exit--top · X01 開始 → 離開 Exit mode 回海報
.kv-side-exit--bottom · X01 開始 → 離開 Exit mode 回海報
--dialog + .kv-actions · 說或點「是」→ Answer;「不是」→ Listening
--dialog + .kv-transcript__interrupted + .kv-pill--listening · 說完 → Thinking
--dialog + .kv-chips · 第 3 次 → A08
--dialog --countdown + .kv-actions · 說或點「還在 / 繼續聊」→ 原畫面;「不用了」或倒數完 → Idle
--dialog + .kv-status(y 416,AI 文字下方)· 恢復 → 原畫面--media --scrim-tall + 字幕位說明 + .kv-status(y 288)· 恢復 → 從斷點續播;斷 > 20s → A05(回答 + QR)
--dialog + .kv-wave--grey · 再聽到 → Listening
--dialog + .kv-actions(只有主要「看預告」)· 看預告 → A06;否則留在原畫面
--dialog --one-line --countdown + .kv-qr--xl --active · 5s → A01 過場 → 新角色待命--cover-strong),左側大字「我去充個電」+「現在暫時不服務,等等回來。」讓遠處的人一眼知道暫停服務(設計師 2026-10-06);不接話、不顯示電量(規格:不對觀眾顯示電量),右上膠囊「去充電 · 等等回來」;Kebbi 打哈欠 → 說一次「我去充個電,等等回來」→ 疲累表情、燈藍色慢閃。到充電點後切充電點版(情境二靜態互動:活動頁 QR + 預告輪播、角落充電中小圖示)。--cover --cover-strong + 輪播 + .kv-hero--left + .kv-route(充電文案)· nav.dock 到站 → 充電點待命版;電量回來 → role.switch
--dialog --no-pill + 卡片內 .kv-status + .kv-actions--single · 成功 → P06;重試 2 次失敗 → P02| Kebbi Face · Emotion | Center · Interaction | Side F · 前 | Side B · 後 | |
|---|---|---|---|---|
| Photo | 表情 / 倒數 / 回饋 | 拍照互動、QR | 素材牆(劇照 grid) | Campaign 海報 B |
| Attraction | 吸引注意 / 對話回饋 | AI 互動 / CTA | 素材牆(劇照 grid) | Campaign 海報 B |
| Welcome | 歡迎表情 / 點頭 | 歡迎資訊(無 CTA) | Campaign 海報 A | Campaign 海報 B |
| Exit | 道別表情 / 揮手 | 謝謝觀賞 + 1 CTA | Campaign 海報 A | Campaign 海報 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 要不要參與互動(全身鏡、倒數、補光)另案討論。








待實機串接後確認 SDK 可控參數(表情切換速度、自訂表情、LED 光條顏色)。下列為設計意圖,非最終規格。示意元件 .kv-face(Foundations 06 Layout)用 data-emotion 切換這八種表情,prototype.html 的四螢幕模式會跟著每一步同步。
| 畫面 | 表情 | 說明 |
|---|---|---|
| P01 / A02 Idle | idle | 待機微笑,眼睛緩慢眨動 |
| A03 / X03 Listening | listen | 專注聆聽,眼睛看向使用者 |
| A04 Thinking | think | 思考中,眼睛上看或轉動 |
| A05 Speaking | speak | 說話中,嘴巴同步動畫 |
| 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 | 打哈欠一次、說「我去充個電」、疲累表情,燈藍色慢閃 |
透過 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、1 | Center 數字、Kebbi 數字同步遞減;Side F 「看鏡頭」 |
| 拍照完成 | 簡短慶祝動作、成功 feedback | P05b 拍立得 .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) |
| 提到《復仇者聯盟》或相關角色 | 英雄感短動作、紅金色系燈光、官方素材 | 不做:沒有授權素材 |
原則:可以做主題反應,但不模仿角色語氣、不自稱電影角色。