花札ゲームの作り方 - 準備

今回はとりあえずjavascriptベースで作成してみようと思います。

1. フレームワーク javascriptのゲームフレームワークはいくつかありそうですが、kiwiを使用してみようと思います。 Phaser.jsが頻繁に更新されているようなので、Phaser.jsを使用することにします。 phaser.io

2. 素材 花札のゲームを作りには花札の札が必要なので、フリーで公開して頂いている素材を使わせて頂こうと思います。 www.pixiv.net

3. エディタ エディタはVisual Studio Codeを使用してみようと思います。 code.visualstudio.com

Phaser.jsのフレームワークを動作する際、Webサーバが必要となるため簡易的に動作させることができるVisual Studio Codeの拡張機能である「Preview on Web Server」を導入します。

導入手順は以下の通りです。

(1) 拡張機能の設定画面を表示します

サイドバーが表示されていない場合は、表示 -> 拡張機能 を選択します。

(2) Preview on Web Serverを検索します

(3) インストールします

音楽や効果音については時間があれば追加します。