文档目录
压印器界面
AE2 压印器(原版 inscriber.png 切片,177×176 + 右侧升级槽条):3 个压印/输入槽、26×26 输出槽、竖向进度条与玩家背包。
压印器
物品栏
import { Ae2InscriberScreen } from "./index";
interface Ae2InscriberScreenDemoProps {
progress?: number;
}
/**
* Ae2InscriberScreen 预览用例:逻辑电路板 + 红石 + 硅板 → 逻辑处理器。
*/
export function Ae2InscriberScreenDemo({ progress = 0.6 }: Ae2InscriberScreenDemoProps = {}) {
return (
<Ae2InscriberScreen
bottomPlate={{ count: 1, icon: "diamond", tooltip: "硅板" }}
input={{ count: 1, icon: "redstone", tooltip: "红石" }}
output={{ count: 1, icon: "diamond", tooltip: "逻辑处理器" }}
progress={progress}
topPlate={{ count: 1, icon: "iron-ingot", tooltip: "逻辑电路板" }}
upgrades={[{ icon: "emerald", tooltip: "加速卡" }]}
/>
);
}
安装
$pnpm add @tennantite/ae2npm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ae2/src/ae2-inscriber-screen/index.tsxnpm 包保留源码目录,可直接复制改造。