Skip to content

v4.0 · FACTORY 机器人工厂

Choose a tag to compare

@cyberdaddyleo cyberdaddyleo released this 21 Oct 12:41
· 2 commits to main since this release
b2f6cec

新增:主题 04 · FACTORY 机器人工厂

一整座 3D 机器人车间,用 three.js(WebGL)渲染,视角接近 Desynced、戴森球计划这类工厂游戏的俯瞰。

总工程与子板块

  • CHIEF 总调度把每个「总工程」拆成 8 个「子板块」。内置 4 个总工程轮流开工:双11 大促战役、智能投标交付、新品发布会、品牌出海计划。
  • 每个子板块按自己的工作流在几个工区之间接力加工。加工完由无人机吊到中间,并入总工程。
  • 总工程在中间总装区造成一台超大载具,四种轮换:火箭、机甲、航天飞机、战斗机。
  • 8 个子板块全部并入后,依次进入:倒计时 → 点火发射 → 「LAUNCH SUCCESS · 发射成功」横幅 → 开下一个总工程。

12 个工区 + 总调度室

  • 每台机器人造型不同,各有一套专属机器,在工作台和机器之间来回忙。
  • 13 个岗位(岗位名 · 动作):
    • SCOUT 检索 · 雷达扫描
    • SPLIT 拆解 · 激光切割
    • COPY 文案 · 排版印刷
    • DESIGN 设计 · 喷涂
    • CODE 代码 · 装配
    • TEST 测试 · 敲击测试
    • PROOF 审校 · X 光质检
    • DATA 数据 · 校准建模
    • CUT 剪辑 · 数控切削
    • ADS 投放 · 喷码贴标
    • CARE 客服 · 打磨包装
    • VAULT 归档 · 焊接封装
    • CHIEF 总调度 · 控制室
  • 车间物流:
    • 货箱沿双向主传送带和支线在工区之间流转。
    • AGV 小车在外圈道路巡线,4 架无人机负责吊装。
    • CRAWLER 巡检蛛沿传送带巡逻。

进度显示

  • 每台机器人旁边挂一张进度卡,内容是岗位、当前动作、进度条和手上的子板块。卡片会自动错开,不互相遮挡,也不压到数据框体。
  • 总装台旁竖着一根「总工程」进度条,列出 8 个子板块各自的状态:待派、运输、加工、返工、吊装、已并入。

作战大屏版式

  • 左上:标题,英文用镂空模板字体(Big Shoulders Stencil)。第一行 ROBOT 加中文「机器人工厂」,中文字高和英文大写字高对齐;第二行 FOUNDRY。
  • 顶部正中:最近动作。
  • 屏幕正中:发射倒计时和发射成功横幅,都沿用第一版设计。
    • 倒计时:超大黄色镂空数字压在火箭前面,下面一行宽字距说明。
    • 发射成功横幅:黄色镂空模板字、顶部警示斜纹、黄框。
    • 两者出现时,总工程进度条和机器人进度卡会自动变淡。
  • 底部一排五个紧凑的数据框体:
    • 01 TASK FLOW 子板块任务流:8 个子板块的流转工区、当前状态、进度。
    • 02 KPI 今日指标:交付总工程数、本工程用时、今日子板块、审校通过率、算力、渲染帧率。
    • 03 LINE LOAD 工区负载:12 个工区的负载柱、OEE 环、每分钟交接数曲线。
    • 04 RADAR 车间雷达:俯视小地图,标出货箱、无人机、AGV、巡检蛛的位置。
    • 05 EXEC 执行代码:滚动显示调度执行记录。
  • 3D 车间会自动缩放,填满框体上方的空间:只避开标题和最近动作的文字本身,不避开它们旁边的空白。
  • 标题、最近动作、右上按钮的顶边对齐;标题左边和底部框体左边对齐。

视角与交互

  • 4 种视角:俯瞰、斜看、环绕、特写。点工具栏按钮或按 V 键切换。
  • 鼠标拖动转视角,滚轮缩放。
  • 点击某台机器人,镜头拉近到它的工区;按 Esc 返回。
  • 鼠标悬停在机器人上,显示它的详情。

视觉

  • 辉光(UnrealBloom)加软阴影。
  • 电脑性能不足时,自动依次降清晰度、关阴影。
  • 移动视角时的黑边闪烁已处理。

适配

  • 16:10、1366×768 等屏幕都能正常排版。
  • 窄屏或竖屏下切到精简版,只保留车间和三个核心数字(总工程、子板块、今日交付)。

调整

  • 主题选择面板:04 位置换成 FACTORY 机器人工厂,新增「05 · 下一款」占位。
  • T 键轮换顺序改为 OPS → SPIDER → NEURAL → FACTORY。
  • 新增直达链接 #factory。