Javascript勉強会テトリス編~キーに反応できるようにしよう~2010年6月26日ものづくり寺子屋
この時間の目的左右に動かそう下に動かそう回転させよう
キー操作左=図形を左側に移動右=図形を右側に移動下=図形を地面につくまで下に移動上=図形を回転
キーの操作に反応しようonKeyDownキーボードボタンが押されたときのイベントevent.keyCodeキーを示す数字がはいっている変数。
図形を左右に動かそう
switch文複数の選択肢の中から、条件に合うものを選んで実行case 数値: ~; break;
流れもし、エリアの外にブロックが出るようなら、図形を移動しないもし、ブロックがエリアの中にあるのであれば、移動する
結果を確認しよう
図形を下に動かそう
方針ブロックが地面につくまで、下に移動while文条件がtrueである限り、繰り替えるもし、一回目から条件がfalseであれば、実行しない
結果を確認しよう
図形を回転させよう
図形のブロックを90度ずらす古い配列から、新しい配列に乗り換えるblock -> rotated
結果を確認しよう
休憩