SUS UI像搭建 Vue 应用一样搭建 Unity UI

为什么选 SUS？ ​

Unity UI Toolkit 强大但偏底层：界面仍会淹没在 boilerplate、manual bindings，以及每次 data binding 都要写的 MVVM 式胶水里。SUS 去掉这些 —— 用响应式 .sharq SFC，不必再手写 Q<> 和回调。对照见：无需手动绑定的 UI Toolkit。

SUS 为 Unity 带来类 Web 的开发体验：SFC、响应式 props、指令（v-if / v-for / :class）、插槽、主题 —— 以及一个庞大的现成组件库。

<template>
  <sus:SusButton :text="Label.Value" @click="OnClick" class="demo-btn" />
</template>
<script>
public Prop<string> Label = new("Click me");
void OnClick() => Label.Value = "Clicked!";
</script>
<style>
.demo-btn { margin-top: 8px; }
</style>

为什么选 SUS 而不是原生 UI Toolkit ​

Unity UI Toolkit 给你的是原语 —— UXML、USS、C# 绑定。没有框架时，你仍然要写 manual bindings，并亲手重建列表。SUS 是其上的一层：用响应式替代 MVVM boilerplate，加上单文件组件和庞大的现成库。

已经在用 Unity App UI？它面向同一个 UI Toolkit 运行时，可以和 SUS 在同一个项目里并存 —— 如果你想要 Vue 风格的响应式组件模型（.sharq SFC、Prop/Computed/Watch）以及上层的现成组件库，那就是 SUS 的用武之地。

一套布局，双端可用 ​

界面设计一次，即可同时交付桌面与手机，无需单独构建。没有令牌与断点体系时，把菜单适配到手机通 常意味着从头重做；SUS 把每个界面绑到同一条断点轴（SusBreakpointService 读取面板自身宽度—— 不是设备检测），因此 kit 与 game 界面会重排而不是分叉。SusInventory 是现成示例：同一组件在 窄面板上收成紧凑、触控友好的单列布局，在宽面板上展开为完整的多面板桌面布局——同一个 .sharq 、同一份 C#，没有仅限移动端的分叉。

断点轴见 自适应布局，令牌如何响应见 设计令牌。

一睹为快 ​

在线 Playground： 在浏览器中试用 — 同一份 sus-demo 的 WebGL 构建；断点在播放器里切换。

公开演示（可克隆的运行时示例）：sus-demo-public

网格库存 — 拖放、装备、属性	HUD 预设 — combat、tactical、MMO
主菜单 — 一键 Menu Wizard	数据表格 — 排序、媒体单元格
表单 — 校验、脏字段追踪、服务端错误	80 个现成组件（kit）+ 48 个游戏组件

Open-core ​

引擎免费且采用 MIT —— 先在你的项目里试用；现成组件可以稍后再买。

查看价格 →

各个包 ​

• sus-core —— 响应式、.sharq 编译器、主题、浮层、world-space
• sus-router —— 导航、guards、弹窗、过渡动画

• sus-kit — 80 个现成组件（按钮、表单、表格、弹窗、提示框……）
• sus-game — 48 个游戏组件（HUD、库存、屏幕）