👾

ブラウザで手軽にゲームを作る方法

に公開

概要

ブラウザで手軽にゲームを作る方法です。

ブラウザで動くゲームを作る方法は色々あるのですが、個人的には以下2つのフレームワークを使う方法をと思います。

  • p5.js
  • Pyxel

p5.js

以下を参考にしてください
https://karaage.hatenadiary.jp/entry/2021/11/29/073000

以下のようなブラウザで動くサンプルを色々作っています。
https://karaage0703.github.io/daily-creative-coding/

Pyxel

以下の通り、PyxelはWebで簡単に動かすことができます。
https://tkitao.hatenablog.com/entry/2022/09/26/114014

以下自分も色々動くサンプルを作って公開しています。
https://karaage0703.github.io/pyxel-examples/

まとめ

ブラウザで手軽に動くゲームをつくる方法を簡単に紹介しました。

色々なブラウザで動くゲーム

https://yumu19.github.io/fruitspool/
fruitspool(GitHub)

https://prosamo.github.io/glove-dropper/
glove-dropper(GitHub)

https://kazuhito00.github.io/pyxel-pymunk-web-test/

参考リンク

https://aba.hatenablog.com/entry/2023/09/25/202653

https://aba.hatenablog.com/entry/2023/11/25/095338

https://github.com/abagames/crisp-game-lib

https://qiita.com/Kazuhito/items/cf7f2e0f42f47e611f3e

https://qiita.com/Prosamo/items/6e2f7147e38aca3db5ca

Discussion