Javascriptゲームプログラミング初級【ブロック崩し】if文・for文・関数・Gameの基礎・アニメーションについて学べます。Javascript入門 | ジャバスクリプト初心者 ゲーム開発

●ゲームで遊んでみたい方はこちら！
https://coding-youtuber.github.io/breakout/build/index.html

● 目次
Chapter 1 0:38 Canvasを用意
Chapter 2 1:57 ボールを動かす
Chapter 3 3:33 簡単な衝突検知
Chapter 4 5:01 ボールにぶつかるパドルを定義
Chapter 5 5:31 パドルを操作できるようにする
Chapter 6 7:26 ゲームオーバーを実装
Chapter 7 7:54 ブロックの変数を設定
Chapter 8 10:12 衝突検出関数
Chapter 9 11:36 スコアを数える
Chapter 10 12:09 勝利メッセージを表示
Chapter 11 12:35 パドルをマウスで操作
Chapter 12 13:12 プレイヤーにライフを与える
Chapter 13 14:19 requestAnimationFrame()で描画を改善


●動画で使ったプログラムはこちら
https://github.com/coding-youtuber/breakout/blob/master/src/js/app.js

GitHub
https://github.com/coding-youtuber/breakout

 ●参考
そのままのJavaScriptを使ったブロックくずしゲーム - ゲーム開発 | MDN
https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript

●対象となる視聴者の方
・Javascirptの基礎文法は知ってはいるが何を作ればいいのかわからない方
・実際に何か作って理解を深めたい方
・Progateが終わってから次にやることを探している方

●この動画で学べること
Javascriptによるゲーム制作
衝突判定
if文、for文、関数の使い方
二重for文の書き方

配列
ジャバスクリプト
プログラミング初心者
プログラミング初級者
プログラミング入門
ブロック崩し
break out
brick
JS
GitHub
オープンソース
HTML5ゲーム
HTML5

#プログラミング #Javascript #ゲーム