aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/content/docs/bluebey/guide.mdx
blob: 19c67eefa2aa53a646528561ed8b146579678699 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
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/)からお願いします。