投稿者: chosuke

趣味はゲームやアニメや漫画などです

TRPGシナリオ自動生成＆共有

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>TRPGシナリオ自動生成＆共有</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background: #f4f4f4;
      padding: 20px;
      max-width: 800px;
      margin: auto;
    }
    h1, h2 {
      text-align: center;
    }
    select, button, textarea {
      width: 100%;
      padding: 10px;
      margin-top: 10px;
      font-size: 1rem;
    }
    .box {
      background: #fff;
      padding: 15px;
      border-radius: 8px;
      margin-top: 20px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .scenario {
      background: #f9f9f9;
      border-left: 5px solid #4CAF50;
      margin-bottom: 10px;
      padding: 10px;
      border-radius: 5px;
      position: relative;
    }
    .btns {
      margin-top: 10px;
      display: flex;
      gap: 10px;
    }
    .copy, .save, .delete {
      cursor: pointer;
      border: none;
      padding: 8px 12px;
      border-radius: 4px;
    }
    .copy { background: #2196F3; color: white; }
    .save { background: #4CAF50; color: white; }
    .delete { background: #f44336; color: white; }
  </style>
</head>
<body>
  <h1>🎲 TRPGシナリオ自動生成サイト</h1>

  <div class="box">
    <label>ジャンル選択:</label>
    <select id="genre">
      <option value="fantasy">ファンタジー</option>
      <option value="horror">ホラー</option>
      <option value="scifi">SF</option>
    </select>
    <button onclick="generateScenario()">📜 シナリオを生成する</button>
  </div>

  <div id="scenarioBox" class="box"></div>

  <h2>🗃 保存済みシナリオ</h2>
  <div id="savedScenarios" class="box"></div>

  <script>
    const data = {
      fantasy: {
        title: ["封印の迷宮", "聖騎士の試練", "魔王復活の予兆", "失われた王国"],
        world: ["中世の王国", "古代の神殿", "天空都市", "エルフの森"],
        incident: ["魔法の暴走", "伝説の剣の発見", "精霊の異変", "竜の襲撃"],
        npc: ["若き魔導士", "忠義の騎士", "隠者の賢者", "裏切り者の巫女"],
        goal: ["真実を解明せよ", "封印を強化せよ", "儀式を阻止せよ", "遺跡の謎を解け"]
      },
      horror: {
        title: ["呪われた村", "深夜の廃病院", "封印されたビデオ", "血塗られた儀式"],
        world: ["雨の山奥", "閉鎖された病院", "地下の儀式場", "忘れ去られた洋館"],
        incident: ["突然の失踪事件", "見えない何かの影", "不気味な手紙", "鏡の中の誰か"],
        npc: ["精神を病んだ神父", "警察官の幽霊", "語らぬ老婆", "首のない少女"],
        goal: ["脱出せよ", "謎を暴け", "呪いを解け", "儀式を止めろ"]
      },
      scifi: {
        title: ["星間戦争の火種", "機械反乱の夜", "消えた宇宙船", "記憶を失った地球"],
        world: ["宇宙コロニー", "月面都市", "異星の遺跡", "サイバーパンク都市"],
        incident: ["AIの暴走", "重力異常", "通信断絶", "テレポート事故"],
        npc: ["サイボーグ兵士", "記憶を失った博士", "企業スパイ", "異星の子供"],
        goal: ["原因を究明せよ", "AIを停止せよ", "人類を救え", "真実を暴け"]
      }
    };

    function generateScenario() {
      const genre = document.getElementById("genre").value;
      const g = data[genre];

      const title = rand(g.title);
      const world = rand(g.world);
      const incident = rand(g.incident);
      const npc = rand(g.npc);
      const goal = rand(g.goal);

      const scenarioText = `【タイトル】${title}\n【舞台】${world}\n【事件】${incident}\n【NPC】${npc}\n【目的】${goal}`;
      const html = `
        <div class="scenario">
          <pre>${scenarioText}</pre>
          <div class="btns">
            <button class="copy" onclick="copyText(\`${scenarioText.replace(/`/g, '\\`')}\`)">📋 コピー</button>
            <button class="save" onclick="saveScenario(\`${scenarioText.replace(/`/g, '\\`')}\`)">💾 保存</button>
          </div>
        </div>
      `;
      document.getElementById("scenarioBox").innerHTML = html;
    }

    function rand(arr) {
      return arr[Math.floor(Math.random() * arr.length)];
    }

    function copyText(text) {
      navigator.clipboard.writeText(text).then(() => {
        alert("コピーしました！");
      });
    }

    function saveScenario(text) {
      let saved = JSON.parse(localStorage.getItem("trpgScenarios") || "[]");
      saved.push(text);
      localStorage.setItem("trpgScenarios", JSON.stringify(saved));
      alert("保存しました！");
      showSaved();
    }

    function deleteScenario(index) {
      let saved = JSON.parse(localStorage.getItem("trpgScenarios") || "[]");
      saved.splice(index, 1);
      localStorage.setItem("trpgScenarios", JSON.stringify(saved));
      showSaved();
    }

    function showSaved() {
      const box = document.getElementById("savedScenarios");
      const saved = JSON.parse(localStorage.getItem("trpgScenarios") || "[]");
      if (saved.length === 0) {
        box.innerHTML = "<p>保存されているシナリオはありません。</p>";
        return;
      }
      box.innerHTML = saved.map((s, i) => `
        <div class="scenario">
          <pre>${s}</pre>
          <div class="btns">
            <button class="copy" onclick="copyText(\`${s.replace(/`/g, '\\`')}\`)">📋 コピー</button>
            <button class="delete" onclick="deleteScenario(${i})">🗑 削除</button>
          </div>
        </div>
      `).join("");
    }

    // 初回ロード
    showSaved();
  </script>
</body>
</html>

MyCSSGrid

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My CSS Grid</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <ul>
            <li>item 1</li>
            <li>item 2 item 2 item 2 item 2 item 2</li>
            <li>item 3</li>
            <li>item 4</li>
        </ul>
        <ul>
            <li>item 1</li>
            <li>item 2</li>
            <li>item 3 item 3 item 3 item 3</li>
            <li>item 4</li>
        </ul>
    </div>
</body>

</html>

style.css

@charset "utf-8";

.container {
    display: grid;
    grid-template-columns: 200px 200px;
    grid-template-rows: repeat(4, auto);
}

ul {
    grid-row: span 4;

    display: grid;
    grid-template-rows: subgrid;
}

ドメイン検索＆購入(フロントエンド)

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>ドメイン検索＆購入</title>
  <style>
    body {
      font-family: sans-serif;
      background: #f9f9f9;
      padding: 2rem;
      margin: 0;
      display: flex;
      justify-content: center;
    }
    .container {
      max-width: 600px;
      width: 100%;
      background: white;
      padding: 2rem;
      border-radius: 12px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    h1 {
      color: #e60033;
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .form {
      display: flex;
      gap: 0.5rem;
      margin-bottom: 1rem;
    }
    input {
      flex: 1;
      padding: 0.8rem;
      border: 1px solid #ccc;
      border-radius: 8px;
      font-size: 1rem;
    }
    button {
      padding: 0.8rem 1rem;
      background-color: #e60033;
      color: white;
      border: none;
      border-radius: 8px;
      cursor: pointer;
    }
    .result {
      margin-top: 1rem;
    }
    .item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #eee;
      padding: 0.5rem 0;
    }
    .available {
      color: green;
      font-weight: bold;
    }
    .unavailable {
      color: red;
      font-weight: bold;
    }
    .buy-btn {
      background-color: #0070f3;
      color: white;
      padding: 0.3rem 0.7rem;
      border-radius: 6px;
      text-decoration: none;
      font-size: 0.9rem;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>ドメイン検索</h1>
    <div class="form">
      <input type="text" id="domainInput" placeholder="例: mydomain" />
      <button onclick="search()">検索</button>
    </div>
    <div class="result" id="resultArea"></div>
  </div>

  <script>
    const takenDomains = ["example.com", "mydomain.net", "taken.jp"];
    const tlds = [".com", ".net", ".jp"];

    function search() {
      const name = document.getElementById("domainInput").value.trim().toLowerCase();
      const area = document.getElementById("resultArea");
      area.innerHTML = "";

      if (!name) {
        area.innerHTML = "<p>⚠ ドメイン名を入力してください。</p>";
        return;
      }

      tlds.forEach(tld => {
        const domain = name + tld;
        const available = !takenDomains.includes(domain);
        const item = document.createElement("div");
        item.className = "item";
        item.innerHTML = `
          <span>${domain}</span>
          ${available
            ? `<span class="available">取得可能</span>
               <a href="https://buy.stripe.com/test_checkout_link" class="buy-btn" target="_blank">購入する</a>`
            : `<span class="unavailable">登録済み</span>`}
        `;
        area.appendChild(item);
      });
    }
  </script>
</body>
</html>

ゲームBGM自動生成サービス.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>🎮 ゲームBGM自動生成サービス</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    :root {
      --bg: #121212;
      --card: #1e1e2e;
      --text: #ffffff;
      --accent: #ffd700;
      --shadow: rgba(0, 0, 0, 0.3);
      --button: #ffd700;
    }
    [data-theme='light'] {
      --bg: #f5f5f5;
      --card: #ffffff;
      --text: #111;
      --accent: #ff9800;
      --shadow: rgba(0, 0, 0, 0.1);
      --button: #ff9800;
    }

    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      background: var(--bg);
      color: var(--text);
      transition: 0.3s;
      padding: 1rem;
    }

    header {
      text-align: center;
      margin-bottom: 1rem;
    }

    h1 {
      color: var(--accent);
      font-size: 2rem;
    }

    .container {
      max-width: 600px;
      margin: auto;
      background: var(--card);
      border-radius: 12px;
      box-shadow: 0 0 10px var(--shadow);
      padding: 1.5rem;
    }

    label {
      font-weight: bold;
      display: block;
      margin-top: 1rem;
    }

    select, button {
      width: 100%;
      padding: 0.6rem;
      margin-top: 0.5rem;
      border-radius: 8px;
      border: none;
      font-size: 1rem;
    }

    button {
      background: var(--button);
      color: #000;
      font-weight: bold;
      cursor: pointer;
      transition: 0.3s;
    }

    button:disabled {
      background: #999;
      cursor: not-allowed;
    }

    button:hover:enabled {
      opacity: 0.85;
    }

    .desc, .msg {
      margin-top: 1rem;
      font-size: 0.9rem;
      color: #ccc;
    }

    .result, .history {
      margin-top: 2rem;
    }

    audio {
      width: 100%;
      margin-top: 0.5rem;
    }

    .visualizer {
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, #ffd700, #ff9800);
      animation: pulse 2s infinite linear;
      opacity: 0;
    }

    .playing .visualizer {
      opacity: 1;
    }

    @keyframes pulse {
      0% { transform: scaleX(1); }
      50% { transform: scaleX(1.05); }
      100% { transform: scaleX(1); }
    }

    .toggle-theme {
      text-align: right;
      margin-bottom: 0.5rem;
    }

    .accordion {
      background: transparent;
      color: var(--accent);
      border: none;
      font-weight: bold;
      cursor: pointer;
      margin-top: 1rem;
      width: 100%;
      text-align: left;
      font-size: 1rem;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }

    .accordion.open + .accordion-content {
      max-height: 600px;
    }
  </style>
</head>
<body>

  <header>
    <h1>🎮 ゲームBGM自動生成</h1>
  </header>

  <div class="toggle-theme">
    <button onclick="toggleTheme()">🌓 テーマ切替</button>
  </div>

  <div class="container">
    <label for="genre">🎼 ジャンル</label>
    <select id="genre" onchange="updateDescription()">
      <option value="fantasy">ファンタジー</option>
      <option value="cyberpunk">サイバーパンク</option>
      <option value="horror">ホラー</option>
      <option value="symphonic">シンフォニック</option>
    </select>

    <label for="mood">🎭 雰囲気</label>
    <select id="mood" onchange="updateDescription()">
      <option value="mysterious">神秘的</option>
      <option value="sad">悲しい</option>
      <option value="heroic">勇ましい</option>
      <option value="fun">楽しい</option>
    </select>

    <div class="desc" id="descText">選択内容に応じてBGMを生成します。</div>

    <button id="generateBtn" onclick="generateBGM()">🎶 BGMを生成する</button>

    <div class="msg" id="msg"></div>

    <div class="result" id="result" style="display:none;">
      <h3>🎧 再生中のBGM</h3>
      <audio controls id="player" onplay="startVisualizer()" onpause="stopVisualizer()"></audio>
      <div class="visualizer" id="visualizer"></div>
    </div>

    <button class="accordion" onclick="toggleAccordion(this)">📜 再生履歴</button>
    <div class="accordion-content" id="historyList"></div>
  </div>

  <script>
    const descMap = {
      fantasy: "魔法の世界、冒険と伝説の音楽",
      cyberpunk: "近未来都市とテクノ感の融合",
      horror: "不安と恐怖を煽るBGM",
      symphonic: "壮大で感動的なオーケストラ風",
      mysterious: "謎解き、探検にぴったり",
      sad: "涙や喪失感を表現する旋律",
      heroic: "勇ましさ、戦い、勝利の象徴",
      fun: "軽快で明るいリズム"
    };

    const history = [];
    const maxHistory = 5;

    function updateDescription() {
      const g = document.getElementById('genre').value;
      const m = document.getElementById('mood').value;
      document.getElementById('descText').textContent = `🧠 ${descMap[g]} × ${descMap[m]}`;
    }

    function generateBGM() {
      const genre = document.getElementById('genre').value;
      const mood = document.getElementById('mood').value;
      const btn = document.getElementById('generateBtn');
      const player = document.getElementById('player');
      const msg = document.getElementById('msg');
      const result = document.getElementById('result');

      btn.disabled = true;
      msg.textContent = "⏳ BGMを生成中...";

      const url = `https://example.com/bgm/${genre}_${mood}_${Math.floor(Math.random()*3)+1}.mp3`;

      setTimeout(() => {
        msg.textContent = "✅ BGM生成完了！再生できます。";
        player.src = url;
        result.style.display = 'block';

        // 保存履歴
        history.unshift({ genre, mood, url });
        if (history.length > maxHistory) history.pop();
        renderHistory();
        btn.disabled = false;
      }, 1500);
    }

    function renderHistory() {
      const list = document.getElementById('historyList');
      list.innerHTML = "";
      history.forEach(item => {
        const div = document.createElement('div');
        div.innerHTML = `<strong>${item.genre} × ${item.mood}</strong><br><audio controls src="${item.url}"></audio><hr>`;
        list.appendChild(div);
      });
    }

    function toggleTheme() {
      const theme = document.documentElement.getAttribute("data-theme");
      document.documentElement.setAttribute("data-theme", theme === "light" ? "dark" : "light");
    }

    function toggleAccordion(el) {
      el.classList.toggle('open');
    }

    function startVisualizer() {
      document.getElementById('visualizer').style.opacity = '1';
    }

    function stopVisualizer() {
      document.getElementById('visualizer').style.opacity = '0';
    }

    // 初期設定
    document.documentElement.setAttribute("data-theme", "dark");
    updateDescription();
  </script>

</body>
</html>

MyAOS.html

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Site</title>
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <section>
    <h1>記事一覧</h1>
    <article>
      <img src="forest.png" width="240" height="160" data-aos="my-animation">
      <div class="text">
        <h2>タイトル</h2>
        <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
      </div>
    </article>
    <article>
      <img src="forest.png" width="240" height="160">
      <div class="text">
        <h2>タイトル</h2>
        <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
      </div>
    </article>
    <article>
      <img src="forest.png" width="240" height="160">
      <div class="text">
        <h2>タイトル</h2>
        <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
      </div>
    </article>
  </section>

  <section>
    <h1>お客様の声</h1>
    <div class="voices">
      <section data-aos="fade-up">
        <h2>すばらしい</h2>
        <p>素晴らしいです。素晴らしいです。</p>
      </section>
      <section data-aos="fade-up" data-aos-delay="300">
        <h2>すばらしい</h2>
        <p>素晴らしいです。素晴らしいです。</p>
      </section>
      <section data-aos="fade-up" data-aos-delay="600">
        <h2>すばらしい</h2>
        <p>素晴らしいです。素晴らしいです。</p>
      </section>
    </div>
  </section>

  <footer id="footer">
    (c) dotinstall.com
  </footer>

  <a href="#" class="to-top" data-aos="fade-up" data-aos-anchor="#footer" data-aos-offset="0">先頭へ</a>

  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
</body>

</html>

style.css

@charset "utf-8";

body {
  margin: 0;
}

body>section {
  margin: 0 32px;
}

h1 {
  text-align: center;
  padding: 160px 0;
}

article {
  display: flex;
  gap: 16px;
  align-items: center;
}

article .text {
  flex: 1;
}

article h2 {
  margin: 0;
  font-size: 22px;
}

article+article {
  margin-top: 32px;
}

article:nth-child(even) {
  flex-direction: row-reverse;
}

.voices {
  display: flex;
  gap: 16px;
}

.voices>section {
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 16px 32px;
  text-align: center;
}

footer {
  margin-top: 160px;
  text-align: center;
  padding: 80px 0;
  background: #eee;
}

.to-top {
  position: fixed;
  bottom: 16px;
  right: 16px;
}

日本の少子化問題について

🔴 現状

  • 出生数の急減：2023年の出生数は75万人を下回り、過去最少を更新。
  • 合計特殊出生率（TFR）：2023年は1.2前後と推定され、人口を維持するための2.07を大きく下回る。
  • 人口減少社会：日本の総人口は2008年をピークに減少傾向が続いており、高齢者比率が上昇中。

🟡 主な原因

  1. 晩婚化・非婚化：
    • 結婚年齢が上昇し、そもそも結婚しない人が増加。
    • 結婚しない → 子どもを持たない傾向が強い。
  2. 経済的不安：
    • 低賃金・非正規雇用の増加。
    • 子育て・教育費が高く、将来に対する不安が子どもを持つことへの障壁に。
  3. 育児と仕事の両立の困難さ：
    • 長時間労働・保育施設不足・女性のキャリア中断リスク。
  4. 都市部での生活環境の厳しさ：
    • 住宅コストの高さ、保育所の待機児童問題。

🔵 影響

  • 労働力の減少 → 経済縮小。
  • 社会保障制度の負担増 → 現役世代の負担が過重に。
  • 地域の衰退 → 過疎化、空き家増加、地方消滅の危機。

🟢 対策（実施・検討中）

  1. 経済支援：
    • 児童手当の拡充、出産育児一時金の増額。
  2. 育児環境の改善：
    • 保育所の整備、育休制度の拡充（男性育休取得の促進）。
  3. 働き方改革：
    • 長時間労働の是正、テレワークの推進。
  4. 婚活・出会い支援：
    • 自治体によるマッチング支援など。

日本の借金問題（政府債務問題）

日本の借金問題（政府債務問題）は、長年にわたり国内外で注目されている重要な経済課題です。以下にその概要と課題、見解をまとめます。

■ 現状（2025年時点）

  • 日本の政府債務残高（国と地方の合計）は、GDP比で250%超に達しており、これは先進国中で最悪の水準です。
  • 内訳の多くは国債によるもので、社会保障費や景気対策、利払いに充てられています。

■ 主な要因

  1. 少子高齢化
    • 医療費・年金などの社会保障費が増加。
    • 労働人口が減少し、税収の伸びが鈍化。
  2. 長期的なデフレと低成長
    • 経済成長が鈍く、税収が伸びない。
    • 政府は財政出動で景気を下支えするが、借金が膨らむ。
  3. 財政赤字体質の固定化
    • 歳出削減や増税が政治的に難しい。
    • 「赤字国債」が常態化。

■ 借金は危険か？

危険視される見方

  • 国債が過度に増えると、信認低下 → 金利上昇 → 財政破綻リスクにつながる。
  • 財政健全化なしに将来世代へツケが回る。
  • 日銀が国債を大量に保有しており、出口戦略が困難。

反論・擁護的見方（MMTなど）

  • 日本の国債の9割以上が国内で消化されているため、即座の危機ではない。
  • 日銀が事実上政府債務を「打ち消して」おり、債務の持続性は高い。
  • インフレ率が低い今は、財政出動がむしろ必要。

■ 今後の課題と選択肢

課題対応策例
高齢化社会の負担増医療・年金制度改革、移民受け入れ
税収不足消費税引き上げ、法人税改革、成長戦略強化
支出増加防衛費や福祉費の優先順位見直し
国債依存の是正プライマリーバランス黒字化への工程表策定

■ 国民への影響

  • 将来的には増税や年金支給額減少、医療負担増が避けられない可能性あり。
  • 若年層ほど将来の負担が重くなるという懸念。

結論（中立的視点）

日本の借金問題は「今すぐ破綻する」ような性質ではないものの、長期的には持続可能性への疑念が強まりつつあります。急激な引き締めではなく、経済成長と構造改革の両立が求められます。

ポケットモンスター ファイアレッド リ・イマジンド（Pokémon FireRed Re:Imagined）

【ゲーム企画書】

タイトル（仮）

ポケットモンスター ファイアレッド リ・イマジンド（Pokémon FireRed Re:Imagined）

【ジャンル】

RPG（ロールプレイングゲーム）

【企画意図・背景】

2004年に発売された『ポケットモンスター ファイアレッド』は、初代『赤・緑』のリメイクとして多くのファンに支持されました。本作はその精神を継承しつつ、現代のプレイヤーに向けてさらなる進化を遂げた新たなリメイクです。
「懐かしさ」と「革新」を融合させ、老若男女すべてのプレイヤーが楽しめる冒険体験を提供します。

【対応プラットフォーム】

Nintendo Switch 2（仮称）
※将来的にPCやスマートデバイス展開の可能性も視野

【ターゲットユーザー】

  • ポケモン赤・緑/ファイアレッド世代の20～40代
  • 現在のポケモンプレイヤー（全年齢層）
  • 海外のレトロゲームファン

【主なゲーム特徴】

1. グラフィック完全刷新

  • Unreal Engine 5によるHDグラフィック
  • カントー地方をオープンゾーンとして再構築
  • 天候/時間の概念を導入（リアルタイム連動も可能）

2. バトルシステム刷新

  • アクティブタイム制＋クラシックターン制のハイブリッド
  • アニメーションと演出強化（例：ダイナミックカメラ、環境連動）
  • ダブルバトル導入、オンライン対戦完全対応

3. ストーリー拡張

  • ロケット団の過去やリーダー「サカキ」の内面に迫る追加エピソード
  • 主人公に「個別エンディング」導入（選択肢と関係性に応じて変化）

4. キャラ/モンスターの再構築

  • 初代151匹＋ジョウト・ホウエンから一部登場（全300匹収録予定）
  • キャラクターボイス実装（重要キャラ中心）
  • 一部トレーナーのデザインを現代風にアップデート

5. 追加コンテンツ・DLC

  • 「オレンジ諸島編」や「ジョウト地方の序盤体験」などのDLC
  • 毎月の期間限定レイドバトルイベント開催

【基本仕様】

項目内容
プレイ人数1人（オンライン時最大4人協力・対戦）
セーブ方式オートセーブ＋手動セーブ
ボイス一部フルボイス（メインキャラ）
対戦機能ランクマッチ、フリーバトル、カジュアルルーム
通信ローカル・Wi-Fi・Bluetooth対応
周辺機器対応Joy-Con振動、モーション操作（ポケモン捕獲時）

【開発スケジュール（例）】

フェーズ期間内容
企画・プリプロ3ヶ月仕様決定、アートテスト
α版開発6ヶ月システム実装、マップ構築
β版開発6ヶ月UI、ボイス、イベント追加
デバッグ/最終調整3ヶ月テスト・最適化・ローカライズ
合計約18ヶ月

【販売戦略】

  • 初回特典：特別デザインの「リザードン」配信コード
  • 限定版：設定資料集、サウンドトラック付き
  • コラボ展開：アニメ連動、リアルイベント（ポケモンセンター等）

【予想価格】

  • 通常版：6,980円（税込）
  • 限定版：9,980円（税込）

ドラゴンドライブVR

『ドラゴンドライブVR』企画書

1. タイトル

ドラゴンドライブVR（Dragon Drive VR）

2. ゲームジャンル

  • ジャンル：VRアクション・ドラゴンバトルRPG
  • プレイ方式：1人プレイ（将来的にオンライン対戦対応予定）
  • 対応ハード：Meta Quest 3 / PC VR（SteamVR対応） / PS VR2

3. コンセプト

「君と竜が一体となる、空中戦の限界へ。」

プレイヤーは“ドラゴンライダー”となり、現実世界とリンクした仮想空間でドラゴンを育成・騎乗し、空中戦・地上戦を体験。VRならではの臨場感で“ドラゴンと飛ぶ”夢を実現する。

4. 主なゲームシステム

● ドラゴン育成システム

  • タマゴから孵化→成長→進化（分岐進化あり）
  • 育成によってスキル・属性が変化（炎・氷・雷・闇・光など）
  • エサ・訓練・信頼度で個性が変化

● ライドバトル（空中戦）

  • フリーフライトで空を自由に飛ぶ
  • 射撃・ブレス攻撃・回避・突進などのバトルアクション
  • 一人称視点と三人称視点を切替可能

● 地上探索

  • 拠点となる街や遺跡を探索し、アイテムやミッションを獲得
  • ダンジョンはプレイヤー＋ドラゴンで攻略（謎解き要素あり）

● VRインタラクション

  • ドラゴンとのふれあい：撫でる、餌をあげる、呼びかけるなど
  • 騎乗時のリアルな風・振動・高度変化演出

5. 世界観

かつて竜と人が共に生きていた「空界アルトレア」。
再び甦る邪竜の脅威に対抗するため、選ばれし“ライダー”たちが立ち上がる。

6. 想定ターゲット

  • VRユーザー（10代後半～30代前半）
  • ファンタジー・ドラゴン・育成ゲームファン
  • 『ドラゴンドライブ』『パンドラハーツ』『アバター』『竜とそばかすの姫』に魅力を感じる層

7. 収益モデル

  • 基本プレイ無料＋アイテム課金（アバター/ドラゴンスキン）
  • 拡張DLC（新マップ、新ドラゴン、新ストーリー）
  • NFT連携によるドラゴン個体資産化（検討中）

8. 開発体制・ツール

  • エンジン：Unity（または Unreal Engine 5 + OpenXR）
  • ネットワーク：Photon Fusion または Mirror
  • VR対応：Meta SDK / OpenXR / SteamVR

9. 開発スケジュール（例）

フェーズ内容期間
企画・プロトタイプ世界観、コアシステム試作3か月
アルファ版飛行＋戦闘＋育成基本実装6か月
ベータ版UI/UX調整＋コンテンツ拡充3か月
リリースマーケティング＋ローンチ1か月

10. 補足・将来展望

  • マルチプレイヤーPvP空中戦の実装
  • ドラゴンコンテストイベント（飛行レース・育成大会）
  • AI搭載ドラゴンとの感情交流
  • Mixed Reality対応によるリアル環境でのドラゴン投影体験

デジモンVR – デジタルワールド体感プロジェクト

1. 概要

「デジモンVR」は、プレイヤーがパートナーデジモンとともにデジタルワールドを冒険する完全没入型VRゲームです。デジヴァイスを手に持ち、リアルタイムに進化・バトル・探索を体感できます。

2. コンセプト

  • 没入型デジモン体験：フル3Dで再現されたデジタルワールドをVRで歩き回り、実際にパートナーデジモンと交流。
  • リアル進化体験：デジヴァイスを模したVRインターフェースで、進化演出を自ら操作。
  • ソーシャル連携：他プレイヤーとの協力プレイ・バトル機能も搭載予定。

3. プラットフォーム

  • 対応予定：Meta Quest 3 / SteamVR / PSVR2
  • 必要環境：6DoF対応、両手コントローラー、ネット接続

4. 主なゲーム要素

要素内容
パートナーデジモンプレイヤーに寄り添い、育成・進化・会話が可能。
探索デジタルワールドを歩き回り、データ収集・イベント・素材採集など。
バトルリアルタイム・アクションバトル。手の動きで技を発動。
進化システム条件を満たすことで、進化演出をリアルタイム操作。
デジヴァイス連携ゲーム内HUDを通じたステータス管理・進化・装備管理。

5. 想定ユーザー

  • デジモンファン（10〜40代）
  • VRゲームファン
  • ソーシャルVR体験を求めるユーザー

6. 収益モデル

  • 基本プレイ無料 + アイテム課金（進化用素材・コスチュームなど）
  • 有料DLC（新エリア・新デジモン追加）
  • 限定コラボイベント（アニメ・映画連動）

7. 開発体制とスケジュール（想定）

フェーズ内容期間
企画・設計世界観・UI設計2ヶ月
プロトタイプMVP制作（移動・進化・バトル）3ヶ月
フル開発全コンテンツ制作8〜12ヶ月
テストクローズドβ、ユーザーテスト2ヶ月
リリースローンチ & プロモーション–

8. プロモーション戦略

  • ティザー映像公開（進化演出などを強調）
  • VTuber・実況者とのコラボ体験配信
  • デジモンアニメ新作との連動キャンペーン

9. ビジュアルモック（イメージ）

  • ログイン画面：デジタルゲートをくぐる演出
  • バトル画面：等身大のグレイモンが目前で技を放つ
  • UI：腕についたデジヴァイス風デバイスで操作

10. 特記事項・注意点

  • 原作のIP利用には株式会社バンダイとの協議・許諾が必要
  • メタバース連携を想定する場合は将来的な拡張性も要検討