From 7748864c80da65e68194cc83b78c14e93aa68aac Mon Sep 17 00:00:00 2001 From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> Date: Fri, 9 Oct 2026 11:32:40 +0900 Subject: bluebey/guide: 担当課向けの機能・使い方を公開ページ化しPDF版を追加 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/content/docs/bluebey/guide.mdx | 156 +++++++++++++++++++++++++++++++++++++ 1 file changed, 156 insertions(+) create mode 100644 src/content/docs/bluebey/guide.mdx (limited to 'src/content/docs') 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)で関節を回せます。こまかい設定に、よこ移動・たて移動・おくゆき・回転ギズモの表示があります。 | +| うごき | とまる/歩く/てをふる などの自動の動きに加え、「まばたきする」「ゆれる」「自動で回す」の切り替え。速さや間隔も変えられます。 | +| 操作(タブ最上部) | このボーンを戻す/ポーズを全部戻す/少しランダムに | + +### 顔 + +{/* */} + +| メニュー | できること | +| --- | --- | +| プリセット | ふつう・にっこり・`たべている`・ウインク・びっくり・ねぼけ・てれ・じと目・すき・むっと・ないてる(11パターン) | +| 目 | 左右を連動させる/左右別々に設定。目の形は「ふつう/1線/2線/3線/3の目/わらう/ハート」。上まぶた・下まぶたの高さ、まぶたの形(曲線・直線)と太さ・傾き、まつげ(角度・位置)、白目を出す、光彩(瞳の白い丸)を出す、瞳・形の大きさ、目線(パッドをドラッグ)、涙を出す、ハートの色。 | +| 見る先 | 指定した場所を見る/目線がうごく/端末を傾けて見る | +| 口 | 口の形は「ふつうの口/丸く開く(O)」。曲げ・長さ・幅・太さ・開き・傾き・高さ、口角(角度・長さ)、舌(大きさ・位置)、色。 | +| 眼鏡・サングラス | 眼鏡/サングラスをかけられます。フレームの太さ・色、レンズの色・濃さ、左右レンズの間隔、大きさ・高さ・傾き。 | +| 鼻ちょうちん | 鼻ちょうちんを出す/出さない。大きさ・よこ位置・高さ・おくゆき・色。 | +| 帽子 | なし/シルクハット/キャップ/コック帽/消防士。オリジナルの帽子モデル(GLB)を読み込むこともできます。大きさ・位置・前後の傾き・左右の傾き。 | +| タブ最下部 | 顔をランダムに/顔をリセット | + +{/* */} + +### 見た目 + +| メニュー | できること | +| --- | --- | +| スタイル | リアル/フラット/線画を切り替え。輪郭線を出す、線の太さ(体・手足、葉っぱ・鼻)、線の色、紙の色。「プリセットのスタイルに戻す」。 | +| 見た目の調整 | 左右反転、影を落とす、足もとの丸い影、接地影だけ、環境の映りこみ、明るさなど。「プリセットに戻す」。体の色を変える機能はありません(固定です)。 | + +### シーン + +| メニュー | できること | +| --- | --- | +| 背景 | 背景の色、自分の画像、単色、透明、写真背景(倉庫・広間・空と雲・秋の公園・学校・社長室・砂漠・海岸・無人島・土管のある空き地・宇宙船の中・廃工場の食堂・地下室のリング・自動車工場・路地)、効果線(集中線・楕円集中線など)。「この背景で写真を撮る」。 | +| 小物 | 演台・机・マイク・看板・観葉植物・段ボール箱・空いた缶詰・ベッド・布団・コップ・鉛筆・ノート・消しゴムを追加。看板には文字を入れられます。大きさ・位置・回転(X/Y/Z)。 | +| 擬音(マンガのオノマトペ) | 画像から四角く切り出した擬音のスタンプを画面に貼れます。 | +| 見えない壁 | 見えない板(有限の壁1・壁2)を置くと、その向こう側が隠れます。ぶるべーを壁に埋め込むと、体の一部だけが見えます。 | +| 画面・光 | ひかり(光の向き・明るさ・環境光・光の色・環境光の色・露光)、照明の種類(スタジオ(明るい)/室内(自然な反射)/なし(のっぺり))、カメラ(見る高さ・向き・自動で回す・収める・正投影・遠近)。 | +| 画面の情報 | 描画の状況(大きさ・品質・fps)の表示。 | + +### 書き出し + +| メニュー | できること | +| --- | --- | +| 画像 | PNGの大きさ(1〜4倍)、PNGの背景を透明にする、PNGを保存、クリップボードにコピー。 | +| まんが | 今の状態をコマとして追加し、列数・大きさを選んで、まんが(コマ割り)として書き出します。 | +| 共有 | 画像をシェア、Xで投稿、Facebookでシェア、この見た目のリンクをコピー。 | +| 設定 | 設定を保存(JSON)/設定を読み込む。 | + +「元に戻す」「やり直す」「すべてをランダムに(?!)」は、どのタブを選んでいてもパネル上部に表示されます。 + +## 4. この準拠版でできないこと(削除した機能) + +- セリフ・フキダシ・ナレーション・口パク(ぶるべーはしゃべらないため) +- 体の色・テーマの変更(姿を変えないため) +- 髪(頭の模様)・ひげ・ほっぺ(姿を変えないため) +- 眉毛(ゴルゴ風など) + +## 5. ご確認いただきたい項目 + +恐れ入りますが、次の機能について「このままでよいか」「避けたほうがよいか」をご確認ください。 + +| 機能 | 内容 | ご判定 | +| --- | --- | --- | +| 目の表情 | じと目・わらう・ハート・涙・まつげ・白目など、目を細めたり閉じたりできる | ☐ 問題なし ☐ 要検討 | +| 口の表情 | 笑い・開閉・口角・舌(舌を出す表現を含む) | ☐ 問題なし ☐ 要検討 | +| 眼鏡・サングラス | ぶるべーに眼鏡やサングラスをかけられる | ☐ 問題なし ☐ 要検討 | +| 帽子 | シルクハット・キャップ・コック帽・消防士の帽子をかぶせられる | ☐ 問題なし ☐ 要検討 | +| 鼻ちょうちん | ねているときなどに鼻ちょうちんを出せる | ☐ 問題なし ☐ 要検討 | +| 倒れるポーズ | こてん・ねている(横たわる)など | ☐ 問題なし ☐ 要検討 | +| 小物 | ベッド・布団・演台・マイク・看板などを置ける | ☐ 問題なし ☐ 要検討 | +| 背景 | 写真の背景、マンガの効果線を使える | ☐ 問題なし ☐ 要検討 | +| 擬音 | マンガのオノマトペ(ドドド、バン!など)を貼れる | ☐ 問題なし ☐ 要検討 | +| 見えない壁 | ぶるべーの体の一部だけが見えるように加工できる | ☐ 問題なし ☐ 要検討 | +| まんが | 複数コマのまんがとして書き出せる | ☐ 問題なし ☐ 要検討 | +| 書き出し・共有 | PNG保存、透明背景、クリップボードコピー、SNS共有 | ☐ 問題なし ☐ 要検討 | +| 利用条件の文面 | 起動時の注意書き・この案内ページの内容 | ☐ 問題なし ☐ 要検討 | + +ほかにも「この機能は避けてほしい」という点があれば、あわせてお知らせください。ご指摘の機能は、公開前に削除または調整します。 + +## 6. お問い合わせ + +この資料の内容についてのご質問・ご指摘は、[お問い合わせ](/contact/)からお願いします。 -- cgit v1.3.1