diff options
| author | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-10-03 13:14:14 +0900 |
|---|---|---|
| committer | Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> | 2026-10-03 13:14:14 +0900 |
| commit | adc4c74d2a3f852fb5e262d2e02022e8655e56f7 (patch) | |
| tree | ddd193236c7710ba44ba992a2bd28fd83cd75f97 | |
| parent | 842dc6e11738d69a2917d25a4db56542119b813f (diff) | |
public/bluebey-studio/index.html: meta descriptionを追加
| -rw-r--r-- | public/bluebey-studio/index.html | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/public/bluebey-studio/index.html b/public/bluebey-studio/index.html index dea745f..cb766a5 100644 --- a/public/bluebey-studio/index.html +++ b/public/bluebey-studio/index.html @@ -74,6 +74,18 @@ </head> <body> +<script> +/* + * On a small screen the control panel is a bottom sheet (see the small-screen + * rules in src/style.css): the 3D view fills the screen until the user opens it, + * so it starts folded away there. Setting the class before the panel is parsed + * keeps the closed sheet from flashing on the first paint. + */ +if (window.matchMedia('(max-width: 768px), (max-height: 500px) and (pointer: coarse)').matches) { + document.body.classList.add('panel-hidden'); +} +</script> + <div id="stage"> <canvas id="view" aria-label="3D viewport"></canvas> </div> @@ -90,9 +102,12 @@ <aside id="panel" aria-label="コントロールパネル"></aside> -<p id="viewport-hint"> +<p id="viewport-hint" class="viewport-hint"> ドラッグ：回転 ／ ホイール：ズーム ／ 右ドラッグ：移動 ／ モデルをクリック：ボーン選択 </p> +<p id="viewport-hint-touch" class="viewport-hint"> + 1本指でドラッグ：回転 ／ 2本指：ズーム・移動 ／ タップ：ボーン選択 +</p> <div id="toast" role="status" aria-live="polite"></div> |