bluebey-studio: ARカメラにシャッターを追加し、スマホ操作の説明を追記

1 files changed, 12 insertions, 2 deletions

diff --git a/public/bluebey-studio/index.html b/public/bluebey-studio/index.html
index db44f3c..7111b9b 100644
--- a/public/bluebey-studio/index.html
+++ b/public/bluebey-studio/index.html
@@ -107,7 +107,8 @@ if (window.matchMedia('(max-width: 768px), (max-height: 500px) and (pointer: coa
   ドラッグ：回転　／　ホイール：ズーム　／　右ドラッグ：移動　／　ぶるべーをドラッグ：移動
 </p>
 <p id="viewport-hint-touch" class="viewport-hint">
-  1本指でドラッグ：回転　／　2本指：ズーム・移動　／　ぶるべーをドラッグ：移動
+  2本指でドラッグ：カメラ移動（ぶるべーは動きません）／ 2本指をつまむ：ズーム<br>
+  ぶるべーの上で1本指：ぶるべーを移動（上下で高さも）／ 何もない所で1本指：回転
 </p>
 
 <div id="toast" role="status" aria-live="polite"></div>
@@ -141,11 +142,20 @@ if (window.matchMedia('(max-width: 768px), (max-height: 500px) and (pointer: coa
       <li>気に入ったポーズは「ポーズを保存」でファイルに残せます。</li>
     </ul>
 
+    <h3>スマホでの操作</h3>
+    <ul>
+      <li><b>2本指でぐりぐり</b>：カメラ（見ている基準点）を動かします。ぶるべーは基準点から動きません。</li>
+      <li><b>2本指をつまむ（ピンチ）</b>：ズーム（寄る／引く）。</li>
+      <li><b>ぶるべーの上で1本指でぐりぐり</b>：ぶるべーを基準点から動かします。上下に動かすと高さも変わります。</li>
+      <li><b>何もない所で1本指でぐりぐり</b>：カメラが回ります。</li>
+      <li>パネル（下のシート）は、上の横線（ハンドル）をドラッグすると上下に動かせます。</li>
+    </ul>
+
     <h3>表情</h3>
     <ul>
       <li>目：開き具合（まばたき・ウインク）、目線（上下左右）、瞳の大きさ、ハイライト、閉じ方の種類。</li>
       <li>口：笑いの深さ、口の開き、舌、口角の点、太さ、色。</li>
-      <li>「目線パッド」をドラッグすると両目が一緒に動きます。</li>
+      <li>「目線パッド」をドラッグすると、選んだ側の目線が動きます（「左右を連動させる」中は両目）。</li>
       <li>プリセット（にっこり・ウインク・びっくり…）から始めると早いです。</li>
       <li>「手描きパーツを使う」を選ぶと、元のGIMP製パーツに切り替わります。</li>
     </ul>