화면 배경 이미지 — 플레이스홀더 & 생성 프롬프트
용도: UX_SCREENS.md §8.1에 무드만 정해두고 실제 배경 PNG가 아직 없는 화면들의 목록. 코드에는 우선 팔레트 그라디언트로 만든 플레이스홀더만 넣어뒀고(
game.css), 각 항목마다 실제 이미지를 만들 때 쓸 생성 프롬프트를 미리 적어둔다.정책 주의 — ASSET_SOURCES.md: 배경 이미지는 원칙적으로 CC0/직접 제작만 허용(AI 일괄 생성 금지). 아래 프롬프트는 그 규칙의 예외가 아니라 §2.5 Draw Things 로컬 초안 절차용이다 — 프롬프트로 만든 결과물은 반드시
reference/drawthings/에 먼저 저장하고 사용자 검수를 거친 뒤에만(그대로 쓰거나, 팔레트에 맞게 픽셀화/보정해서)public/assets/에 반영한다. 검수 결과 CC0 팩으로 대체하기로 결정해도 무방하다. 프롬프트는 Draw Things/Gemini 등에 그대로 붙여 쓸 수 있게 영어로 적었다.
사용법
- 아래 표에서 화면 ID로 항목을 찾는다.
- 프롬프트를 Draw Things(
scripts/drawthings/cli-img2img.sh또는 txt2img) / Gemini에 입력해 초안 생성. - 결과를
packages/client/public/assets/reference/drawthings/bg-<screen>.png에 저장 → 사용자 검수. - 승인되면
packages/client/public/assets/backgrounds/<screen>.png로 옮기고,game.css의 해당/* placeholder — ... */주석 바로 아래 규칙에background-image: url(...)을 추가해 그라디언트 플레이스홀더를 대체한다.
MVP 화면 (지금 플레이스홀더 CSS 있음)
| 화면 | CSS 클래스 | 무드 (§8.1) | 생성 프롬프트 |
|---|---|---|---|
title |
.cf-title-scene → bg-title.png |
황혼 계곡 원경 — 좌 아카데미·우 봉인의 탑 (LANDMARKS.md) | 랜드마크 2종 잠금 후 합성: reference/landmarks/chaosforge-academy.png, seal-spire.png → bg-title.png (--ref academy). 프롬프트: wide dusk valley title screen, academy left mid-ground, sealed spire right horizon, abyss blue mist, NO lava/ember hellscape, no characters, no text, 16:9 |
trialPrep |
.cf-trial-prep-scene |
시련 문 안쪽 대기실, 챕터별 바이옴 프리뷰 창 | dark stone antechamber inside a sealed academy trial gate, single arched viewport glowing with a distant ember-caverns biome, minimal props, low warm rim light, abyss-blue base tones, pixel-art game background, no characters, no text, wide 16:9 |
run prep/shop |
.cf-run-scene |
첨탑 내부 봉인층, 은은한 유적 벽면 텍스처 | subtle worn stone rune-wall texture, dark slate tones, faint glowing grid-line etchings, flat lighting suitable as a UI backdrop behind a grid inventory, no characters, no strong focal point, seamless-ish, wide 16:9 |
run battle (Ember Caverns, Ch.1) |
Pixi 캔버스 배경 (BattlePixi.ts) |
Ember 바이옴 원경+안개 | molten ember cavern battle backdrop, glowing lava veins in rock walls, drifting embers and haze, dark red-orange palette, layered depth (far silhouette / mid haze), no characters, pixel-art game background, wide 16:9 |
run battle (Gale Cliffs, Ch.2) |
Pixi 캔버스 배경 (BattlePixi.ts) |
Gale 바이옴 원경+안개 | windswept cliffside battle backdrop at dusk, pale blue-grey sky, drifting fog and leaves, layered depth (far silhouette / mid haze), no characters, pixel-art game background, wide 16:9 |
Phase 2 / 2.5 화면 (아직 구현 안 함 — 프롬프트만 선점)
| 화면 | 무드 (§8.1) | 생성 프롬프트 |
|---|---|---|
academyHub |
아카데미 안뜰, 황혼, 시련 문에서 빛 새어나옴 | academy courtyard at dusk, four small guild-hall buildings around a glowing sealed trial gate, warm window lights, stone path foreground, painterly pixel-art game background, no characters, wide 16:9 |
roster |
소집 책상 · 아카데미 사무실(창·책상·초상·배너) — ✅ bg-roster.png 반영 |
warm Imperial Academy muster office at golden hour, large arched windows with sunset sky, oak desks with open ledgers quills and maps, hanging lanterns, framed living officer portraits and blue-gold banners on plaster walls, no tomb niches no columbarium no memorial plaques, no characters in room, no text, painterly game background, wide 16:9 |
goldShop |
상인 매대, 화사한 조명 | cozy merchant stall interior, warm wooden shelves lit by hanging lanterns, brighter and more cheerful than a dungeon, no characters, pixel-art game background, wide 16:9 |
questBoard |
게시판 코르크/석판 + 압정 — ✅ bg-quest-board.webp 반영 |
stone quest board wall covered in pinned parchment notes, dim torch light, no characters, no readable text, pixel-art game background, wide 16:9 |
codex |
서고, 책장·유물 진열대 — ✅ bg-codex.webp 반영 |
dim archive library interior, tall bookshelves and glass relic display cases, single blue accent glow from an artifact case, no characters, pixel-art game background, wide 16:9 |
배경 불필요 (§8.1 명시)
settings · leaderboard · result · run reward/blessing — 단색 배경 + 비네트만 유지(이미 구현됨). 별도 이미지 제작 불필요.
유적 전용 아이템 아이콘 (초안 — 생성 명령 실행 전)
스타일 공통: single game item icon, centered, transparent background, stylized pixel-art, no text, no character, one object only
| id | single-object prompt (초안) |
|---|---|
oopart.foundry.overdrive_joint |
brass and copper overdrive joint with exposed gear teeth, ember glow seams, satchel oopart icon |
oopart.foundry.heat_sink_spine |
ribbed heat-sink spine plate with cooling fins and faint orange heat shimmer |
item.foundry.gearblade |
short sword with interlocking gear segments along the blade, foundry soot |
item.foundry.articulated_coil |
coiled spring accessory with hinged brass links |
item.foundry.overload_damper |
heavy armor plate with pressure relief valves and scorch marks |
oopart.reliquary.echo_cistern |
ornate cistern jar with ochl condensation beads, reliquary patina |
oopart.reliquary.return_valve |
brass return valve with twin spouts and teal flow lines |
item.reliquary.condenser_core |
crystal condenser core in bronze housing, dripping condensed light |
item.reliquary.resonance_plate |
thin resonant chest plate with engraved wave lines |
item.reliquary.portable_still |
small alchemical still with coiled tube and flask |
oopart.menagerie.incubator_gland |
bio-mechanical incubator gland bulb with green culture fluid |
oopart.menagerie.symbiote_lattice |
lattice accessory woven from symbiotic filaments and tiny nodes |
item.menagerie.culture_cradle |
sterile culture cradle dish with clamp arms |
item.menagerie.specimen_hook |
specimen hook tool with barbed tip and lab grip |
item.menagerie.sealing_clamp |
quarantine sealing clamp with rubberized jaws |
oopart.observatory.prismatic_focus |
prismatic focus lens on a void-tinted mount, rainbow edge refraction |
oopart.observatory.mana_astrolabe |
mana astrolabe ring instrument with floating arc ticks |
item.observatory.void_lens |
void lens monocle artifact with purple inner glow |
item.observatory.channel_rod |
channeling rod staff tip with elemental conductor lines |
item.observatory.tidal_charm |
tidal charm pendant with wave-shaped gem |
oopart.bastion.aegis_vertebra |
segmented aegis vertebra shield spine, bone-steel fusion |
oopart.bastion.oath_censer |
oath censer thurible with chain and faint protective smoke |
item.bastion.gate_shield_fragment |
fractured gate shield chunk still bearing heraldry emboss |
item.bastion.reliquary_plate |
reliquary chest plate with inset saint relic slot |
item.bastion.warden_sigil |
warden sigil medal with bastion gate motif |
유적 강화 소재 아이콘 (승인 2026-07-22)
스타일: manifest item-manifest.json — DT reference 승인 후 process-items.py (rembg birefnet-general) → promote-ruin-materials.py → sprites/items/materials/mat_ruin_*.webp.
| materialId | single-object prompt (초안) | reference (승인본) |
|---|---|---|
mat.ruin.ember_foundry |
refined ember foundry slag chunk with orange heat seams | items/item_ruin_material_ember_foundry.webp |
mat.ruin.sunken_reliquary |
amber reliquary resin nodule with teal flow veins | items/item_ruin_material_sunken_reliquary.webp |
mat.ruin.verdigris_menagerie |
stabilized verdigris menagerie culture sample in glass ampoule | items/item_ruin_material_verdigris_menagerie.webp |
mat.ruin.hollow_observatory |
hollow observatory lens dust in void-tinted glass vial | items/item_ruin_material_hollow_observatory_v2.webp (v1 거절) |
mat.ruin.ossuary_bastion |
calcified ossuary bastion ash in stone mortar | items/item_ruin_material_ossuary_bastion.webp |
거절 reference (runtime·rembg 승격 금지): items/item_ruin_material_hollow_observatory.webp (v1).