‹ 게임

화면 배경 이미지 — 플레이스홀더 & 생성 프롬프트

내부 기획

화면 배경 이미지 — 플레이스홀더 & 생성 프롬프트

용도: 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 등에 그대로 붙여 쓸 수 있게 영어로 적었다.

사용법

  1. 아래 표에서 화면 ID로 항목을 찾는다.
  2. 프롬프트를 Draw Things(scripts/drawthings/cli-img2img.sh 또는 txt2img) / Gemini에 입력해 초안 생성.
  3. 결과를 packages/client/public/assets/reference/drawthings/bg-<screen>.png에 저장 → 사용자 검수.
  4. 승인되면 packages/client/public/assets/backgrounds/<screen>.png로 옮기고, game.css의 해당 /* placeholder — ... */ 주석 바로 아래 규칙에 background-image: url(...)을 추가해 그라디언트 플레이스홀더를 대체한다.

MVP 화면 (지금 플레이스홀더 CSS 있음)

화면 CSS 클래스 무드 (§8.1) 생성 프롬프트
title .cf-title-scenebg-title.png 황혼 계곡 원경 — 좌 아카데미·우 봉인의 탑 (LANDMARKS.md) 랜드마크 2종 잠금 후 합성: reference/landmarks/chaosforge-academy.png, seal-spire.pngbg-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.pysprites/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).