Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Rustで対戦型Tetrisを作った話
Search
しゅん🌙
August 03, 2023
Technology
0
340
Rustで対戦型Tetrisを作った話
しゅん🌙
August 03, 2023
Tweet
Share
More Decks by しゅん🌙
See All by しゅん🌙
文字数の話の続き 〜Unicodeの楽しくない話〜
shunshobon
0
170
文字数の話 〜Unicodeの楽しい話〜
shunshobon
0
230
Haskellの並列・並行処理
shunshobon
1
340
Other Decks in Technology
See All in Technology
OSSコントリビュートをphp-srcメンテナの立場から語る / OSS Contribute
sakitakamachi
0
1.4k
Amazon CloudWatch Application Signals ではじめるバーンレートアラーム / Burn rate alarm with Amazon CloudWatch Application Signals
ymotongpoo
5
480
AIコーディングの最前線 〜活用のコツと課題〜
pharma_x_tech
2
960
ブラウザのレガシー・独自機能を愛でる-Firefoxの脆弱性4選- / Browser Crash Club #1
masatokinugawa
1
460
YOLOv10~v12
tenten0727
4
940
より良い開発者体験を実現するために~開発初心者が感じた生成AIの可能性~
masakiokuda
0
160
いつも初心者向けの記事に助けられているので得意分野では初心者向けの記事を書きます
toru_kubota
2
310
クラウド開発環境Cloud Workstationsの紹介
yunosukey
0
140
フロントエンドも盛り上げたい!フロントエンドCBとAmplifyの軌跡
mkdev10
2
270
Amazon CloudWatchで始める エンドユーザー体験のモニタリング
o11yfes2023
0
180
生成AIによるCloud Native基盤構築の可能性と実践的ガードレールの敷設について
nwiizo
6
490
彩の国で始めよう。おっさんエンジニアから共有したい、当たり前のことを当たり前にする技術
otsuki
0
140
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
390
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Bash Introduction
62gerente
611
210k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
How to train your dragon (web standard)
notwaldorf
90
6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
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化