bluebey-studio: 縦書きの長音と句読点を修正、思考の雲をふんわり、照明の種類をシーンへ

縦書きの「ー」を90度回転して縦棒にし、句読点を字枠の右上へ配置（canvas/SVG両方）。思考の吹き出しは雲をより細かくふんわりさせ、〇を約3倍に。目のグループ名を「左目」「右目」に、照明の種類を「見た目」から「シーン」タブの「画面・光」へ移動。

1 files changed, 9 insertions, 7 deletions

diff --git a/public/bluebey-studio/src/panel.js b/public/bluebey-studio/src/panel.js
index 871c896..0ee94ac 100644
--- a/public/bluebey-studio/src/panel.js
+++ b/public/bluebey-studio/src/panel.js
@@ -592,7 +592,7 @@ export function buildPanel(app, root) {
     const primary = keys[0];
     const write = (fn) => { for (const k of keys) fn(state.face.eyes[k]); };
     const touched = () => { app.actions.refresh('face'); sync(); };
-    const group = eyeGroup(mode === 'both' ? '両目' : (mode === 'left' ? '左の目' : '右の目'), mode);
+    const group = eyeGroup(mode === 'both' ? '両目' : (mode === 'left' ? '左目' : '右目'), mode);
 
     // --- まぶた (per eye) ------------------------------------------------
     // 上まぶたの高さ and 下まぶたの高さ share one opening, so each is held to the
@@ -818,7 +818,7 @@ export function buildPanel(app, root) {
   // 横位置 (per eye) rarely changes, so it gets its own small box.
   const eyeAdvancedWidgets = {};
   for (const key of ['left', 'right']) {
-    const label = key === 'left' ? '左の目' : '右の目';
+    const label = key === 'left' ? '左目' : '右目';
     const eyeX = slider({
       label: `${label}の横位置`, min: -200, max: 200, step: 1, value: 0, format: (v) => `${Math.round(v)}`,
       onInput: (value) => { state.face.eyes[key].eyeX = value; app.actions.refresh('face'); },
@@ -845,8 +845,8 @@ export function buildPanel(app, root) {
 
   faceSection.add(hint('「まぶた」は目のグループごとに設定できます。「左右を連動させる」を入れると「両目」の設定が1つだけ出て、'
     + 'まぶた・目の形・大きさ・白目・光彩・目線が両目でそろいます。'
-    + 'はずすと「左の目」「右の目」の設定がそれぞれに出て、目線のパッドも2つになります。'
-    + '「左の目」「右の目」は、ぶるべー自身から見た左右です（正面から見ると、画面では左右が入れ替わって見えます）。'));
+    + 'はずすと「左目」「右目」の設定がそれぞれに出て、目線のパッドも2つになります。'
+    + '「左目」「右目」は、ぶるべー自身から見た左右です（正面から見ると、画面では左右が入れ替わって見えます）。'));
 
   const eyeColors = {
     white: colorField({ label: '白目', value: '#ffffff', onChange: (v) => { state.face.eyes.white = v; app.actions.refresh('face'); } }),
@@ -1907,7 +1907,7 @@ export function buildPanel(app, root) {
     value: 'gradient',
     onChange: (value) => { state.render.environment = value; app.actions.refresh('render'); },
   });
-  lookSection.add(environmentSegment.el);
+  // 照明の種類は「シーン」タブの「画面・光」に置く（環境の映りこみの元を選ぶものなので）。
   lookSection.add(buttons({
     items: [{
       id: 'resetLook',
@@ -2569,13 +2569,15 @@ export function buildPanel(app, root) {
     swatches: ['#ffffff', '#d9d0f2', '#cfe6ff', '#ffe6cc', '#e8ffe0'],
     onChange: (v) => { state.render.ambientColor = v; app.actions.refresh('render'); },
   });
+  lightSection.add(environmentSegment.el);
   lightSection.add(lightIntensitySlider.el);
   lightSection.add(ambientSlider.el);
   lightSection.add(lightColorField.el);
   lightSection.add(ambientColorField.el);
   lightSection.add(exposureSlider.el);
-  lightSection.add(hint('「光の色」でライトの色、「環境光の色」で影側の色を変えられます。'
-    + 'テクスチャ（環境）の映りこみは「見た目」タブの「環境の映りこみ」で調整できます。'));
+  lightSection.add(hint('「照明の種類」は環境の映りこみの元（グラデーション／部屋／なし）です。'
+    + '「光の色」でライトの色、「環境光の色」で影側の色を変えられます。'
+    + 'テクスチャ（環境）の映りこみの強さは「見た目」タブの「環境の映りこみ」で調整できます。'));
 
   /* ----------------------------------------------------------------- camera */