Documentation

IfSprite

Industrial Foregoing sprite renderer: crops the IF / Titanium atlases via IF_CROPS, 1 source px = 1 GUI px, with multiply tinting.

import { IfSprite } from "./index";

export function IfSpriteDemo() {
  return (
    <div className="flex items-start gap-4">
      <IfSprite crop="slot" height={18} name="titanium_background" width={18} />
      <IfSprite crop="tankNormal" height={56} name="titanium_background" width={18} />
      <IfSprite crop="augmentPanel" height={84} name="titanium_background" width={30} />
      <IfSprite crop="donateIcon" height={15} name="donate" width={15} />
    </div>
  );
}

Install

$pnpm add @tennantite/industrialforegoing

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

Source

packages/industrialforegoing/src/if-sprite/index.tsx

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