webTaleKitTypeScriptベースの

ビジュアルノベルゲームエンジン

はじめる

デモを見る

🎨

柔軟なUI作成

HTML・CSS・JavaScriptで自由にUIをデザインできます。既存のWebスキルがそのまま活用できます。

📝

直感的なスクリプト

HTMLに似たマークアップ言語とJavaScriptでシナリオを制御。わかりやすく、パワフルです。

📱

レスポンシブ対応

自動スケーリング機能により、様々なウインドウサイズに対応。どんなデバイスでも快適にプレイできます。

🤖

AI連携

REST API呼び出しによる生成AI連携を提供予定。新しいゲーム体験を創造できます。

🎮

豊富な機能

キャラクター表示、選択肢、音声、画像フィルター、アニメーションなど、ノベルゲームに必要な機能を網羅。

🚀

簡単デプロイ

Webアプリケーションとしてビルドし、簡単にオンライン公開できます。

クイックスタート

bash

# プロジェクトの作成
npm create tale-game your-game-title
cd your-game-title

# 開発サーバーの起動
npm run play

サンプルコード

html

<scenario>
  <say name="燈火">「先輩、別れてください」</say>
  <say name="智樹">「え、ごめん。今･･･なんて」</say>

  <choice prompt="プロローグをスキップしますか？">
    <item label="はい">
      <jump index="5" />
    </item>
    <item label="いいえ">
      <text>それでは物語を始めます。</text>
    </item>
  </choice>
</scenario>

<script>
const sceneConfig = {
  background: '屋上.jpg',
  bgm: 'title_theme.mp3'
}
</script>

コミュニティ

Twitter: @endo_hizumi
Trello: 開発進捗
フィードバック: Google Forms

検索ハッシュタグ: #webTalekit