1 line
5.2 KiB
HTML
1 line
5.2 KiB
HTML
<!doctype html><html lang="ko"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>bibimbap 화면 스크린샷</title><style>body{margin:24px;background:#121212;color:#eee;font-family:system-ui,sans-serif}h1{font-size:24px}p{color:#bbb;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}figure{margin:0;padding:12px;background:#222;border-radius:12px}img{display:block;width:100%;height:320px;object-fit:contain;background:#080808}figcaption{padding-top:12px;line-height:1.5}small{display:block;color:#aaa;overflow-wrap:anywhere;font-size:11px}</style><h1>bibimbap 실행 화면 · 15장</h1><p>01–08: 앞선 실제 서비스/입력 검증 화면. 09–15: 현재 제품 플레이어 JS/CSS를 실행한 별도 로컬 확인 화면.<br>가로·정사각형은 화면 비율 검증용 빌드입니다. 게임 콘텐츠가 없어 흰 캔버스로 보입니다. 클릭하면 원본 크기로 열립니다.</p><div class="grid"><figure><a href="01-service-desktop-portrait.png"><img loading="lazy" src="01-service-desktop-portrait.png" alt="서비스 상세 · 데스크톱 · 실제 게임"></a><figcaption>서비스 상세 · 데스크톱 · 실제 게임<small>1440 × 900 · 01-service-desktop-portrait.png</small></figcaption></figure><figure><a href="02-service-mobile-portrait.png"><img loading="lazy" src="02-service-mobile-portrait.png" alt="서비스 상세 · 모바일 · 실제 게임"></a><figcaption>서비스 상세 · 모바일 · 실제 게임<small>320 × 844 · 02-service-mobile-portrait.png</small></figcaption></figure><figure><a href="03-game-home-normal.png"><img loading="lazy" src="03-game-home-normal.png" alt="Home · 일반 화면"></a><figcaption>Home · 일반 화면<small>500 × 757 · 03-game-home-normal.png</small></figcaption></figure><figure><a href="04-game-shop-normal.png"><img loading="lazy" src="04-game-shop-normal.png" alt="Shop · 일반 화면"></a><figcaption>Shop · 일반 화면<small>500 × 757 · 04-game-shop-normal.png</small></figcaption></figure><figure><a href="05-game-shop-expanded-landscape.png"><img loading="lazy" src="05-game-shop-expanded-landscape.png" alt="Shop · 가로 확대"></a><figcaption>Shop · 가로 확대<small>844 × 390 · 05-game-shop-expanded-landscape.png</small></figcaption></figure><figure><a href="06-game-upgrades-expanded-landscape.png"><img loading="lazy" src="06-game-upgrades-expanded-landscape.png" alt="Upgrades · 가로 확대"></a><figcaption>Upgrades · 가로 확대<small>844 × 390 · 06-game-upgrades-expanded-landscape.png</small></figcaption></figure><figure><a href="07-game-home-mobile.png"><img loading="lazy" src="07-game-home-mobile.png" alt="Home · 모바일"></a><figcaption>Home · 모바일<small>390 × 844 · 07-game-home-mobile.png</small></figcaption></figure><figure><a href="08-game-shop-mobile.png"><img loading="lazy" src="08-game-shop-mobile.png" alt="Shop · 모바일"></a><figcaption>Shop · 모바일<small>390 × 844 · 08-game-shop-mobile.png</small></figcaption></figure><figure><a href="09-actual-game-portrait-desktop.png"><img loading="lazy" src="09-actual-game-portrait-desktop.png" alt="세로 실제 게임 · 데스크톱 (추가 촬영)"></a><figcaption>세로 실제 게임 · 데스크톱 (추가 촬영)<small>1440 × 900 · 09-actual-game-portrait-desktop.png</small></figcaption></figure><figure><a href="10-actual-game-portrait-mobile.png"><img loading="lazy" src="10-actual-game-portrait-mobile.png" alt="세로 실제 게임 · 모바일 (추가 촬영)"></a><figcaption>세로 실제 게임 · 모바일 (추가 촬영)<small>390 × 844 · 10-actual-game-portrait-mobile.png</small></figcaption></figure><figure><a href="11-test-build-landscape-desktop.png"><img loading="lazy" src="11-test-build-landscape-desktop.png" alt="가로 검증용 빌드 · 데스크톱"></a><figcaption>가로 검증용 빌드 · 데스크톱<small>1440 × 900 · 11-test-build-landscape-desktop.png</small></figcaption></figure><figure><a href="12-test-build-landscape-mobile.png"><img loading="lazy" src="12-test-build-landscape-mobile.png" alt="가로 검증용 빌드 · 모바일"></a><figcaption>가로 검증용 빌드 · 모바일<small>390 × 844 · 12-test-build-landscape-mobile.png</small></figcaption></figure><figure><a href="13-test-build-square-desktop.png"><img loading="lazy" src="13-test-build-square-desktop.png" alt="정사각형 검증용 빌드 · 데스크톱"></a><figcaption>정사각형 검증용 빌드 · 데스크톱<small>1440 × 900 · 13-test-build-square-desktop.png</small></figcaption></figure><figure><a href="14-test-build-square-mobile.png"><img loading="lazy" src="14-test-build-square-mobile.png" alt="정사각형 검증용 빌드 · 모바일"></a><figcaption>정사각형 검증용 빌드 · 모바일<small>390 × 844 · 14-test-build-square-mobile.png</small></figcaption></figure><figure><a href="15-actual-game-portrait-fullscreen-desktop.png"><img loading="lazy" src="15-actual-game-portrait-fullscreen-desktop.png" alt="세로 실제 게임 · 전체화면 (추가 촬영)"></a><figcaption>세로 실제 게임 · 전체화면 (추가 촬영)<small>1440 × 900 · 15-actual-game-portrait-fullscreen-desktop.png</small></figcaption></figure></div></html> |