Files

1.7 KiB
Raw Permalink Blame History

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 关闭领奖光束旋转;车辆路线运动保留以解释碰撞与方向。

  • 六角外缘:不绘制伸向环路的引道线,轨道笔画裁剪到实际底格边界,避免圆端点伸出;路线预览也不画外接虚线。车辆并线轨迹保持连续。