1.7 KiB
1.7 KiB
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 关闭领奖光束旋转;车辆路线运动保留以解释碰撞与方向。
-
六角外缘:不绘制伸向环路的引道线,轨道笔画裁剪到实际底格边界,避免圆端点伸出;路线预览也不画外接虚线。车辆并线轨迹保持连续。