Documentation

ThermalRefineryScreen

Thermal 精炼机界面（MachineRefineryScreen 176×166）：26×26 产物槽、small 输入流体罐 + 2×medium 产物罐、液滴进度 (64,35)、无物品输入槽。

精炼机玩家

import {
  THERMAL_DEMO_PLAYER_HOTBAR,
  THERMAL_DEMO_PLAYER_MAIN,
} from "../thermal-demo-data";
import { ThermalRefineryScreen } from "./index";

/**
 * ThermalRefineryScreen 预览用例：树脂 → 树脂油；双流体输入由 GUI 罐位表达，
 * demo 只展示一个罐。
 */
export function ThermalRefineryScreenDemo() {
  return (
    <ThermalRefineryScreen
      energy={{ amount: 240000, capacity: 400000 }}
      fluid={{ amount: 200, capacity: 4000, tint: "#8a7a2e" }}
      fluids={[
        { amount: 1600, capacity: 4000, tint: "#c8a014" },
        { amount: 1600, capacity: 4000, tint: "#c8a014" },
      ]}
      onSlotClick={() => {}}
      playerHotbar={THERMAL_DEMO_PLAYER_HOTBAR}
      playerItems={THERMAL_DEMO_PLAYER_MAIN}
      progress={0.5}
      speed={0.6}
    />
  );
}

Install

$pnpm add @tennantite/thermal

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/thermal/src/thermal-refinery-screen/index.tsx

The npm package keeps the source tree, so you can copy and adapt it directly.