Happy Elements Labs: websocket + HTML5(canvas)でのゲーム開発(ボンバーマン風)

はじめに エンジニアの@ryooo321です。 よろしくお願いします。 Happy Elements株式会社では勉強会が活発に行われており、 その中の1つに「1.5時間で○○を作る」エンジニア向けワークショップがあります。(毎週開催@京都) ※ ○○は毎週かわり、設計/実装方法などは自由です。 今回はワークショップ2回(計3時間)で作成したボンバーマン風ゲームの紹介を通して、 他人とリアルタイムで遊べるゲームの可能性を感じていただければと思います。 ※ 技術的にはwebsocket、canvasを利用 ※ ライブラリ/ツールとしてNode.js、CreateJS、socket.io、coffeescriptを利用 ※ 急いで作ったのでほとんどリファクタリングされていませんmm また、おまけとして サーバーサイドでのcanvas描画とwebsocketでのバイナリメッセージについて 試してみ

[bonbonbonkun]

ボンバーマン懐かしいな

[yasu-log]

［B!］websocket + HTML5(canvas)でのゲーム開発(ボンバーマン風) / CoffeeScript と CreateJS を使っているらしい

[naga_sawa]

サーバで描画情報作ってWebSocketでクライアントにPush配信して描画

[griefworker]

サーバーサイドはNode。サーバーサイドで画面データを作成して、それをWebSocketでクライアントにプッシュ。

[Itisango]

Happy Elements Labs: websocket + HTML5(canvas)でのゲーム開発(ボンバーマン)(Node.js+CreateJS)

[inurota]

面白そうなのでHackday開けたらじっくり読もう。CreateJSにcoffeescriptなのか。

[hatsune-miku]

マップ障害物を座標情報縦横6bitずつ+4bitのメタデータで・・・みたいな話ではないのか

[vvakame]

CreateJS(Easel.js) がcanvas操作に威力を発揮とな。

[decobisu]

楽しそう

[hitode909]

おもしろい

[hiroshi_revolution]

Happy Elements Labs: websocket + HTML5(canvas)でのゲーム開発(ボンバーマン)(Node.js+CreateJS)

[ryooo_321]

執筆しましたー