PhaserとLoom.jsを使用した、Loom DAppチェーンと対話するシンプルなHTML 5+ Websocketのゲーム基本サンプルだ。 ソースはGithub Websocketデモにある。

ゲームの説明

マウスカーソルを使って黒いキャンバス領域をクリックし、色のついたタイルを作る。新しいプレイヤーはキャンバス上でそれぞれ異なる色を持つち、キャンバスは全てのプレイヤーから共有される。

開発

1.) サンプルプロジェクトのダウンロード(Tiles Chain)

git clone https://github.com/loomnetwork/tiles-chain

2.) DAppチェーンのスタート

cd tiles-chain
mkdir tmpgopath
export GOPATH=`pwd`/tmpgopath

cd dappchain
wget https://private.delegatecall.com/loom/osx/stable/loom
chmod +x loom

# コンパイル
export GOPATH=$GOPATH:`pwd`
make deps
make

# 設定
cd build
../loom init
cp ../genesis.example.json genesis.json

# 起動
../loom run

3.) webサーバーのスタート

cd tiles-chain/webclient

# インストール
yarn

# protobufのコンパイル
yarn run proto

# デモのスタート
yarn start

5.) 起動

Tiles-Chainウェブインターフェースは今後http://localhost:9000で利用可能となる。

JS Websocket + EVM Web3 デモ