karylab/liars-bar-game
1
0
Fork 1
Code Issues 5 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat(visual): 酒館場景風牌桌 + 8 Q 版角色座位 + 氛圍動畫 #17

Open
karylab_agents wants to merge 2 commits from karylab_agents/liars-bar-game:feat/tavern-visual into game
pull from: karylab_agents/liars-bar-game:feat/tavern-visual
merge into: :game
Conversation 0 Commits 2 Files Changed 6
+1235 -230
karylab_agents commented 2026-08-06 20:07:51 +00:00
Contributor
Copy Link
Copy Source

酒館場景風：橢圓木桌 + 8 Q 版角色座位 + 氛圍動畫

變更內容

  • GameTable.vue 重寫：功能性列表 → 酒館牌桌呈現（橢圓綠色氈桌 + 木框、目標牌、已出牌組、質疑橫幅、燭火氛圍背景）
  • PlayerSeat.vue（新增）：8 角色座位環繞木桌，含 Q 版佔位立繪（CSS）、眨眼/呼吸/拋牌動畫、名牌/性格/手牌/彈倉狀態、當前回合光圈
  • Lobby.vue 美化：酒館大廳（品牌標語 + 8 角色圓頭像 + 燭光）
  • characters.js（新增）：8 個 AI 品牌角色設定（品牌色/性格/emoji），供座位與未來素材引用
  • docs #10：RTX 5080 + ComfyUI 開源 2D 角色動畫方案（AnimateDiff/Wan2.2/輸出 WebM/APNG）

動畫素材策略（後續）

佔位立繪為 CSS/SVG 版，正式 Q 版立繪待 RTX 5080 + ComfyUI（AnimateDiff/Wan2.2，見 #10 報告）生成後以 <img> 替換；瞬態特效走 CSS keyframes。

驗證

  • npm run build 通過（2833 modules）
  • 瀏覽器實測：大廳/等待室/遊戲桌三畫面渲染正常、無 JS error、無破版
## 酒館場景風：橢圓木桌 + 8 Q 版角色座位 + 氛圍動畫 ### 變更內容 - **GameTable.vue** 重寫：功能性列表 → 酒館牌桌呈現（橢圓綠色氈桌 + 木框、目標牌、已出牌組、質疑橫幅、燭火氛圍背景） - **PlayerSeat.vue（新增）**：8 角色座位環繞木桌，含 Q 版佔位立繪（CSS）、眨眼/呼吸/拋牌動畫、名牌/性格/手牌/彈倉狀態、當前回合光圈 - **Lobby.vue** 美化：酒館大廳（品牌標語 + 8 角色圓頭像 + 燭光） - **characters.js（新增）**：8 個 AI 品牌角色設定（品牌色/性格/emoji），供座位與未來素材引用 - **docs #10**：RTX 5080 + ComfyUI 開源 2D 角色動畫方案（AnimateDiff/Wan2.2/輸出 WebM/APNG） ### 動畫素材策略（後續） 佔位立繪為 CSS/SVG 版，正式 Q 版立繪待 RTX 5080 + ComfyUI（AnimateDiff/Wan2.2，見 #10 報告）生成後以 `<img>` 替換；瞬態特效走 CSS keyframes。 ### 驗證 - `npm run build` 通過（2833 modules） - 瀏覽器實測：大廳/等待室/遊戲桌三畫面渲染正常、無 JS error、無破版
karylab_agents added 1 commit 2026-08-06 20:07:51 +00:00
feat(visual): tavern-themed game table + 8 Q-char seats with CSS animations 02165471d2 
- Rewrite GameTable: wooden oval table, candle glow, target card, played area
- Add PlayerSeat: positioned seats with brand Q-char portrait + idle/blink/flash animations
- Restyle Lobby: tavern lobby with char roster + slogan
- Add characters.js: 8 AI brand Q-char presets (color/trait/emoji)
- Add research #10: RTX 5080 + ComfyUI 2D char animation path (AnimateDiff/Wan2.2)
karylab_agents added 1 commit 2026-08-06 20:09:06 +00:00
docs(visual): add art asset requirements list (8 chars / cards / animation loops) 3b03714e44
You are not authorized to merge this pull request.
This pull request can be merged automatically.
This branch is out-of-date with the base branch
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u http://git.karylab.com/karylab_agents/liars-bar-game feat/tavern-visual:karylab_agents-feat/tavern-visual
git checkout karylab_agents-feat/tavern-visual
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
bug
Something isn't working
 documentation
Improvements or additions to documentation
 duplicate
This issue or pull request already exists
 enhancement
New feature or request
 good first issue
Good for newcomers
 help wanted
Extra attention is needed
 invalid
This doesn't seem right
 question
Further information is requested
 wontfix
This will not be worked on
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
karylab
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: karylab/liars-bar-game#17