TaikaGame

退化したスイカゲーム、タイカゲーム

このプログラムにはPixi.js(https://pixijs.com/)とMatter.js(https://brm.io/matter-js/)を使用しています

数字が振られた謎のボールが渡されるので それを落としてくっつけて大きくするゲームだよ
同じ数字の ボールが ぶつかると くっついて大きくなるよ
ただ残念なことに ゲームオーバーしないので できるときに すすめます

↓Play now!!↓

How to Run

ローカル環境で 動いてるところを 見たいなら git clone で おねがいね
clone したら みなさん お持ちのTerminalで

$ cd path/to/taikaGame/
$ git checkout develop
# ここではRuby の WEBrick をつかった例を のせるけど、ローカルサーバ わかる人は 好きな方法で やってね(VSCodeのひとは Live Serverで いいんじゃないかな)
$ ruby -r webrick -e "srv = WEBrick::HTTPServer.new(Port: 8080, DocumentRoot: '.', BindAddress: '0.0.0.0'); trap('INT') {srv.shutdown}; srv.start";

3行くらいの[INFO]で おしゃべりされるから、そしたら 皆さんお持ちのブラウザで アドレスバーに http://localhost:8080 といれると 動かせるよ

webrickが ないって 怒られたら gem install webrick で いけるはず?

TODO List

• (タイトル: 作れといわれたら作)

• 🎉メインループ

  • 物体をカーソルに追従させる
  • クリック/指を離すと物体が落下
  • 物体のレベルをランダムに選ぶ
  • 物体の表示サイズの調整
  • 物体を物理演算で得た座標の位置にレンダリング
  • 同レベルの物体をくっつける
    • くっつくときのイベントをキャッチ
    • 小さいペアを消す
    • 大きいやつを作る

• ゲームオーバー

  • 判定
  • ゲームオーバー画面
  • コンティニュー

参考にした / するはずだったもの

• MVPパターンでブロック崩しを作ってみた: 一番参考にしたかった。この記事のいう MVP(Model, View, Presenter)を作ろうとしてたら汚くなってしまい、直していたらいつの間にか MPPP(Matter, Pixi, Piece, Presenter)になってた話する？
• ●●WebGL(PIXI.js + glsl)と物理演算(matter.js)で可愛い絵本風タピオカ作ったので解説●● : 一番凝視してる。作者の心情はあまり読み取れないが内容はとても参考になる。
• Matter.js demo: 一番楽しい。Matter.jsの公式サンプル。大量にあって飽きない。そのうえソースが見れるので最高。