日本Cloud Foundryグループブログ: Battleboat.jsを Cloud Foundry で動かす

「Cloud Foundry 百日行」第76日目は、海戦ゲーム Battleboat.js です。
このアプリはロボット相手にゲームをするので対人間のような心理戦が出来ません。純粋に運と計算で勝つしか方法がありません。
海戦ゲームを知らない人も簡単に出来るので一度試してみて下さい。

基本情報

公式サイト
http://kortaggio.github.io/battleboat/
ソースコード
https://github.com/Kortaggio/battleboat.git
その他参考情報
Battleboat.js - Webブラウザでロボット対手に遊べる海戦ゲーム

今回の手順の概要は以下の通りです。

1) ソースコードの入手
2) Cloud Foundry上へのデプロイ
3) 動作検証

1. ソースコードの入手

$ git clone https://github.com/Kortaggio/battleboat.git
$ cd battleboat/
battleboat$ ls
css  img  index.html  js  LICENSE.txt  README.md

Githubからソースコードをcloneしてきます。

2. Cloud Foundry上へのデプロイ

デプロイも中身を見ていただいたらわかる通りこれまで何度となく登場しているStatic_buildpackでOKです。

battleboat$ touch Staticfile
battleboat$ cf push battleboat -m 16M -k 128M

:
-----> Uploading droplet (3.4M)

1 of 1 instances running

App started


OK

App battleboat was started using this command `sh boot.sh`

Showing health and status for app battleboat in org k-nagai / space work as k-nagai...
OK

requested state: started
instances: 1/1
usage: 16M x 1 instances
urls: battleboat.10.244.0.34.xip.io
last uploaded: Wed Oct 7 07:13:01 UTC 2015
stack: cflinuxfs2
buildpack: Static file

     state     since                    cpu    memory        disk        details   
#0   running   2015-10-07 04:13:08 PM   0.0%   4.7M of 16M   0 of 128M

デプロイ完了です。

3. 動作検証

URLにアクセスします。

少し下にスクロールすると二つのマス目の描いた画面が表示されます。ウィンドウのサイズによっては縦に並んでいるかもしれません。

右のメニューから “Patrol Boat”,”Submarine”,”Destroyer”,”Battleship”,”Aircraft Carrier” と並んでいるのでそれぞれ選んで、”Your Fleet” に配置します。
(参考) 配置する船はそれぞれ2,3,3,4,5マスになっていますので被らないように配置するだけです。縦横変えたい場合は “Rotate Ship” で変えることが出来ます。