Hokuriku ComCamp 2016 powered by MVPs で行ったセッション「C# ドキドキ・ライブコーディング」で作成したテトリスの解説資料

1. Hokuriku ComCamp 2016 powered by MVPs
Tetris Algorithm
- 僕が考えた最強のテトリス実装方針 -

2. Name
鈴木 孝明
Twitter Account
@xin9le
Award
Microsoft MVP for Visual Studio
and Development Technologies
Web Site
http://xin9le.net
About Me

4. 実装方針とアルゴリズム
How to implement

5. 脱フレームベースの描画
テトリスはキー入力と落下タイマーのみ (= イベントベース)
フレームごとの描画を排除し、軽量化と高速化を図る
MVVM構造
データバインドを使った画面更新
描画の実装ではなくモデルの実装に注力すべき
using WPF;

6. MVVM構造 (Model – View – ViewModel)
View ViewModel Model
Data Binding
Commands
Notifications
どんな画面に
するか
画面をどう
制御するか
アプリ固有の
実装

7. Tetrimino
形状と色 (=種類) を持ったブロックの集合
ユーザーはこれを移動したり回したりする
Block
テトリミノを構成するひとつひとつのブロック
色と座標を持っている
構成要素 #1

8. 配置済みブロック
移動できなくなったテトリミノの成れの果て
ブロックのコレクションとして管理される
構成要素 #2

9. Field
テトリミノの回転/移動などを表示するところ
セルの集合体
Cell
ブロックを表示するマス目
2次元配列で管理されている
構成要素 #3

10. 移動基準点
テトリミノを囲える最小の正方形の左上セル
回転軸
テトリミノを囲える最小の正方形の中心点
ex. 長い棒の場合は 4×4 なのでセルが中心にはならない
移動/回転の基準点

11. 基本動作
何かに衝突しない範囲で 1 セルずつ移動 / 90度回転
下方向移動
タイマーを使った自動落下
↓キーで移動してる間はタイマーを停止する
床/ブロックにぶつかったら配置済みブロック化する
テトリミノの移動/回転

12. 壁/床との衝突
移動先/回転後の座標を持つブロックに
フィールド外の座標のものがひとつ以上含まれる
ブロック同士の衝突
移動先/回転後の座標を持つブロックに
配置済みブロックと同じ座標のものがひとつ以上存在する
衝突判定

13. 我ながら Good idea !!

14. https://github.com/xin9le/WpfTetris
It’s Free & Open Source
Download & install as ClickOnce application

15. Enjoy our live coding!!
Thank you