bluebey: ぶるべー スタジオのページを公開

1 files changed, 93 insertions, 0 deletions

diff --git a/src/content/docs/bluebey/index.mdx b/src/content/docs/bluebey/index.mdx
new file mode 100644
index 0000000..85ef3da
--- /dev/null
+++ b/src/content/docs/bluebey/index.mdx
@@ -0,0 +1,93 @@
+---
+title: ぶるべー スタジオ
+description: 小平市のマスコットキャラクタ、ぶるべーの3Dモデルをブラウザで自由に動かし、ポーズや表情をつけて、3Dのまま・2D画像・線画として書き出せる無料のスタジオです。
+---
+
+<span id="_top"></span>
+
+このスタジオは、市政・政治活動とは関係のない個人的な制作物です。
+
+<img
+  src="/bluebey/images/bluebey-eyecatch.png"
+  alt="ぶるべー スタジオの画面"
+  style="width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.1)"
+/>
+
+ぶるべー スタジオは、小平市のマスコットキャラクタ「ぶるべー」の3Dモデルをブラウザで動かせる無料のツールです。ポーズと表情を自由に変えて、チラシやスライド、SNSなどに使える画像を作れます。インストールは不要で、ブラウザがあれば使えます。
+
+<div class="intro-cta">
+  <a href="/bluebey-studio/" target="_blank" rel="noopener" class="guide-btn">ぶるべー スタジオを開く</a>
+</div>
+
+## できること
+
+- **ポーズ**: ボーンを選び、スライダーやギズモで自由に動かせます。
+- **ポーズ例**: 立ち・おじぎ・てをふる・ばんざい・ジャンプ・おどるなど。
+- **表情**: 目と口をその場で描き直すので、まばたきや目線、笑いの深さを連続的に変えられます。
+- **表情のプリセット**: ふつう・にっこり・ウインク・びっくり・すき・むっと・ねぼけなど8種類。
+- **眼鏡・サングラス**: かけることができます（フレームの色と太さ、レンズの色と濃さ、傾きなど）。
+- **2D化**: リアル・フラット・線画の3つのスタイルを切り替えられます。
+- **素材**: 写真の背景のほか、マンガの効果線（集中線・楕円集中線など6種類）、単色、透明から選べます。
+- **セリフ**: 吹き出しを出して、画像にセリフを書き込めます。
+- **書き出し**: PNG（1〜4倍の大きさ）、クリップボードへのコピー、設定の保存。
+- **テクスチャの下地**: 目と口の下地画像を書き出せるので、自作の眉などを描いて読み込めます。
+- **共有**: いまの画面を画像にして「#ぶるべースタジオ」を付けて投稿できます。
+
+## 使い方
+
+1. 上のリンクから「ぶるべー スタジオ」を開きます。
+2. 右側のパネルで、ポーズや表情を選びます。
+3. 見た目や背景を整えて、「PNG保存」を押します。
+
+<figure style="margin:1.5rem 0">
+  <img
+    src="/bluebey/images/bluebey-lineart.png"
+    alt="線画スタイルで表示したぶるべー"
+    style="width:100%;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1)"
+  />
+  <figcaption style="font-size:0.85rem;color:var(--sl-color-gray-2);margin-top:0.5rem">線画スタイル。背景を透明にしたPNGとして保存できます。</figcaption>
+</figure>
+
+<figure style="margin:1.5rem 0">
+  <img
+    src="/bluebey/images/bluebey-scene.webp"
+    alt="写真の背景を使った例"
+    style="width:100%;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1)"
+  />
+  <figcaption style="font-size:0.85rem;color:var(--sl-color-gray-2);margin-top:0.5rem">写真の背景を使った例。ほかにも単色や透明を選べます。</figcaption>
+</figure>
+
+## ご利用について
+
+このぶるべー スタジオで作成した画像などの成果物は、自由に使っていただけます。ライセンス表記は不要です（チラシなどに使うときも、出典を書く必要はありません）。ただし、公序良俗に反する目的での利用はご遠慮ください。
+
+スタジオの共有機能でXなどに投稿すると、「#ぶるべースタジオ」とスタジオへのリンクが入ります。差し支えなければ、そのままにしていただけるとありがたいです。
+
+次のような使い方はお控えください。
+
+- 公序良俗に反する目的での利用
+- ぶるべーのイメージを損なうような攻撃的・差別的・性的・過激な利用
+- 反社会的勢力や違法行為に関わる利用
+- 政治的意図があるように見える利用（例：特定の政治家や政党をぶるべーが応援しているような表現）
+- 特定の宗教・宗派への勧誘や布教と誤解される利用
+- 小平市が公認・推薦・後援しているように見える利用（市の公式発表や公文書と誤認させる利用を含む）
+- 特定の企業・商品・思想・団体を、ぶるべーや小平市が推薦・保証しているように見える利用
+- 選挙運動への利用（特定の候補者や政党への投票を呼びかける表現）
+- 虚偽や誤情報の流布、医療・健康・金融・投資などについて誤った印象を与える利用
+- 個人や団体への誹謗中傷、プライバシーの侵害、なりすまし
+- ほかの自治体や団体のキャラクタ、小平市の別のマスコットと誤認させる利用
+- 賭博やギャンブル、たばこ・酒類など、法令で制限のある商品やサービスの宣伝
+
+「ぶるべーが応援している」「市が公認しているように見える」といった使い方でなければ、政治的な配布物に使っていただいてもかまいません。ただし、この点は微妙なところです。
+
+商用利用やそのほか特殊な使い方をされる場合は、小平市の確認が必要ですので、このサイトの[お問い合わせ](/contact/)からご連絡ください。
+
+なお、このスタジオのようにぶるべーを公開して多くの人に使っていただくことについては、小平市産業振興課に確認し、承諾を得ています（令和3年1月ころ）。
+
+## モデル（3Dファイル）について
+
+ぶるべー（キャラクタ）の著作権は小平市に帰属します。このスタジオで使用している3Dモデル及びその中の手描きパーツは、作者（安竹洋平）が自作したものです。モデル（bluebey.glb）そのものの再配布・再利用はご遠慮ください。
+
+## 免責事項
+
+本スタジオ及び3Dモデルのご使用に当たり、不利益や損害などが生じましても、一切の責任を負いかねます。ご了承ください。