ソースをダウンロード / 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.
なにが入っているの / What's inside
- ゲーム本体一式(HTML / CSS / JavaScript・PWA 設定)— そのまま開いて遊べます
- 改造ガイド README — キャラの足しかた・音のつくりかた・モードの追加手順
- LICENSE — 下の「ライセンス」の全文
画像は含まれていません(キャラクターは自作 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
- コード(HTML / CSS / JavaScript): MIT License — 改造・再配布・商用利用OK。著作権表示とライセンス文を残してください。
- 画像・「PuniBeats」の名称・ロゴは権利を留保し、非同梱です。 自分の画像を用意してください。改造版は別の名前でお願いします (「PuniBeats をベースにしています」という表記は大歓迎です!)。
🎨 画像について: 本家のキャラクター画像は 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
- ダウンロードした zip を展開する
- そのフォルダで
python -m http.server 8642を実行し、 ブラウザでhttp://localhost:8642を開く
(index.htmlをダブルクリックしても動きますが、ローカルサーバーのほうが確実です) - 同梱の 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