From 492f0073b1874976daa285b90ea943b851f2ac69 Mon Sep 17 00:00:00 2001 From: Yasutake Yohei <61961825+yasutakeyohei@users.noreply.github.com> Date: Fri, 9 Oct 2026 14:10:27 +0900 Subject: bluebey/guide: 想定する使い方と注意書きの確認用に再構成 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 機能一覧に眼鏡・サングラス(コスプレ)を明記し、利用者への注意書きに「ぶるべーはしゃべらない」ルールを追記した。 --- public/bluebey-studio/guide.html | 200 +++++++++++++++++++++------------------ public/bluebey-studio/index.html | 1 + public/bluebey/guide.pdf | Bin 352523 -> 330270 bytes 3 files changed, 108 insertions(+), 93 deletions(-) (limited to 'public') diff --git a/public/bluebey-studio/guide.html b/public/bluebey-studio/guide.html index bec6008..179bea3 100644 --- a/public/bluebey-studio/guide.html +++ b/public/bluebey-studio/guide.html @@ -4,7 +4,7 @@ -ぶるべー スタジオ(確認用)|機能と使い方のご案内 +ぶるべー スタジオ(確認用)|機能と使い方のご案内

ぶるべー スタジオ 機能と使い方のご案内

-

小平市マスコットキャラクタ「ぶるべー」3Dスタジオ(確認用)/作成: 安竹洋平

+

小平市マスコットキャラクタ「ぶるべー」3Dスタジオ(確認用)/作成: 安竹洋平

-

小平市のマスコットキャラクタ「ぶるべー」の3Dモデルを、ブラウザで自由に動かして画像

を作れるツールを作りました。 - このたび、ぶるべーに関する方針に沿った「準拠版」として作り直したので、この状態で使わせていただいてよいか、ご確認をお願いします。

-

準拠版では、次の方針で機能を絞り込んでいます。

+

小平市のマスコットキャラクタ「ぶるべー」の3Dモデルを、ブラウザで自由に動かして画像を作れる「ぶるべー スタジオ」を作りました。

+

公開の前に、次の3点をご確認ください。

-

問題のある機能があれば、末尾の「ご確認いただきたい項目」にご記入いた

だけますと幸いです。

- ぶるべー スタジオを開く +
  • 想定している使い方(「1. 想定している使い方」)で問題ないか
  • +
  • 利用者にお示しする注意書き(案)(「2. 利用者への注意書き(案)」)の文面がこのままでよいか
  • +
  • 各機能(「4. 機能一覧」)に、避けたほうがよいものがないか
  • +
    -

    1. ご利用にあたってお願いしたいこと

    -

    作成した画像

    は自由にお使いいただけます(クレジット表記は不要です)。次のような使い方はご遠慮ください。

    +

    1. 想定している使い方

    +

    このスタジオは、次のような使われ方を想定しています。

    -

    ぶるべー(キャラクタ)の著作権は小平市に帰属します。使用している3Dモデル及び手描きパーツは、作者(安竹洋平)が自作したものです。モデルそのものの再配布・再利用はご遠慮ください。

    +
  • 不特定多数の方が、ぶるべーのモデルを自由に使い、ポーズを変えたり表情をつけたりして、画像として保存する。
  • +
  • 保存した画像を、SNS への投稿、チラシ・ポスター・スライドなどの資料に活用する。
  • +
  • 小平市の名所を撮影し、その写真の中に小さなぶるべーを配置して「ぶるべーを探せ」として SNS に投稿する。
  • +
  • 小平市の名所を紹介する図や案内などに使う。
  • +
  • 小物(ベッド・布団・演台・マイク・看板など)や背景を組み合わせて、場面をつくる。
  • +
  • 眼鏡やサングラスをかけさせて、コスプレのように使う。
  • + +

    ほかにも、次のような使い方が考えられます(案)。

    + +

    (「ぶるべーを探せ」の例示写真は、この位置に掲載します。)

    -

    2. 使い方(かんたん)

    +

    2. 利用者への注意書き(案)

    +

    スタジオを開いたときに、利用者に次の注意書きを表示しようと考えています。この文面でよいかご確認ください。

    +
    +

    このスタジオは、市政・政治活動とは関係のない個人的な制作物です。

    +

    このスタジオで作成した画像などは、自由に使っていただけます。ただし、商用利用やそのほか特殊な使い方をされる場合は、小平市の確認が必要ですので、このサイトのお問い合わせからご連絡ください。

    +

    次のような使い方はご遠慮ください。

    + +

    ぶるべーはしゃべらない、というのが小平市としてのルールです。そのため、このスタジオには、ぶるべーがしゃべる(セリフやフキダシを出す)機能はありません。

    +

    ぶるべー(キャラクタ)の著作権は小平市に帰属します。このスタジオで使用している3Dモデルは、作者(安竹洋平)が自作したものです。モデルそのものの再配布・再利用はご遠慮ください。

    +
    + +

    3. 使い方(簡単に)

      -
    1. 上のボタン(または /
    2. bluebey-studio/)からスタジオを開きます。 +
    3. スタジオ(/bluebey-studio/)を開きます。
    4. 右側(スマホでは下側)のパネルで、タブ「ポーズ/顔/見た目/シーン/書き出し」を切り替えながら、ポーズや表情を作ります。
    5. -
    6. 最後に「書き出し」タ
    7. ブから PNG を保存します。 +
    8. 最後に「書き出し」タブから PNG を保存します。

    パソコンでの操作

    -

    スマートフォンでの操作

    +

    スマホでの操作

    キーボード(パソコン)

    -

    3. 機能一覧

    +

    4. 機能一覧

    -

    ポーズ

    +

    ポーズ

    - - びかしげ・てをふる・ばんざい・のびをする・ジャンプ・大ジャンプ・おどる・こてん・ねている・よこむき・うしろむき・右を紹介・左を紹介(17種類) - 節を回せます。こまかい設定に、よこ移動・たて移動・おくゆき・回転ギズモの表示があります。 - などの自動の動きに加え、「まばたきする」「ゆれる」「自動で回す」の切り替え。速さや間隔も変えられます。 + + + +
    メニューできること
    ポーズ例立ち・きおつけ・おじぎ・ふかくおじぎ・く
    全身とボーンのスライダーボーンを選び、よこ(X)・たて(Y)・ねじり(Z)で関
    うごきとまる/歩く/てをふる
    メニューできること
    ポーズ例立ち・きおつけ・おじぎ・ふかくおじぎ・くびかしげ・てをふる・ばんざい・のびをする・ジャンプ・大ジャンプ・おどる・こてん・ねている・よこむき・うしろむき・右を紹介・左を紹介(17種類)
    全身とボーンのスライダーボーンを選び、よこ(X)・たて(Y)・ねじり(Z)で関節を回せます。こまかい設定に、よこ移動・たて移動・おくゆき・回転ギズモの表示があります。
    うごきとまる/歩く/てをふる などの自動の動きに加え、「まばたきする」「ゆれる」「自動で回す」の切り替え。速さや間隔も変えられます。
    操作(タブ最上部)このボーンを戻す/ポーズを全部戻す/少しランダムに
    -

    顔

    +

    顔

    - - ている・ウインク・びっくり・ねぼけ・てれ・じと目・すき・むっと・ないてる(11種類) - ふつう/1線/2線/3線/3の目/わらう/ハート」。上まぶた・下まぶたの高さ、まぶたの形(曲線・直線)と太さ・傾き、まつげ(角度・位置)、白目を出す、光彩(瞳の白い丸)を出す、瞳・形の大きさ、目線(パッドをドラッグ)、涙を出す、ハートの色。 + + + - 長さ・幅・太さ・開き・傾き・高さ、口角(角度・長さ)、舌(大きさ・位置)、色。 - ンズの色・濃さ、左右レンズの間隔、大きさ・高さ・傾き。 - んを出す/出さない。大きさ・よこ位置・高さ・おくゆき・色。 - + + + +
    メニューできること
    プリセットふつう・にっこり・たべ
    目左右を連動させる/左右別々に設定。目の形は「
    メニューできること
    プリセットふつう・にっこり・たべている・ウインク・びっくり・ねぼけ・てれ・じと目・すき・むっと・ないてる(11パターン)
    目左右を連動させる/左右別々に設定。目の形は「ふつう/1線/2線/3線/3の目/わらう/ハート」。上まぶた・下まぶたの高さ、まぶたの形(曲線・直線)と太さ・傾き、まつげ(角度・位置)、白目を出す、光彩(瞳の白い丸)を出す、瞳・形の大きさ、目線(パッドをドラッグ)、涙を出す、ハートの色。
    見る先指定した場所を見る/目線がうごく/端末を傾けて見る
    口>口の形は「ふつうの口/丸く開く(O)」。曲げ・
    眼鏡・サングラス眼鏡/サングラスをかけられます。フレームの太さ・色、レ
    鼻ちょうちん鼻ちょうち
    帽子なし/シルクハット/キャップ/コック帽/消防士。オリジナルの帽子モデル(GLB)を読み込むこともできます。大きさ・位置・前後の傾き・左右の傾き。
    口口の形は「ふつうの口/丸く開く(O)」。曲げ・長さ・幅・太さ・開き・傾き・高さ、口角(角度・長さ)、舌(大きさ・位置)、色。
    眼鏡・サングラスコスプレの一種として、眼鏡やサングラスをかけられます。フレームの太さ・色、レンズの色・濃さ、左右レンズの間隔、大きさ・高さ・傾き。
    鼻ちょうちん鼻ちょうちんを出す/出さない。大きさ・よこ位置・高さ・おくゆき・色。
    帽子なし/シルクハット/キャップ/コック帽/消防士。大きさ・位置・前後の傾き・左右の傾き。
    タブ最下部顔をランダムに/顔をリセット

    見た目

    - っぱ・鼻)、線の色、紙の色。「プリセットのスタイルに戻す」。> - 左右反転、影を落とす、足もとの丸い影、接地影だけ、環境の映りこみ、明るさなど。「プリセットに戻す」。
    体の色を変える機能はありません(固定です)。 + +
    メニューできること
    スタイル>リアル/フラット/線画を切り替え。輪郭線を出す、線の太さ(体・手足、葉
    見た目の調整
    スタイルリアル/フラット/線画を切り替え。輪郭線を出す、線の太さ(体・手足、葉っぱ・鼻)、線の色、紙の色。「プリセットのスタイルに戻す」。
    見た目の調整左右反転、影を落とす、足もとの丸い影、接地影だけ、環境の映りこみ、明るさなど。「プリセットに戻す」。体の色を変える機能はありません。

    シーン

    - - 単色、透明、写真背景(倉庫・広間・空と雲・秋の公園・学校・社長室・砂漠・海岸・無人島・土管のある空き地・宇宙船の中・廃工場の食堂・地下室のリング・自動車工場・路地)、効果線(集中線・楕円集中線など)。「この背景で写真を撮る」。 - 看板には文字を入れられます。大きさ・位置・回転(X/Y/Z)。 - 音のスタンプを画面に貼れます。 - るべーを壁に埋め込むと、体の一部だけが見えるようになります。 - /室内(自然な反射)/なし(のっぺり))、カメラ(見る高さ・向き・自動で回す・収める・正投影・遠近)。 - (大きさ・品質・fps)の表示。 + + + + + + +
    メニューできること
    背景背景の色、自分の画像、
    小物演台・机・マイク・看板・観葉植物・段ボール箱・空いた缶詰・ベッド・布団・コップ・鉛筆・ノート・消しゴムを追加。
    擬音(マンガのオノマトペ)画像から四角く切り出した擬
    見えない壁見えない板(有限の壁1・壁2)を置くと、その向こう側が隠れます。ぶ
    画面・光ひかり(光の向き・明るさ・環境光・光の色・環境光の色・露光)、照明の種類(スタジオ(明るい)
    画面の情報描画の状況
    メニューできること
    背景背景の色、自分の画像、単色、透明、写真背景(倉庫・広間・空と雲・秋の公園・学校・社長室・砂漠・海岸・無人島・土管のある空き地・宇宙船の中・廃工場の食堂・地下室のリング・自動車工場・路地)、効果線(集中線・楕円集中線など)。「この背景で写真を撮る」。
    小物演台・机・マイク・看板・観葉植物・段ボール箱・空いた缶詰・ベッド・布団・コップ・鉛筆・ノート・消しゴムを追加。看板には文字を入れられます。大きさ・位置・回転(X/Y/Z)。
    擬音(マンガのオノマトペ)画像から四角く切り出した擬音のスタンプを画面に貼れます。
    見えない壁見えない板(有限の壁1・壁2)を置くと、その向こう側が隠れます。ぶるべーを壁に埋め込むと、体の一部だけが見えます。
    画面・光ひかり(光の向き・明るさ・環境光・光の色・環境光の色・露光)、照明の種類(スタジオ(明るい)/室内(自然な反射)/なし(のっぺり))、カメラ(見る高さ・向き・自動で回す・収める・正投影・遠近)。
    画面の情報描画の状況(大きさ・品質・fps)の表示。

    書き出し

    - - 追加し、列数・大きさを選んで、まんが(コマ割り)として書き出します。 + + - >設定を保存(JSON)/設定を読み込む。 +
    メニューできること
    画像PNGの大きさ(1〜4倍)、PNGの背景を透明にする、PNGを保存、クリップボードにコピー。
    まんが今の状態をコマとして
    画像PNGの大きさ(1〜4倍)、PNGの背景を透明にする、PNGを保存、クリップボードにコピー。
    まんが今の状態をコマとして追加し、列数・大きさを選んで、まんが(コマ割り)として書き出します。
    共有画像をシェア、Xで投稿、Facebookでシェア、この見た目のリンクをコピー。
    設定
    設定設定を保存(JSON)/設定を読み込む。
    -

    「元に戻す」「やり直す」「すべてをランダムに(?!)」は、どのタブを選んでいてもパネル上部に表示されます。

    - -

    4. この準

    拠版でできないこと(削除した機能) - +

    「元に戻す」「やり直す」「すべてをランダムに(?!)」は、どのタブを選んでいてもパネル上部に表示されます。

    5. ご確認いただきたい項目

    -

    恐れ入りますが、次の機能について「このままでよいか」「避

    けたほうがよいか」をご確認ください。ご判定欄にチェックをお願いします。

    +

    恐れ入りますが、次の項目について「このままでよいか」「避けたほうがよいか」をご確認ください。

    - - たり閉じたりできる - 閉・口角・舌(舌を出す表現を含む) - - - 問題なし
    ☐ 要検討 - てん・ねている(横たわる)など - 板などを置ける - える - ガのオノマトペ(ドドド、バン!など)を貼れる - できる - 問題なし
    ☐ 要検討 - - 案内ページの内容 + + + + + + + + + + + + + + +
    機能内容ご判定
    目の表情じと目・わらう・ハート・涙・まつげ・白目など、目を細め☐ 問題なし
    ☐ 要検討
    口の表情笑い・開☐ 問題なし
    ☐ 要検討
    眼鏡・サングラスぶるべーに眼鏡やサングラスをかけられる☐ 問題なし
    ☐ 要検討
    帽子シルクハット・キャップ・コック帽・消防士の帽子をかぶせられる☐ 問題なし
    ☐ 要検討
    鼻ちょうちんねているときなどに鼻ちょうちんを出せる☐
    倒れるポーズこ☐ 問題なし
    ☐ 要検討
    小物ベッド・布団・演台・マイク・看☐ 問題なし
    ☐ 要検討
    背景写真の背景、マンガの効果線を使☐ 問題なし
    ☐ 要検討
    擬音マン☐ 問題なし
    ☐ 要検討
    見えない壁ぶるべーの体の一部だけが見えるように加工="chk">☐ 問題なし
    ☐ 要検討
    まんが複数コマのまんがとして書き出せる☐
    書き出し・共有PNG保存、透明背景、クリップボードコピー、SNS共有☐ 問題なし
    ☐ 要検討
    利用条件の文面起動時の注意書き・この☐ 問題なし
    ☐ 要検討
    項目内容ご判定
    想定している使い方「1. 想定している使い方」のとおり(SNS投稿、チラシ、名所写真への合成など)☐ 問題なし
    ☐ 要検討
    利用者への注意書き「2. 利用者への注意書き(案)」の文面☐ 問題なし
    ☐ 要検討
    眼鏡・サングラスコスプレの一種として、眼鏡やサングラスをかけられる☐ 問題なし
    ☐ 要検討
    目の表情じと目・わらう・ハート・涙・まつげ・白目など、目を細めたり閉じたりできる☐ 問題なし
    ☐ 要検討
    口の表情笑い・開閉・口角・舌(舌を出す表現を含む)☐ 問題なし
    ☐ 要検討
    帽子シルクハット・キャップ・コック帽・消防士の帽子をかぶせられる☐ 問題なし
    ☐ 要検討
    鼻ちょうちんねているときなどに鼻ちょうちんを出せる☐ 問題なし
    ☐ 要検討
    倒れるポーズこてん・ねている(横たわる)など☐ 問題なし
    ☐ 要検討
    小物ベッド・布団・演台・マイク・看板などを置ける☐ 問題なし
    ☐ 要検討
    背景写真の背景、マンガの効果線を使える☐ 問題なし
    ☐ 要検討
    擬音マンガのオノマトペ(ドドド、バン!など)を貼れる☐ 問題なし
    ☐ 要検討
    見えない壁ぶるべーの体の一部だけが見えるように加工できる☐ 問題なし
    ☐ 要検討
    まんが複数コマのまんがとして書き出せる☐ 問題なし
    ☐ 要検討
    書き出し・共有PNG保存、透明背景、クリップボードコピー、SNS共有☐ 問題なし
    ☐ 要検討
    -

    ほかにも「この機能は避けてほしい」という点があれば、あわせてお知らせください。ご指摘の機能は、公開前に削除または調整します。

    +

    ほかにも「この使い方は避けてほしい」「この機能は外してほしい」という点があれば、あわせてお知らせください。

    diff --git a/public/bluebey-studio/index.html b/public/bluebey-studio/index.html index 4139001..21a07d4 100644 --- a/public/bluebey-studio/index.html +++ b/public/bluebey-studio/index.html @@ -203,6 +203,7 @@ if (window.matchMedia('(max-width: 768px), (max-height: 500px) and (pointer: coa
  • 小平市が公認・推薦・後援しているように見える利用(市の公式発表や公文書と誤認させる利用を含む)
  • 特定の企業・商品・思想・団体を、ぶるべーや小平市が推薦・保証しているように見える利用
  • +

    ぶるべーはしゃべらない、というのが小平市としてのルールです。そのため、このスタジオには、ぶるべーがしゃべる(セリフやフキダシを出す)機能はありません。

    ぶるべーの著作権は小平市にあります。このスタジオと3Dモデルは作者(安竹洋平)が自作したものです。

    diff --git a/public/bluebey/guide.pdf b/public/bluebey/guide.pdf index 4ff5ce5..e0ee326 100644 Binary files a/public/bluebey/guide.pdf and b/public/bluebey/guide.pdf differ -- cgit v1.3.1