/* Landing — shared bits: icon helper, decorative emblem, section heading, AssetTile. * Exported to window for sibling babel scripts. */ const LFIcon = ({ name, size = 18, color, style = {} }) => React.createElement("i", { "data-lucide": name, style: { width: size, height: size, color, ...style } }); const generatedAssetPath = (file) => `../../assets/generated/official/${file}`; const OFFICIAL_MONSTER_ACTIONS_PACK_ID = "db8c0fff-918e-4e76-baef-9064e9b47052"; const OFFICIAL_MONSTER_ACTIONS_BRIEF = "同一只红黑色甲壳怪物，橙红背刺，深色腹甲，弯尾，尖牙大嘴，完整身体居中，纯色背景；生成 idle、move、attack、death 四个动作 clip，每个动作 8 帧；每一帧必须是不同关键姿势，保持同一怪物身份和比例"; const OFFICIAL_SAMPLE_BY_IMAGE = { "rig-monster-idle.gif": sampleInfo("sample-monster-actions", "monster-actions", "creature", "pixel", "front", OFFICIAL_MONSTER_ACTIONS_BRIEF, OFFICIAL_MONSTER_ACTIONS_PACK_ID), "rig-monster-walk.gif": sampleInfo("sample-monster-actions", "monster-actions", "creature", "pixel", "front", OFFICIAL_MONSTER_ACTIONS_BRIEF, OFFICIAL_MONSTER_ACTIONS_PACK_ID), "rig-monster-attack.gif": sampleInfo("sample-monster-actions", "monster-actions", "creature", "pixel", "front", OFFICIAL_MONSTER_ACTIONS_BRIEF, OFFICIAL_MONSTER_ACTIONS_PACK_ID), "rig-monster-death.gif": sampleInfo("sample-monster-actions", "monster-actions", "creature", "pixel", "front", OFFICIAL_MONSTER_ACTIONS_BRIEF, OFFICIAL_MONSTER_ACTIONS_PACK_ID), "skill-vfx-charge.png": sampleInfo("sample-skill-vfx", "skill-vfx", "vfx", "pixel", "front", "像素风雷火技能特效，蓝紫闪电缠绕金色火花；需要 charge、burst、impact、fade 四帧循环，居中，纯色背景，轮廓清晰"), "skill-vfx-burst.png": sampleInfo("sample-skill-vfx", "skill-vfx", "vfx", "pixel", "front", "像素风雷火技能特效，蓝紫闪电缠绕金色火花；需要 charge、burst、impact、fade 四帧循环，居中，纯色背景，轮廓清晰"), "skill-vfx-impact.png": sampleInfo("sample-skill-vfx", "skill-vfx", "vfx", "pixel", "front", "像素风雷火技能特效，蓝紫闪电缠绕金色火花；需要 charge、burst、impact、fade 四帧循环，居中，纯色背景，轮廓清晰"), "skill-vfx-fade.png": sampleInfo("sample-skill-vfx", "skill-vfx", "vfx", "pixel", "front", "像素风雷火技能特效，蓝紫闪电缠绕金色火花；需要 charge、burst、impact、fade 四帧循环，居中，纯色背景，轮廓清晰"), "map-grass.png": sampleInfo("sample-map-tiles", "map-tiles", "map", "pixel", "top-down", "俯视 RPG 地图 tile 表：草地、泥路、石路、水边、悬崖、沙地、森林地表、熔岩岩地；需要可平铺方块"), "map-stone-road.png": sampleInfo("sample-map-tiles", "map-tiles", "map", "pixel", "top-down", "俯视 RPG 地图 tile 表：草地、泥路、石路、水边、悬崖、沙地、森林地表、熔岩岩地；需要可平铺方块"), "map-water-edge.png": sampleInfo("sample-map-tiles", "map-tiles", "map", "pixel", "top-down", "俯视 RPG 地图 tile 表：草地、泥路、石路、水边、悬崖、沙地、森林地表、熔岩岩地；需要可平铺方块"), "map-forest-floor.png": sampleInfo("sample-map-tiles", "map-tiles", "map", "pixel", "top-down", "俯视 RPG 地图 tile 表：草地、泥路、石路、水边、悬崖、沙地、森林地表、熔岩岩地；需要可平铺方块"), "ui-kit-components-sheet.png": sampleInfo("sample-ui-kit", "ui-kit", "ui", "production", "front", "奇幻游戏 UI 套件：生命条、法力条、背包格、动作按钮、对话面板、任务面板、九宫格角件、装饰分隔线；每格一个可切图组件"), "ui-modern-hud.png": sampleInfo("sample-ui-kit", "ui-kit", "ui", "production", "front", "奇幻游戏 UI 套件：生命条、法力条、背包格、动作按钮、对话面板、任务面板、九宫格角件、装饰分隔线；每格一个可切图组件"), "item-gem.png": sampleInfo("sample-ui-icons", "ui-icons", "icon", "pixel", "front", "RPG 背包图标表：玉剑、红药水、盾、钥匙、金币、卷轴、宝石、靴子；每格一个物品"), "item-jade-sword.png": sampleInfo("sample-ui-icons", "ui-icons", "icon", "pixel", "front", "RPG 背包图标表：玉剑、红药水、盾、钥匙、金币、卷轴、宝石、靴子；每格一个物品"), "item-shield.png": sampleInfo("sample-ui-icons", "ui-icons", "icon", "pixel", "front", "RPG 背包图标表：玉剑、红药水、盾、钥匙、金币、卷轴、宝石、靴子；每格一个物品"), "3f0120ef.png": { generatorUrl: "/generator/?preset=sprite&assetType=creature&style=pixel&camera=front&brief=%E5%83%8F%E7%B4%A0%E9%A3%8E%E5%8F%B2%E8%8E%B1%E5%A7%86%E6%80%AA%E7%89%A9%EF%BC%8C%E5%8D%95%E5%B8%A7%E7%B2%BE%E7%81%B5%E5%9B%BE%EF%BC%8C%E9%80%8F%E6%98%8E%E8%83%8C%E6%99%AF%EF%BC%8C%E6%B8%B8%E6%88%8F%E5%8F%AF%E7%94%A8" }, "ec601ceb.png": { generatorUrl: "/generator/?preset=icon&assetType=prop&style=pixel&camera=front&brief=%E5%83%8F%E7%B4%A0%E9%A3%8E%E7%81%B5%E7%9F%B3%E9%81%93%E5%85%B7%E5%9B%BE%E6%A0%87%EF%BC%8C%E9%80%8F%E6%98%8E%E8%83%8C%E6%99%AF%EF%BC%8C%E8%83%8C%E5%8C%85%E5%8D%95%E6%A0%BC%E5%8F%AF%E7%94%A8" }, }; function sampleInfo(id, preset, assetType, style, camera, brief, demoPackId = "") { const params = new URLSearchParams({ preset, assetType, style, camera, brief }); if (demoPackId) params.set("demoPackId", demoPackId); return { id, generatorUrl: `/generator/?${params.toString()}`, zipUrl: `/api/demo/official-samples/${encodeURIComponent(id)}/download.zip`, }; } function officialSampleInfoForImage(image) { const file = String(image || "").split("/").pop(); return OFFICIAL_SAMPLE_BY_IMAGE[file] || null; } function SectionHead({ kicker, title, sub, align = "center" }) { return (
{kicker && (
{kicker}
)}

{title}

{sub &&

{sub}

}
); } function AssetTile({ genre, sub, icon, from, to, glow, tags = [], size, large = false, image }) { const imageSrc = image ? image.includes("/") ? image : generatedAssetPath(image) : ""; const sample = officialSampleInfoForImage(image); const isEnglish = window.__lf?.lang === "en"; const primaryLabel = isEnglish ? "Use prompt" : "套用模板"; const secondaryLabel = isEnglish ? "Download ZIP" : "下载 ZIP"; const stopLinkClick = (event) => event.stopPropagation(); const openPrimary = () => { if (sample?.generatorUrl) window.location.href = sample.generatorUrl; }; return (
{ if (sample?.generatorUrl && (event.key === "Enter" || event.key === " ")) { event.preventDefault(); openPrimary(); } }} onMouseEnter={(e) => { e.currentTarget.style.transform = "translateY(-4px)"; e.currentTarget.style.borderColor = "var(--border-default)"; e.currentTarget.style.boxShadow = "var(--shadow-panel)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.borderColor = "var(--border-subtle)"; e.currentTarget.style.boxShadow = "none"; }} > {imageSrc ? ( <>
{genre} AI TEST OUTPUT ) : ( <>
NEXT TEST )} {/* bottom plate */}
{genre}
{sub}
{tags.map((t) => ( {t} ))} {size && {size}}
{sample?.generatorUrl && ( )}
); } Object.assign(window, { LFIcon, SectionHead, AssetTile, generatedAssetPath, officialSampleInfoForImage });