@jgengine/shell 0.7.0 → 0.8.0

package/dist/demo/survivalDemo.js

@@ -1,291 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { defineGame } from "@jgengine/core/game/defineGame";
-import { createAssetCatalog } from "@jgengine/core/scene/assetCatalog";
-import { createDecayMeterSet, } from "@jgengine/core/survival/decayMeter";
-import { createMoodleStack, stackMoodles, } from "@jgengine/core/survival/moodle";
-import { createMultiRegionHealth, } from "@jgengine/core/survival/regionHealth";
-import { environment, rain, terrain } from "@jgengine/core/world/features";
-import { createEnvironmentField, } from "@jgengine/core/world/envField";
-import { resolveTerrainField } from "@jgengine/core/world/terrain";
-import { createFireGrid, resolveWeather, } from "@jgengine/core/world/weather";
-import { useEngineState } from "@jgengine/react/engineStore";
-import { EnvironmentScene } from "../environment/EnvironmentScene.js";
-import { FireSpreadLayer } from "../weather/FireSpreadLayer.js";
-const HERO = "survivor";
-const HOTBAR = "hotbar";
-const DAY_LENGTH = 24 * 3600;
-const FIRE_ORIGIN = [-16, -16];
-const FIRE_CELL = 2;
-const CAMPFIRE = { x: 8, z: 0, radius: 9, strength: 26 };
-const weatherTable = {
-    clear: {},
-    rain: { grip: 0.65, visibility: 0.7, spread: 0.35, chill: -4 },
-    storm: { grip: 0.45, visibility: 0.4, structureDamage: 4, ignition: 0.15, spread: 0.25, chill: -8 },
-};
-function createSurvivalSim() {
-    const meters = createDecayMeterSet([
-        {
-            id: "hunger",
-            max: 100,
-            rate: 0.9,
-            thresholds: [
-                { id: "peckish", label: "Peckish", at: 55, when: "below", severity: "neutral" },
-                { id: "hungry", label: "Hungry", at: 30, when: "below", severity: "warning" },
-                { id: "starving", label: "Starving", at: 12, when: "below", severity: "critical" },
-            ],
-        },
-        {
-            id: "thirst",
-            max: 100,
-            rate: 1.3,
-            thresholds: [
-                { id: "thirsty", label: "Thirsty", at: 35, when: "below", severity: "warning" },
-                { id: "dehydrated", label: "Dehydrated", at: 12, when: "below", severity: "critical" },
-            ],
-        },
-        {
-            id: "warmth",
-            max: 100,
-            start: 72,
-            rate: 0.6,
-            thresholds: [
-                { id: "chilly", label: "Chilly", at: 45, when: "below", severity: "neutral" },
-                { id: "freezing", label: "Freezing", at: 20, when: "below", severity: "critical" },
-            ],
-        },
-        {
-            id: "stamina",
-            max: 100,
-            rate: 0,
-            thresholds: [{ id: "winded", label: "Winded", at: 20, when: "below", severity: "warning" }],
-        },
-    ]);
-    const health = createMultiRegionHealth({
-        regions: [
-            { id: "head", label: "Head", max: 35, vital: true, vulnerability: 2 },
-            { id: "torso", label: "Torso", max: 85, vital: true },
-            { id: "leftArm", label: "L. Arm", max: 55 },
-            { id: "rightArm", label: "R. Arm", max: 55 },
-            { id: "legs", label: "Legs", max: 70 },
-        ],
-        ailments: {
-            bleed: {
-                id: "bleed",
-                label: "Bleeding",
-                region: "torso",
-                severity: "critical",
-                drainPerSecond: 1.4,
-                stacking: true,
-                treatedBy: ["bandage"],
-            },
-            fracture: {
-                id: "fracture",
-                label: "Fractured Leg",
-                region: "legs",
-                severity: "warning",
-                treatedBy: ["splint"],
-            },
-        },
-    });
-    const buffs = createMoodleStack();
-    const fire = createFireGrid({
-        cols: 16,
-        rows: 16,
-        cellSize: FIRE_CELL,
-        origin: FIRE_ORIGIN,
-        spreadRate: 0.9,
-        burnRate: 0.05,
-        wind: [1, 0.35],
-        windBias: 0.7,
-    });
-    let weather = { kind: "rain", intensity: 0.55, wind: [1, 0.35] };
-    const field = createEnvironmentField({
-        dayLength: DAY_LENGTH,
-        baseTemperature: 14,
-        nightDrop: 14,
-        heatSources: [CAMPFIRE],
-        rain: () => (weather.kind === "clear" ? 0 : weather.intensity),
-        occluders: [{ x: 20, z: 18, w: 10, d: 10, shade: 1 }],
-    });
-    let version = 0;
-    let currentTime = 0;
-    const listeners = new Set();
-    function computeSnapshot() {
-        const resolved = resolveWeather(weather, weatherTable);
-        const temperature = field.temperature(0, 0, currentTime, 0);
-        return {
-            version,
-            meters: meters.snapshot(),
-            moodles: stackMoodles(buffs.list(), meters.moodles(), health.ailmentMoodles()),
-            regions: health.regions(),
-            overall: health.overall(),
-            temperature,
-            wetness: field.wetness(0, 0, currentTime),
-            weather,
-            visibility: resolved.visibility,
-            grip: resolved.grip,
-            burning: fire.burning,
-        };
-    }
-    let snapshot = computeSnapshot();
-    function notify() {
-        version += 1;
-        snapshot = computeSnapshot();
-        for (const listener of listeners)
-            listener(snapshot);
-    }
-    return {
-        store: {
-            getState: () => snapshot,
-            subscribe: (listener) => {
-                listeners.add(listener);
-                return () => listeners.delete(listener);
-            },
-        },
-        fire,
-        field,
-        bootstrap() {
-            health.damage("head", 9);
-            health.damage("legs", 26);
-            health.applyAilment("bleed");
-            health.applyAilment("bleed");
-            health.applyAilment("fracture");
-            buffs.add({ id: "cookedMeat", label: "Cooked Meat", duration: 320, severity: "good", note: "+HP regen" });
-            buffs.add({ id: "berries", label: "Berries", duration: 180, severity: "good" });
-            meters.refill("hunger", -58);
-            meters.refill("thirst", -66);
-            meters.refill("warmth", -34);
-            meters.refill("stamina", -70);
-            fire.ignite(-4, 4);
-            fire.ignite(-2, 4);
-            fire.ignite(-4, 6);
-            fire.ignite(0, 6);
-            notify();
-        },
-        tick(_ctx, dt, gameTime) {
-            currentTime = gameTime;
-            const sample = field.sample(0, 0, gameTime, 0);
-            const coldPenalty = sample.temperature < 8 ? 2.4 : sample.temperature < 16 ? 1.4 : 0.6;
-            meters.setRateModifier("warmth", coldPenalty);
-            meters.tick(dt);
-            buffs.tick(dt);
-            health.tick(dt);
-            const resolved = resolveWeather(weather, weatherTable);
-            const wetnessAt = (col, row) => field.wetness(FIRE_ORIGIN[0] + col * FIRE_CELL, FIRE_ORIGIN[1] + row * FIRE_CELL, gameTime);
-            fire.step(dt, { spread: resolved.spread, wetnessAt });
-            notify();
-        },
-        treat(itemId) {
-            health.treat(itemId);
-            notify();
-        },
-    };
-}
-let sim = createSurvivalSim();
-const entityCatalog = {
-    [HERO]: {
-        stats: { health: { max: 100 }, stamina: { max: 100 } },
-        receive: { damage: { order: ["health"] } },
-        movement: { poses: ["standing", "running", "crouch"], walkSpeed: 2.4 },
-    },
-};
-const game = defineGame({
-    name: "survival-demo",
-    assets: createAssetCatalog(),
-    multiplayer: null,
-    inventories: { [HOTBAR]: { slots: 4, hud: "hotbar" } },
-    time: { start: 6 * 3600, dayLength: DAY_LENGTH, speeds: [1, 2, 3, 4] },
-    input: {
-        moveForward: ["KeyW"],
-        moveBack: ["KeyS"],
-        moveLeft: ["KeyA"],
-        moveRight: ["KeyD"],
-        jump: ["Space"],
-        sprint: ["Shift"],
-        slot1: ["Digit1"],
-        slot2: ["Digit2"],
-    },
-});
-function onInit(ctx) {
-    sim = createSurvivalSim();
-    sim.bootstrap();
-    ctx.item.use.register({
-        treatWound: {
-            apply(state, input) {
-                sim.treat(input.itemId);
-                return { state };
-            },
-        },
-    });
-}
-function onNewPlayer(ctx) {
-    ctx.scene.entity.spawn(HERO, { id: ctx.player.userId, position: [0, 0, 0], role: "player" });
-    ctx.player.inventory.put(HOTBAR, "bandage", 3);
-    ctx.player.inventory.put(HOTBAR, "splint", 1);
-}
-function onTick(ctx, dt) {
-    sim.tick(ctx, dt, ctx.time.now());
-}
-const survivalWorld = environment({
-    terrain: terrain({ bounds: { w: 160, d: 160 }, height: 3, frequency: 0.03, seed: "survival" }),
-    weather: rain({ area: { w: 160, d: 120, h: 60 }, density: 0.5, wind: [1.2, 0.3] }),
-});
-const survivalField = resolveTerrainField(survivalWorld.terrain);
-function SurvivalWorld() {
-    return (_jsxs(_Fragment, { children: [_jsx(EnvironmentScene, { feature: survivalWorld }), _jsx(FireSpreadLayer, { grid: sim.fire, cellSize: FIRE_CELL, origin: FIRE_ORIGIN, heightAt: survivalField.sampleHeight })] }));
-}
-const SEVERITY_STYLE = {
-    good: "border-emerald-400/70 bg-emerald-500/15 text-emerald-200",
-    neutral: "border-sky-400/60 bg-sky-500/10 text-sky-200",
-    warning: "border-amber-400/70 bg-amber-500/15 text-amber-200",
-    critical: "border-rose-500/80 bg-rose-600/20 text-rose-200",
-};
-function MoodleChip({ moodle }) {
-    return (_jsxs("div", { className: `flex min-w-[86px] items-center gap-2 rounded-md border px-2 py-1.5 shadow-lg shadow-black/40 backdrop-blur-sm ${SEVERITY_STYLE[moodle.severity]}`, children: [_jsxs("div", { className: "relative flex h-9 w-9 shrink-0 items-center justify-center rounded bg-black/40 text-base font-bold", children: [moodle.icon ?? moodle.label.slice(0, 1), moodle.stacks > 1 ? (_jsx("span", { className: "absolute -bottom-1 -right-1 rounded-full bg-black/80 px-1 text-[10px] font-bold text-white", children: moodle.stacks })) : null] }), _jsxs("div", { className: "leading-tight", children: [_jsx("p", { className: "text-xs font-semibold", children: moodle.label }), moodle.note !== undefined ? _jsx("p", { className: "text-[10px] opacity-80", children: moodle.note }) : null, moodle.fraction !== undefined ? (_jsx("div", { className: "mt-1 h-1 w-16 overflow-hidden rounded bg-black/50", children: _jsx("div", { className: "h-full bg-current", style: { width: `${Math.round(moodle.fraction * 100)}%` } }) })) : null] })] }));
-}
-function MoodleStackPanel() {
-    const state = useEngineState(sim.store);
-    return (_jsx("div", { className: "flex max-w-[220px] flex-wrap gap-1.5", children: state.moodles.map((moodle) => (_jsx(MoodleChip, { moodle: moodle }, moodle.id))) }));
-}
-const METER_STYLE = {
-    hunger: { label: "Hunger", fill: "bg-orange-400" },
-    thirst: { label: "Thirst", fill: "bg-sky-400" },
-    warmth: { label: "Warmth", fill: "bg-rose-400" },
-    stamina: { label: "Stamina", fill: "bg-lime-400" },
-};
-function MetersPanel() {
-    const state = useEngineState(sim.store);
-    return (_jsxs("div", { className: "w-60 rounded-lg border border-white/15 bg-black/70 p-3 shadow-xl shadow-black/50", children: [_jsx("p", { className: "mb-2 text-[11px] font-bold uppercase tracking-widest text-white/60", children: "Condition" }), _jsx("div", { className: "space-y-2", children: Object.entries(METER_STYLE).map(([id, style]) => {
-                    const meter = state.meters[id];
-                    if (meter === undefined)
-                        return null;
-                    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-0.5 flex justify-between text-[11px] text-white/70", children: [_jsx("span", { children: style.label }), _jsx("span", { className: "tabular-nums", children: Math.round(meter.value) })] }), _jsx("div", { className: "h-2.5 overflow-hidden rounded bg-white/10", children: _jsx("div", { className: `h-full rounded ${style.fill}`, style: { width: `${Math.round(meter.fraction * 100)}%` } }) })] }, id));
-                }) })] }));
-}
-function RegionHealthPanel() {
-    const state = useEngineState(sim.store);
-    const barColor = (fraction) => fraction > 0.6 ? "bg-emerald-400" : fraction > 0.3 ? "bg-amber-400" : "bg-rose-500";
-    return (_jsxs("div", { className: "w-56 rounded-lg border border-white/15 bg-black/70 p-3 shadow-xl shadow-black/50", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-[11px] font-bold uppercase tracking-widest text-white/60", children: "Body" }), _jsxs("span", { className: "text-[11px] tabular-nums text-white/70", children: [Math.round(state.overall * 100), "%"] })] }), _jsx("div", { className: "space-y-1.5", children: state.regions.map((region) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `w-14 shrink-0 text-[11px] ${region.vital ? "text-white" : "text-white/70"}`, children: region.label }), _jsx("div", { className: "h-2 flex-1 overflow-hidden rounded bg-white/10", children: _jsx("div", { className: `h-full rounded ${barColor(region.fraction)}`, style: { width: `${Math.round(region.fraction * 100)}%` } }) }), _jsx("span", { className: "w-8 shrink-0 text-right text-[10px] tabular-nums text-white/60", children: Math.round(region.current) })] }, region.id))) })] }));
-}
-function EnvironmentReadout() {
-    const state = useEngineState(sim.store);
-    return (_jsxs("div", { className: "rounded-lg border border-white/15 bg-black/70 px-3 py-2 text-right shadow-xl shadow-black/50", children: [_jsx("p", { className: "text-[11px] font-bold uppercase tracking-widest text-white/60", children: "Weather" }), _jsxs("p", { className: "mt-1 text-sm font-semibold capitalize text-sky-200", children: [state.weather.kind, " \u00B7 ", Math.round(state.weather.intensity * 100), "%"] }), _jsxs("div", { className: "mt-1 space-y-0.5 text-[11px] tabular-nums text-white/70", children: [_jsxs("p", { children: ["Temp ", state.temperature.toFixed(1), "\u00B0"] }), _jsxs("p", { children: ["Wet ", Math.round(state.wetness * 100), "%"] }), _jsxs("p", { children: ["Grip ", Math.round(state.grip * 100), "% \u00B7 Vis ", Math.round(state.visibility * 100), "%"] }), state.burning > 0 ? _jsxs("p", { className: "text-orange-300", children: [state.burning, " cells ablaze"] }) : null] })] }));
-}
-function SurvivalGameUI() {
-    return (_jsxs("div", { className: "pointer-events-none absolute inset-0 font-sans text-white", children: [_jsx("div", { className: "absolute left-4 top-4", children: _jsx(MoodleStackPanel, {}) }), _jsx("div", { className: "absolute right-4 top-4", children: _jsx(EnvironmentReadout, {}) }), _jsx("div", { className: "absolute bottom-4 left-4", children: _jsx(MetersPanel, {}) }), _jsx("div", { className: "absolute bottom-4 right-4", children: _jsx(RegionHealthPanel, {}) })] }));
-}
-const itemCatalog = {
-    bandage: { use: "treatWound" },
-    splint: { use: "treatWound" },
-};
-export const survivalDemoGame = {
-    game,
-    content: {
-        entityById: (catalogId) => entityCatalog[catalogId] ?? null,
-        itemById: (itemId) => (itemId in itemCatalog ? itemCatalog[itemId] : null),
-    },
-    loop: { onInit, onNewPlayer, onTick },
-    GameUI: SurvivalGameUI,
-    environment: SurvivalWorld,
-    camera: { minDistance: 8, maxDistance: 40, initialDistance: 26, targetHeight: 1.4 },
-};