ソースをダウンロード / Download the source

最終更新: 2026-09-03

PuniBeats(ぷにビーツ)のソース一式を、まるごと無料で公開しています。 展開してブラウザで開くだけで動くので、キャラや音を足してじぶんだけのバージョンをつくれます。

The complete PuniBeats source is free to download. Unzip it, open it in a browser, and start adding your own characters and sounds.

⬇ ソース一式をダウンロード / Download ZIP
バージョン情報を読み込み中… / Loading version info…

なにが入っているの / What's inside

画像は含まれていません(キャラクターは自作 SVG、背景は CSS グラデーションで動作します。 自分の画像を置くと自動でそちらに切り替わります)。 Google アナリティクスの計測タグや、サーバー・デプロイの設定ファイルも含まれていません (あなたのサイトで動かすのに不要なため)。

Included: the full game (HTML/CSS/JS, PWA files), a modding README, and the LICENSE. Not included: images (characters render as built-in SVG and backgrounds fall back to a CSS gradient — drop in your own art and it's used automatically), the Google Analytics tag, and any server/deploy configuration.

ライセンス / License

🔊 音について: 効果音・BGMはすべて Web Audio API によるリアルタイム合成で、 音声ファイルは1つも含まれていません(外部素材ゼロ)。
🎨 画像について: 本家のキャラクター画像は AI 画像生成(Codex / ChatGPT / PixAI)で 作成し、加工したオリジナル素材ですが、この配布物には含まれていません。

Code is MIT licensed. Images, the PuniBeats name and logo are reserved and not included — please prepare your own art. Please rename your fork ("based on PuniBeats" is very welcome). All audio is synthesized live with the Web Audio API (no audio files at all). On the original site, artwork was created with AI image generation (Codex / ChatGPT / PixAI) and edited by hand, but none of it ships in this distribution.

改造のはじめかた / Start modding in 3 steps

  1. ダウンロードした zip を展開する
  2. そのフォルダで python -m http.server 8642 を実行し、 ブラウザで http://localhost:8642 を開く
    index.html をダブルクリックしても動きますが、ローカルサーバーのほうが確実です)
  3. 同梱の README を読む — キャラは js/characters.js、 音は js/audio.js に1エントリ足すだけで増やせます

1) Unzip. 2) Run python -m http.server 8642 in that folder and open http://localhost:8642. 3) Read the bundled README — add one entry to js/characters.js for a character, or to js/audio.js for a sound.

つくったら教えてね / Show us what you made

改造版ができたら、ぜひ見せてください! 👉 お問い合わせフォーム / Contact form