diff options
Diffstat (limited to 'public/bluebey-studio/index.html')
| -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> |