From 33618be1290d6b842d363fb8e50b0fd52bee54dc Mon Sep 17 00:00:00 2001 From: MasterBabol Date: Fri, 28 Aug 2026 21:41:22 +0900 Subject: [PATCH] docs: explain adjustable workspace panels --- README.md | 10 ++++++++++ apps/acoustic-camera/README.md | 5 +++++ apps/dataset-builder/README.md | 5 +++++ docs/index.html | 7 +++++++ 4 files changed, 27 insertions(+) diff --git a/README.md b/README.md index b904481..f4648fd 100644 --- a/README.md +++ b/README.md @@ -56,6 +56,16 @@ powershell.exe -NoLogo -NoProfile -ExecutionPolicy Bypass -File .\scripts\serve. 실제 완료 시간은 브라우저와 장치에 따라 다릅니다. CPU fallback에서는 WebGPU보다 오래 걸릴 수 있습니다. +### 화면 폭 조절 + +데스크톱에서는 Dataset Builder의 오른쪽 설정 패널과 Acoustic Camera의 왼쪽 설정 패널 경계를 +드래그해 넓힐 수 있습니다. 경계선에 키보드 초점을 두면 `←`/`→`로 16px씩, +`Shift`와 함께 누르면 64px씩 조절됩니다. `Home`/`End`는 최소·최대 +폭, `Enter` 또는 더블클릭은 기본 폭으로 되돌립니다. + +조절한 폭은 앱별로 현재 브라우저에 저장됩니다. 화면이 좁아지면 저장된 값과 관계없이 패널과 작업 +영역이 자동으로 위아래로 쌓이고, 다시 데스크톱 폭으로 돌아오면 저장된 폭이 복원됩니다. + ### 이동 음원 바로 보기 1. Acoustic Camera에서 **이동 예제 열기**를 누릅니다. diff --git a/apps/acoustic-camera/README.md b/apps/acoustic-camera/README.md index fdbf07a..b2cc67a 100644 --- a/apps/acoustic-camera/README.md +++ b/apps/acoustic-camera/README.md @@ -10,6 +10,11 @@ DAS·DAS-PHAT·GCC-PHAT 위치추정으로 주파수 대역별 acoustic map과 g 저장소의 `start.cmd`를 실행한 뒤 시작 화면에서 **Acoustic Camera**를 선택하거나 을 엽니다. `index.html`을 직접 열지 마세요. +데스크톱에서는 왼쪽 설정 패널과 결과 작업 영역 사이의 선을 드래그해 폭을 조절할 수 있습니다. +방향키도 지원하며 `Enter` 또는 더블클릭으로 기본 폭을 복원합니다. 앱별 폭은 브라우저에 +저장되고, 980px 이하에서는 설정과 결과가 위아래로 자동 배치됩니다. 패널을 최소 폭으로 줄이면 +파일·분석 설정과 주파수 대역 입력도 실제 패널 폭에 맞춰 한 열 또는 두 행으로 재배치됩니다. + 가장 빠른 확인 방법은 다음과 같습니다. 1. 기본 fixture가 준비될 때까지 기다립니다. diff --git a/apps/dataset-builder/README.md b/apps/dataset-builder/README.md index 7d576d3..6dfbc72 100644 --- a/apps/dataset-builder/README.md +++ b/apps/dataset-builder/README.md @@ -9,6 +9,11 @@ 을 엽니다. `index.html`을 직접 열면 module과 Worker가 동작하지 않습니다. +데스크톱에서 canvas와 오른쪽 설정 패널 사이의 선을 드래그하면 설정 폭을 바꿀 수 있습니다. 선에 +초점을 둔 뒤 방향키로도 조절할 수 있고, `Enter` 또는 더블클릭하면 기본 폭으로 돌아갑니다. +폭은 이 브라우저에 저장되며, 1100px 이하에서는 설정 패널이 작업 영역 아래로 자동 배치됩니다. +설정 안의 좌표·시간·경로 입력은 viewport가 아니라 실제 패널 폭에 맞춰 열 수를 바꿉니다. + ## 기본 사용법 1. **배경 이미지**를 선택하거나 이미지 없이 grid를 사용합니다. diff --git a/docs/index.html b/docs/index.html index 6088568..8a5683a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -94,6 +94,13 @@
  • Snapshot 또는 Moving을 선택해 Auto (GPU→CPU)로 실행한 뒤 Result JSON을 저장합니다.
    • + +