aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/content/docs/bluebey/guide.mdx156
1 files changed, 156 insertions, 0 deletions
diff --git a/src/content/docs/bluebey/guide.mdx b/src/content/docs/bluebey/guide.mdx
new file mode 100644
index 0000000..19c67ee
--- /dev/null
+++ b/src/content/docs/bluebey/guide.mdx
@@ -0,0 +1,156 @@
+---
+title: ぶるべー スタジオ 機能と使い方のご案内
+description: 小平市のマスコットキャラクタ「ぶるべー」の3Dスタジオ(準拠版)について、機能と使い方をまとめた確認用の資料です。この状態で使わせていただいてよいかを、市の担当課にご確認いただくために作成しました。
+---
+
+小平市のマスコットキャラクタ「ぶるべー」の3Dモデルを、ブラウザで自由に動かして画像を作れるツールを作りました。このたび、ぶるべーに関する方針に沿った**準拠版**として作り直したので、この状態で使わせていただいてよいか、ご確認をお願いします。
+
+準拠版では、次の方針で機能を絞り込んでいます。
+
+- **ぶるべーはしゃべらない** → セリフ・フキダシ・ナレーション・口パクの機能はありません。
+- **ぶるべーの姿を変えない** → 体の色を変える機能はありません。髪・ひげ・ほっぺを足す機能もありません。
+- 残したのは、**ポーズ**と、**目・口の表情**など、普段の様子の範囲で変えられる機能です。
+
+問題のある機能があれば、末尾の「ご確認いただきたい項目」にご記入いただけますと幸いです。
+
+[ぶるべー スタジオを開く](/bluebey-studio/)
+
+[この資料のPDF版をダウンロード](/bluebey/guide.pdf)
+
+## 1. ご利用の際にお願いしたいこと
+
+作成した画像は自由に使っていただけます(クレジット表記は不要です)。次のような使い方はご遠慮ください。
+
+- 公序良俗に反する目的での利用
+- ぶるべーのイメージを損なうような利用(たとえば、攻撃的・差別的・性的・過激な利用、誹謗中傷など)
+- 反社会的勢力や違法行為に関わる利用
+- 政治的意図があるように見える利用(例:ぶるべーが特定の政治家や政党を応援しているような表現)
+- 特定の宗教・宗派への勧誘や布教と誤解される利用
+- 小平市が公認・推薦・後援しているように見える利用(市の公式発表や公文書と誤認させる利用を含む)
+- 特定の企業・商品・思想・団体を、ぶるべーや小平市が推薦・保証しているように見える利用
+- 個人や団体への誹謗中傷、プライバシーの侵害、なりすまし
+
+ぶるべー(キャラクタ)の著作権は小平市に帰属します。使用している3Dモデル及び手描きパーツは、作者(安竹洋平)が自作したものです。モデルそのものの再配布・再利用はご遠慮ください。
+
+## 2. 使い方(簡単に)
+
+1. [ぶるべー スタジオ](/bluebey-studio/)(`/bluebey-studio/`)を開きます。
+2. 右側(スマホでは下側)のパネルで、タブ「ポーズ/顔/見た目/シーン/書き出し」を切り替えながら、ポーズや表情を作ります。
+3. 最後に「書き出し」タブから PNG を保存します。
+
+### パソコンでの操作
+
+- ぶるべーをつかんでドラッグすると、姿を変えずに移動できます。向きはマウスで調整します。
+- モデルをクリックすると、その場所に近いボーンが選ばれます。
+- 「元に戻す/やり直す(パネル上部の矢印アイコン)」「すべてをランダムに(?!アイコン)」は、どのタブでも使えます。
+
+### スマホでの操作
+
+- **2本指でぐりぐり**:見ている基準点を動かします(ぶるべーは基準点から動きません)。
+- **2本指でつまむ**:ズーム(寄る/引く)。
+- **ぶるべーの上で1本指でぐりぐり**:ぶるべーを基準点から動かします。上下に動かすと高さも変わります。
+- **何もない所で1本指でぐりぐり**:カメラが回ります。
+- パネル(下のシート)は、上の横線(ハンドル)をドラッグすると上下に動かせます。メニューの外側をタップすると閉じます。
+
+### キーボード(パソコン)
+
+| キー | 動作 |
+| --- | --- |
+| `S` | PNG保存 |
+| `C` | 画像をコピー |
+| `Tab` | パネルの表示切替 |
+| `?` | ヘルプ |
+| `1`〜`5` | カメラの向き |
+| `R` | ポーズをリセット |
+| `G` | 回転ギズモ |
+| `Space` | 生きている演出の開始/停止 |
+
+## 3. 機能一覧
+
+### ポーズ
+
+| メニュー | できること |
+| --- | --- |
+| ポーズ例 | 立ち・きおつけ・おじぎ・ふかくおじぎ・くびかしげ・てをふる・ばんざい・のびをする・ジャンプ・大ジャンプ・おどる・こてん・ねている・よこむき・`うしろむき`・右を紹介・左を紹介(17種類) |
+| 全身とボーンのスライダー | ボーンを選び、よこ(X)・たて(Y)・ねじり(Z)で関節を回せます。こまかい設定に、よこ移動・たて移動・おくゆき・回転ギズモの表示があります。 |
+| うごき | とまる/歩く/てをふる などの自動の動きに加え、「まばたきする」「ゆれる」「自動で回す」の切り替え。速さや間隔も変えられます。 |
+| 操作(タブ最上部) | このボーンを戻す/ポーズを全部戻す/少しランダムに |
+
+### 顔
+
+{/* <!-- textlint-disable --> */}
+
+| メニュー | できること |
+| --- | --- |
+| プリセット | ふつう・にっこり・`たべている`・ウインク・びっくり・ねぼけ・てれ・じと目・すき・むっと・ないてる(11パターン) |
+| 目 | 左右を連動させる/左右別々に設定。目の形は「ふつう/1線/2線/3線/3の目/わらう/ハート」。上まぶた・下まぶたの高さ、まぶたの形(曲線・直線)と太さ・傾き、まつげ(角度・位置)、白目を出す、光彩(瞳の白い丸)を出す、瞳・形の大きさ、目線(パッドをドラッグ)、涙を出す、ハートの色。 |
+| 見る先 | 指定した場所を見る/目線がうごく/端末を傾けて見る |
+| 口 | 口の形は「ふつうの口/丸く開く(O)」。曲げ・長さ・幅・太さ・開き・傾き・高さ、口角(角度・長さ)、舌(大きさ・位置)、色。 |
+| 眼鏡・サングラス | 眼鏡/サングラスをかけられます。フレームの太さ・色、レンズの色・濃さ、左右レンズの間隔、大きさ・高さ・傾き。 |
+| 鼻ちょうちん | 鼻ちょうちんを出す/出さない。大きさ・よこ位置・高さ・おくゆき・色。 |
+| 帽子 | なし/シルクハット/キャップ/コック帽/消防士。オリジナルの帽子モデル(GLB)を読み込むこともできます。大きさ・位置・前後の傾き・左右の傾き。 |
+| タブ最下部 | 顔をランダムに/顔をリセット |
+
+{/* <!-- textlint-enable --> */}
+
+### 見た目
+
+| メニュー | できること |
+| --- | --- |
+| スタイル | リアル/フラット/線画を切り替え。輪郭線を出す、線の太さ(体・手足、葉っぱ・鼻)、線の色、紙の色。「プリセットのスタイルに戻す」。 |
+| 見た目の調整 | 左右反転、影を落とす、足もとの丸い影、接地影だけ、環境の映りこみ、明るさなど。「プリセットに戻す」。体の色を変える機能はありません(固定です)。 |
+
+### シーン
+
+| メニュー | できること |
+| --- | --- |
+| 背景 | 背景の色、自分の画像、単色、透明、写真背景(倉庫・広間・空と雲・秋の公園・学校・社長室・砂漠・海岸・無人島・土管のある空き地・宇宙船の中・廃工場の食堂・地下室のリング・自動車工場・路地)、効果線(集中線・楕円集中線など)。「この背景で写真を撮る」。 |
+| 小物 | 演台・机・マイク・看板・観葉植物・段ボール箱・空いた缶詰・ベッド・布団・コップ・鉛筆・ノート・消しゴムを追加。看板には文字を入れられます。大きさ・位置・回転(X/Y/Z)。 |
+| 擬音(マンガのオノマトペ) | 画像から四角く切り出した擬音のスタンプを画面に貼れます。 |
+| 見えない壁 | 見えない板(有限の壁1・壁2)を置くと、その向こう側が隠れます。ぶるべーを壁に埋め込むと、体の一部だけが見えます。 |
+| 画面・光 | ひかり(光の向き・明るさ・環境光・光の色・環境光の色・露光)、照明の種類(スタジオ(明るい)/室内(自然な反射)/なし(のっぺり))、カメラ(見る高さ・向き・自動で回す・収める・正投影・遠近)。 |
+| 画面の情報 | 描画の状況(大きさ・品質・fps)の表示。 |
+
+### 書き出し
+
+| メニュー | できること |
+| --- | --- |
+| 画像 | PNGの大きさ(1〜4倍)、PNGの背景を透明にする、PNGを保存、クリップボードにコピー。 |
+| まんが | 今の状態をコマとして追加し、列数・大きさを選んで、まんが(コマ割り)として書き出します。 |
+| 共有 | 画像をシェア、Xで投稿、Facebookでシェア、この見た目のリンクをコピー。 |
+| 設定 | 設定を保存(JSON)/設定を読み込む。 |
+
+「元に戻す」「やり直す」「すべてをランダムに(?!)」は、どのタブを選んでいてもパネル上部に表示されます。
+
+## 4. この準拠版でできないこと(削除した機能)
+
+- セリフ・フキダシ・ナレーション・口パク(ぶるべーはしゃべらないため)
+- 体の色・テーマの変更(姿を変えないため)
+- 髪(頭の模様)・ひげ・ほっぺ(姿を変えないため)
+- 眉毛(ゴルゴ風など)
+
+## 5. ご確認いただきたい項目
+
+恐れ入りますが、次の機能について「このままでよいか」「避けたほうがよいか」をご確認ください。
+
+| 機能 | 内容 | ご判定 |
+| --- | --- | --- |
+| 目の表情 | じと目・わらう・ハート・涙・まつげ・白目など、目を細めたり閉じたりできる | ☐ 問題なし ☐ 要検討 |
+| 口の表情 | 笑い・開閉・口角・舌(舌を出す表現を含む) | ☐ 問題なし ☐ 要検討 |
+| 眼鏡・サングラス | ぶるべーに眼鏡やサングラスをかけられる | ☐ 問題なし ☐ 要検討 |
+| 帽子 | シルクハット・キャップ・コック帽・消防士の帽子をかぶせられる | ☐ 問題なし ☐ 要検討 |
+| 鼻ちょうちん | ねているときなどに鼻ちょうちんを出せる | ☐ 問題なし ☐ 要検討 |
+| 倒れるポーズ | こてん・ねている(横たわる)など | ☐ 問題なし ☐ 要検討 |
+| 小物 | ベッド・布団・演台・マイク・看板などを置ける | ☐ 問題なし ☐ 要検討 |
+| 背景 | 写真の背景、マンガの効果線を使える | ☐ 問題なし ☐ 要検討 |
+| 擬音 | マンガのオノマトペ(ドドド、バン!など)を貼れる | ☐ 問題なし ☐ 要検討 |
+| 見えない壁 | ぶるべーの体の一部だけが見えるように加工できる | ☐ 問題なし ☐ 要検討 |
+| まんが | 複数コマのまんがとして書き出せる | ☐ 問題なし ☐ 要検討 |
+| 書き出し・共有 | PNG保存、透明背景、クリップボードコピー、SNS共有 | ☐ 問題なし ☐ 要検討 |
+| 利用条件の文面 | 起動時の注意書き・この案内ページの内容 | ☐ 問題なし ☐ 要検討 |
+
+ほかにも「この機能は避けてほしい」という点があれば、あわせてお知らせください。ご指摘の機能は、公開前に削除または調整します。
+
+## 6. お問い合わせ
+
+この資料の内容についてのご質問・ご指摘は、[お問い合わせ](/contact/)からお願いします。