티옴타 게임 진입 세계관 (padella 웹스튜디오 몰입 이식) — 2026-06-15

개요

padella.crowny.org의 "게임 진입 세계관"(듀얼 포털+5씬 상태머신+NPC+φ디자인, 순수CSS/JS)을 티옴타 미디어 허브에 이식. 서비스를 "게임처럼 입장하는 문화콘텐츠 세계"로 업그레이드. /media/world.

무엇을 했는지

엔진 포팅 (padella game-shell → tiomta)

• public/media/world/tiomta-world.js — window.TiomtaWorld.go(sceneId). 5씬(plaza/theater/atelier/agora/study), HUD(문장+시계)·하단 dock·포털전환(700ms)·패럴랙스·onSceneEnter lazy훅.
• public/media/world/world-shell.css — tw-* 셸(클로드밸런스 retheme: coral#D97757+kraft+gold+TOAU색, φ패딩, reduced-motion 완전가드, sky 입장포털).

병렬 빌드 (Workflow 3트랙)

• 씬배경(scenes.css 25KB): plaza(우주여명·별가루·conic광선)/theater(스크린글로우·커튼·스포트라이트)/atelier(동심원파동·잔향)/agora(노을·말풍선)/study(책장결·촛불·달빛). 이미지0, 패럴랙스 레이어.
• 월드페이지(world/index.html 429줄)+NPC(data/world-npc.json 5명: 결잡이/영사기사/소리지기/이야기꾼/결의 사서): 입장 포털(빛가루 60파티클·sessionStorage 1회), 5씬 각 NPC+미니프리뷰(TM 실데이터)+CTA(미디어 기능 연결).
• 한선씨 oembed 완성: 미디어허브.한선에 \uXXXX 디코더(_헥스파싱/유니코드디코드) 추가 → 유튜브 html '<iframe' 정상화. oembed 완전 한선씨화.

통합 (server.js)

• /media/world 라우트 추가. index.html 진입점 "✳ 월드"→/media/world.
• HANSEON_READS에 youtube/xcom 재포함 → 노드읽기+oembed 전부 :9888 한선씨 경유(JS 폴백).

검증 (헤드리스 Chrome)

• /media/world 200. 입장포털 "티옴타 월드"+✦월드입장. 5씬 배경 전부, NPC 5, 미니카드 25(실데이터), 패럴랙스 15레이어, HUD/dock 주입. oembed <iframe 정상.

관련 파일

• public/media/world/{tiomta-world.js,world-shell.css,scenes.css,index.html}
• data/world-npc.json · 미디어허브.한선(\u디코더) · server.js(/media/world,HANSEON_READS)

잔여

• 콘텐츠 바이너리/CVF 스트리밍 · 게이트웨이 :9888 직결 · 월드 씬↔미디어 더 깊은 통합(씬 안에서 재생)