【Javascript】Magic: The Gatheringの一人デッキ回し用ツール(iPhone向け)

 コンピュータ  1893

歴史あるカードゲーム「Magic: The Gathering(マジック)」のデッキ一人回し用のツールを、Javascriptで作った。

更新履歴

2022年5月1日:かなりアップデート。
・画質を2倍にして、全体のカードサイズを2分の1にした。
・操作のレイアウトを全体的に見直した。

2022年5月1日 大幅アップデート後の画面

Magic Simulator M(仮)
https://ubun2m.com/mtg/

この前作ったiPadのスプリットビュー用アイコンの作成ツールで、HTML5のCanvasを少し利用してみて興味を持っていたのだが、今回はカードゲームに応用した。

開発環境はiPhoneSE2で、ブラウザはSafari。最近のスマホだと少し表示が小さいかもしれない。画面いっぱい使用するので、Safariの機能でホーム画面にアイコンを追加しての利用を想定。

カードの画像取得については、以下のAPIを利用した。JavascriptのXMLHttpRequestで画像データを取得し、Canvasに描画している。

MAGIC: THE GATHERING - DEVELOPERS
https://magicthegathering.io/

ツールの使用にあたって登録は不要で、広告表示も一切ない。ただし、趣味で開発したものなので、使用に伴うトラブルには責任は負えないのと、予告なくツールを削除する可能性があることにはご了承いただきたい。

'Magic Simulator M' is unofficial Fan Content permitted under the Fan Content Policy.
Not approved/endorsed by Wizards.
Portions of the materials used are property of Wizards of the Coast.
©Wizards of the Coast LLC.



関連記事