Phaser와 Loom.js를 사용해서 Loom DappChain과 상호작용하는 간단한 HTML5 + WebSocket을 보여주는 기본적인 예제입니다. 소스는 Github Websocket 데모에 있습니다

게임 방법

검정색 캔버스에 컬러 타일을 생성하기 위해서 마우스 커서를 클릭하세요, 각 플레이어는 캔버스 내에서 서로다른 색깔을 가지며 모든 플레이어에게 공유됩니다

개발하기

1.) 예제 프로젝트 (Tiles Chain) 를 다운로드 받으세요

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

2.) DappChain을 시작하세요

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

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

# Compile
export GOPATH=$GOPATH:`pwd`
make deps
make

# 설정
cd build
../loom init
cp ../genesis.example.json genesis.json

# 실행
../loom run

3.) Web server를 시작하세요

cd tiles-chain/webclient

# 설치하기
yarn

# protobuf 컴파일하기
yarn run proto

# 데모를 시작하기
yarn start

5.) 실행하기

Tiles-Chain 웹 인터페이스는 http://localhost:9000에서 확인할 수 있습니다

JS WebSocket + EVM Web3 데모