ブラウザーのHTML5 canvasで動作するゲームを作れる、無料のTypeScript製2Dゲームエンジン。
kaplayjs/kaplay
ブラウザーゲームを作るための、コンポーネントベースAPIを備えたJavaScript/TypeScript向けの楽しく使える2Dゲームライブラリです。
- スター
- 1,825
- フォーク
- 128
- 未解決の Issue
- 73
- 最終コミット
- 17 時間前
これは何?
KAPLAYは、JavaScriptとTypeScript向けの2Dゲームライブラリです。ゲームオブジェクトは、スプライト、矩形、コライダー、物理ボディ、体力などのコンポーネントを組み合わせて作成します。タグを指定した衝突ハンドラーやフレームごとの更新処理など、シンプルな命令型の呼び出しで振る舞いを追加できます。
npmからインストールできるほか、create-kaplayのスキャフォールディングコマンドでセットアップしたり、CDNからブラウザーに直接読み込んだりできます。TypeScriptでは、グローバル型を有効にする方法と、パッケージからモジュールとして型をインポートする方法を選べます。
コードをすぐに試せるWebベースのエディターKAPLAYGROUNDも用意されています。また、90種類を超えるサンプルと、学習に役立つ公式ドキュメントも提供されています。
主な機能
- 01スプライト、コライダー、物理ボディなどの再利用可能なコンポーネントを組み合わせてゲームオブジェクトを作成できます。
- 02衝突、キー入力、タグで絞り込んだフレームごとの更新処理に使える、イベント形式のヘルパーを備えています。
- 03ローカル環境をセットアップせずにコードを試せるWebベースのエディターKAPLAYGROUNDを利用できます。
- 04npm、pnpm、yarn、bun、またはブラウザーへのスクリプトの直接読み込みで利用できます。
- 05TypeScriptの型定義を完備しており、グローバル型も任意で有効にできます。
ユースケース
- 小規模な2Dブラウザーゲームやプロトタイプをすばやく作る。
- 同梱のサンプルを通じて、JavaScriptやTypeScriptでのゲーム開発を学ぶ。
- Webページ上で動作するゲームジャム作品を作る。
クイックスタート
- 1
create-kaplay で新しいゲームのひな形を作成する
npx create-kaplay my-game - 2
または npm で既存のプロジェクトに KAPLAY をインストールする
npm install kaplay
使う前に知っておきたいこと
- 自分のプロジェクトで KAPLAY を使うには、Vite や ESBuild などのバンドラーが必要です。
収録されている特集
トピック
よくある質問
- kaplay とは?
- ブラウザーゲームを作るための、コンポーネントベースAPIを備えたJavaScript/TypeScript向けの楽しく使える2Dゲームライブラリです。 KAPLAYは、JavaScriptとTypeScript向けの2Dゲームライブラリです。ゲームオブジェクトは、スプライト、矩形、コライダー、物理ボディ、体力などのコンポーネントを組み合わせて作成します。タグを指定した衝突ハンドラーやフレームごとの更新処理など、シンプルな命令型の呼び出しで振る舞いを追加できます。
- kaplay は無料で使えますか?ライセンスは?
- kaplay は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- kaplay は今もメンテナンスされていますか?
- 活発にメンテナンス中。kaplay の最終コミットは 2026年11月6日 です。
- kaplay は何に使えますか?
- 小規模な2Dブラウザーゲームやプロトタイプをすばやく作る。 同梱のサンプルを通じて、JavaScriptやTypeScriptでのゲーム開発を学ぶ。 Webページ上で動作するゲームジャム作品を作る。
- kaplay のインストール方法は?
- create-kaplay で新しいゲームのひな形を作成する: npx create-kaplay my-game または npm で既存のプロジェクトに KAPLAY をインストールする: npm install kaplay
- kaplay はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/kaplayjs/kaplay
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Flutterを基盤とするゲームエンジン。2Dゲーム向けに、ゲームループ、コンポーネントシステム、衝突判定、エフェクト、入力処理を提供します。
物理演算、アニメーション、タイルマップ、会話機能を備えた、D言語向けのシンプルな2Dゲームエンジン。
スクリプトやAIツールから操作できる、2D・三人称視点の3D・2D/3D混在ゲーム向けの軽量なゲームエンジン。
Windows、Linux、Mac、Web向けの、Odin言語用の初心者にも扱いやすい2Dゲームライブラリ。
HTML5ゲーム開発向けに、Box2DをJavaScript/TypeScriptで書き直した2D物理エンジン。