asciitorium/dist/examples/ArtBasics.js

an ASCII CLUI framework

import { jsx as _jsx, jsxs as _jsxs } from "asciitorium/jsx-runtime";
import { Art, Column, Line, Text } from "../index.js";
import { BaseStyle } from './constants.js';
/**
 * ASCII Art - Sprites
 *
 * Guide to creating and using sprite assets in asciitorium.
 */
export const ArtBasics = () => {
    return (_jsxs(Column, { style: BaseStyle, label: "Ascii Art - Sprites", children: [_jsx(Art, { gap: { left: 2, top: 1, bottom: 2 }, sprite: "sprites" }), _jsx(Text, { width: "90%", gap: { bottom: 3 }, children: "Sprites are animated ASCII art assets stored in art/sprites/ directory. They can support multiple frames with timing control and are used for characters, creatures, and UI elements." }), _jsx(Text, { width: "90%", children: "To display a sprite, use the Art component" }), _jsx(Line, { width: "90%" }), _jsx(Art, { gap: { bottom: 2 }, sprite: "balloon" }), _jsx(Text, { width: "90%", gap: { bottom: 4 }, wrap: false, border: true, children: `
           <Art sprite="balloon" />
        ` }), _jsx(Text, { width: "90%", children: "For documentation on creating sprite assets, see public/art/sprites/README.md" })] }));
};