feat(dice): 3D cube dice with live preview & realistic roll - #4
Merged
Conversation
- Renders each die as a CSS 3D cube (perspective + preserve-3d), showing three faces for a real stereoscopic look - Live preview: adjusting count/sides immediately shows that many dice of the chosen type, so the setup is clear before rolling - Rolling tumbles and bounces each cube in 3D (staggered per die) then settles on the result; d6 faces use real pips with opposite sides summing to 7 - Respects prefers-reduced-motion Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
TTigger
added a commit
that referenced
this pull request
Jul 13, 2026
HANDOFF 最後一項：讓人三秒看懂這個站。 - 兩支 demo GIF（.github/demo/，各 ~0.2MB）： 賽段剖面圖（範例路線 → 游標讀數 → 環義粉/午夜黑主題 → 爬坡細部圖）、 網址健檢（掃 tiglet 自己的工具頁 → 100 分 → 大圖分享卡預覽）。 對 production 錄製；無 ffmpeg，用 Playwright 逐格截圖 + gifenc 純 JS 組圖。 放 .github/ 而非 public/（教訓 #4：不進 service worker 預快取）； docs/ 已被 gitignore 留給本地筆記，所以不放那裡。 - 兩份 README 同步更新：新增 demo 區、補 4 個新工具 （發票對獎／QR 掃描／中油油價／PDF 工具）、更新既有工具描述 （QR WiFi/vCard、計時器間歇、圖片 EXIF、生活計算大寫金額、剖面圖全功能）、 測試數字 230+ → 550+ unit / 65 e2e、api/ 一支 → 三支、隱私段補新函式。 錄製網址健檢 GIF 時同步完成 HANDOFF 記錄的未竟驗證： tiglet 工具頁健檢 100 分、社群卡大圖預覽正常。 Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
把擲骰子工具升級成真正的 3D 立體骰子。
變更
perspective+preserve-3d）打造立方體，可同時看到正面/上面/右面，帶傾斜與陰影的立體感prefers-reduced-motion（停用動畫直接顯示結果）測試
npm run build通過（11 頁）。🤖 Generated with Claude Code