57 lines
2.3 KiB
HTML
57 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta
|
|
name="description"
|
|
content="192채널 MEMS 마이크 배열을 위한 WebGPU 음향 카메라 시뮬레이터"
|
|
/>
|
|
<title>micarrsim</title>
|
|
<link rel="stylesheet" href="/packages/ui/app-shell.css" />
|
|
</head>
|
|
<body>
|
|
<main class="landing-shell">
|
|
<section class="hero-card">
|
|
<p class="eyebrow">192-channel acoustic camera laboratory</p>
|
|
<h1>micarrsim</h1>
|
|
<p class="hero-copy">
|
|
합성 음향 장면을 만들고, 마이크 배열의 자유음장 응답과 DAS 음향 영상을 같은 조건에서
|
|
비교합니다.
|
|
</p>
|
|
<div class="status-row" aria-label="실행 환경">
|
|
<span class="status-chip" id="webgpu-status">그래픽 장치 확인 중…</span>
|
|
<span class="status-chip status-chip--neutral">로컬 처리 · 외부 업로드 없음</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="launcher-grid" aria-label="도구 선택">
|
|
<a class="launcher-card" href="/apps/dataset-builder/">
|
|
<span class="launcher-card__number">01</span>
|
|
<div>
|
|
<h2>Dataset Builder</h2>
|
|
<p>기기 이미지에 음원을 배치하고 ambient를 혼합해 재현 가능한 장면을 만듭니다.</p>
|
|
</div>
|
|
<span class="launcher-card__action">장면 만들기 →</span>
|
|
</a>
|
|
|
|
<a class="launcher-card launcher-card--accent" href="/apps/acoustic-camera/">
|
|
<span class="launcher-card__number">02</span>
|
|
<div>
|
|
<h2>Acoustic Camera</h2>
|
|
<p>배열 응답을 계산하고 주파수 대역별 DAS 결과를 ground truth와 비교합니다.</p>
|
|
</div>
|
|
<span class="launcher-card__action">시뮬레이션 열기 →</span>
|
|
</a>
|
|
</section>
|
|
|
|
<footer class="landing-footer">
|
|
<a href="/docs/execution-plan.md">실행 계획</a>
|
|
<span aria-hidden="true">·</span>
|
|
<a href="https://github.com/" rel="noreferrer">프로젝트는 로컬에서만 실행됩니다</a>
|
|
</footer>
|
|
</main>
|
|
<script type="module" src="/packages/ui/landing.js"></script>
|
|
</body>
|
|
</html>
|