Files
HexTrails/labs/car-loop/design.md
T

16 lines
1.7 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Car Loop · Video Lab v2 适配
本次采用只读参考 `../hex-video/designv2.md`(2026-09-09),将其视觉体系用于现有环路车场。没有修改参考 Lab。
- 解谜:背景 `#F2F2F4`,顶部灰色过渡;底格 `#A6AAB9`,HUD `#B2B4B8`,计数白底 `#F7F9FD` / 深灰数字 `#62635E`。
- 车辆:`theme.js` 定义七个明确色族,面色、薄侧边和窄高光分开;方向独立于颜色,固定粗白箭头,暗边增强浅色车身上的可读性。
- 道路:浅冷灰路线与较暗边缘;固定成对通行,交叉显示连续线,不增加可选岔路。道路配色属于此 Lab 适配,并非视频取样对象。
- 控件:圆形薄倒角底座、独立小标签;红橙旋转轮、浅蓝提示灯;侧栏绿色切角演示按钮、车速滑杆。
- 完成:蓝青背景与浅青放射光,金黄完成标记和再玩按钮。展示真实到达车数,不伪造金币奖励。
- 布局:桌面左侧实验控件、右侧竖向游戏预览;窄屏将棋盘类型、关卡、车速和演示收拢在棋盘上方。游戏内 HUD 与实际状态对应。
- 操作:点击马上沿路线行驶,接近前车和冲突区域时等待,不在起点排发车队列。停等用小暂停标记表示,不给整车叠大面积光晕。
- 速度:默认 2×,盘内 480 / 环路 360 画布像素每秒;滑杆 1–3×。细分检测步长不随车速放大。
- 减少动态效果:CSS 关闭领奖光束旋转;车辆路线运动保留以解释碰撞与方向。
- 六角外缘:不绘制伸向环路的引道线,轨道笔画裁剪到实际底格边界,避免圆端点伸出;路线预览也不画外接虚线。车辆并线轨迹保持连续。