オンラインボードゲームを作りたい人生だった

黒曜

(@kokuyouwind)

$ whoami

• 黒曜 / @kokuyouwind

• 普段はRails書いたりAWS弄ってる

• ボドゲ好き

🎲 ボードゲーム

Board Game Arena

https://ja.boardgamearena.com/

楽しい！！
 ✌('ω'✌ )三✌('ω')✌三( ✌'ω')✌

コミュニティで開発に参加できる！

https://boardgamearena.com/contribute​

登録してみた

Welcomeメール

Welcomeメール

Board Game Arena の開発手法

• SFTPでファイルをダウンロードして編集、アップロード

• 動作確認

  • デモサイト上で行う(ローカルでの動作確認は不可)

  • DBのデータ確認はPhpMyAdmin経由

• 技術スタック

  • クローズドソースの独自PHPフレームワーク

  • フロントエンドは素のHTML + Dojo Toolkit

 ( ◜◡◝ )

現代的な環境で
デジタルボードゲームを作りたい…

boardgame.io

https://boardgame.io/

boardgame.io の特徴

• ボードゲームを作るためのオープンソースフレームワーク

  • JavaScript / TypeScript

• ゲームのコアロジックとUIを分離して記述

  • ゲーム状態の更新はReducer経由でのみ行える

  • UIはゲーム状態を元に描画のみ行う(Reactなどを使用)

• マルチクライアントでの動作はフレームワークが担保

• 複数ゲーム提供用のロビー・マッチングAPIも利用可能

• 簡易的なAIを利用可能(Random / MCTS)

デモ

GitHubリポジトリ: https://github.com/kokuyouwind/bgio-typed-storybook

Storybook: https://main--638fd3bf1574c1214b46e940.chromatic.com/

シングルプレイ: https://tictactoe.demo.boardgame-park.com/

マルチプレイ: https://demo.boardgame-park.com/

今後やってみたいこと

• とりあえずボドゲをいくつか作りたい

  • トランプの「ジュビリー」「カルテット」あたり

  • 同人ボドゲの「惨劇Rooper」「桜降る代に決闘を」は
    画像素材がコモンズで公開されてるのでぜひ作ってみたい

• ​ゲーム一覧やマッチングの改善​

• boardgame.io の技術情報の発信(ブログ記事、同人誌など)

• boardgame.io へのコントリビュートやプラグイン開発

夢

• Board Game Arenaのように気軽に遊べて、
  ゲーム投稿もできるプラットフォームを作りたい

  • boardgame.io で作ったゲームをほぼそのまま投稿

  • ローコード・ノーコードで制作できると最高

• 同人ボードゲームにデジタル版という選択肢を作りたい

  • 在庫リスクや在庫切れによる機会損失がない

  • 気軽にお試しプレイをしてもらいやすくなる

  • いろんなゲームをオンラインで遊べるようにしたい！

オンラインボードゲームを作りたい人生だった

プラットフォーム

完