Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Rustで対戦型Tetrisを作った話
Search
しゅん🌙
August 03, 2023
Technology
0
400
Rustで対戦型Tetrisを作った話
しゅん🌙
August 03, 2023
Tweet
Share
More Decks by しゅん🌙
See All by しゅん🌙
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
190
文字数の話の続き 〜Unicodeの楽しくない話〜
shunshobon
0
240
文字数の話 〜Unicodeの楽しい話〜
shunshobon
0
260
Haskellの並列・並行処理
shunshobon
1
410
Other Decks in Technology
See All in Technology
特別捜査官等研修会
nomizone
0
560
日本の AI 開発と世界の潮流 / GenAI Development in Japan
hariby
1
390
AWSインフルエンサーへの道 / load of AWS Influencer
whisaiyo
0
220
【開発を止めるな】機能追加と並行して進めるアーキテクチャ改善/Keep Shipping: Architecture Improvements Without Pausing Dev
bitkey
PRO
1
130
NIKKEI Tech Talk #41: セキュア・バイ・デザインからクラウド管理を考える
sekido
PRO
0
210
SQLだけでマイグレーションしたい!
makki_d
0
1.2k
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
takanorig
4
2k
New Relic 1 年生の振り返りと Cloud Cost Intelligence について #NRUG
play_inc
0
230
ActiveJobUpdates
igaiga
1
310
ESXi のAIOps だ!2025冬
unnowataru
0
350
Agent Skillsがハーネスの垣根を超える日
gotalab555
6
4.2k
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
yayoi_dd
0
650
Featured
See All Featured
Side Projects
sachag
455
43k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Music & Morning Musume
bryan
46
7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
A better future with KSS
kneath
240
18k
Unsuck your backbone
ammeep
671
58k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
120
Why Our Code Smells
bkeepers
PRO
340
57k
Being A Developer After 40
akosma
91
590k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
2
260
The browser strikes back
jonoalderson
0
120
Transcript
Rustで対戦型 Tetrisを作った話 限界LT #⌊π⌋ しゅん
自己紹介 名前: しゅん Twitter: @shun_shobon / GitHub: @shun-shobov
学校: 長野高専 電子情報工学科 5B 興味: Web Frontend / Web Frontend Ops / A11y な$ 研究: ホログラフィ / ヒューマンインタフェースな$ 趣味: ゲーム / 自作キーボーI 一言: コンピュータと人との関わり方を模索しています
作ったもの
作ったもの Q 対戦型のTetriD Q ライン消去で相手にお邪魔を送れG Q なるべく既存のルールに忠実に実B Q Tスピンや回転入れも可能
経緯
ネットワークプログラミングIIの課題 ぼく「自分が作りたいように作るか〜〜」
何を作ろう 先生「適当でいいやって人は例年授業中に作った三目並べを四目並べにして提出いますね」 先生「あと過去にすごいもの作った人は麻雀とか作ってました」 他の人「Siv3Dでゲームでも作ろうかな」 ぼく「僕もTetrisでも作ろうかな」
僕のゲーム制作記 ゲーム1: 中3にPythonで作ったオセロ ゲーム2: 中3にPythonで作ったブロック崩し 以上 >> 5年ぶりのゲーム制作 << まあ去年にC言語でミニゲーム作ったけどそれは入れない方針で...
技術選定 言語→TSは飽きたからRustでも使うか フレームワーク→なないが触ってたBevy使うか 通信→WebRTCで作ったらええやん 雑に技術スタック決定
Bevyの概要
Bevyの概要 a Rust純正のゲームエンジD a 2D・3Dどちらも対0 a 画像・音声対0 a キーボード・コントローラ・タッチ対0 a
クロスプラットフォーS a Wasmも対応 a ECSというアーキテクチャを採用
ECSとは Entity: ただの識別用ID Component: Entityに紐づくデータ(構造体) System: 上記2つやリソースなどを操作する関数 Entity,Component,Systemの3つを組み合わせていくデータ指向アーキテクチャの一種.
EntityとComponent Entityには0つ以上のComponentを持っていて,Componentや位置情報やマテリアル,ゲームの ロジックで使用するデータなどを持っている. Entity (1) Translation (10, 5, 3) Name
(Alice) Player Health (20) Entity (2) Translation (3, 10, 3) Name (Bob) Player Health (40) Entity (3) Translation (5, 20, 2) Enemy Health (40)
EntityとComponent Commandsを使用して新しくEntityをSpawnさせたり,逆にDespawnさせたりできる.
System 特定のタイミングで実行される関数.EntityやComponentの操作が主.Queryを使うことで Entity内の特定のComponentを取得でき,参照や変更が可能.
Resource 特定のEntityに紐づかない,大域的なデータを扱うためのもの.
Event 主にSystem間で処理をやり取りするのに使える.
ネットワーク
Bevy Assets BevyにはAssetsというページがあり, いろんな3rd partyライブラリがジャン ル別に紹介されている. 今回はMatchboxというライブラリを採 用した.
Matchboxとは Rust製のWebRTC用ライブラリ.Wasmに対応しており,低レイヤーのことを考えずにWebRTC通 信ができる.シグナリングやサーバー用のライブラリも提供されており,bevy_matchboxでBevy のResourceやComponentとしても使用することができる.
今回の通信 フィールドのブロック情報を全て送受信すると重たいので,ミノが設置されたタイミングでフィー ルド更新情報をブロードキャスト. v ミノが設置された位置・向き・種` v 消去されたラインの位p v せり上がったお邪魔の数・穴の位置
今回の通信 フィールドのブロック情報を全て送受信すると重たいので,ミノが設置されたタイミングでフィー ルド更新情報をブロードキャスト.その他お邪魔の送信やゲームオーバーなども送信するようにし ている.
作ってみての感想
作ってみての感想 本気でTetris作ろうとするとTetris自体が非常に複f Super Rotation System,Lock Down,Next..r ECSアーキテクチャは非常に使いやすいが癖が強%
System間の実行順序が難しい→なるべくそれらに依存しないように作 Rustの型の厳しさのお陰で大幅な設計変更もそこまで苦がなくできた
今後の展望 A これどうにかしたV A Pluginを使って全体的なリファクタリン6 A 多人数戦への対 A ロビーシステÉ A
Wasm対応+WebApp化