ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/05/28
NEW
【週刊ドットインストール】 AI関連レッスン、第四弾を準備中
862
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
244
件のレッスンと
618
件のレッスン動画が見つかりました。
#06 ボールを動かしてみよう
JavaScriptでピンポンゲームを作ろう
Ballクラスのupdate()を実装してボールを動かしていきます。
#07 ボールを跳ね返してみよう
JavaScriptでピンポンゲームを作ろう
ボールが壁に当たったら跳ね返るように実装していきます。
#08 ボールの動きをランダムにしよう
JavaScriptでピンポンゲームを作ろう
ボールの生成される位置や速度をランダムにするための関数を作っていきます。
#09 Paddleクラスを作っていこう
JavaScriptでピンポンゲームを作ろう
GameクラスでPaddleのインスタンスを作ったあとに、Paddleクラスを定義して描画処理を実装していきます。
#10 マウスでパドルを動かそう
JavaScriptでピンポンゲームを作ろう
clientXの値を使ってPaddleを動かせるようにしていきます。
#11 ボールを跳ね返す条件を理解しよう
JavaScriptでピンポンゲームを作ろう
パドルがボールを跳ね返す際の条件について図で解説していきます。
#12 パドルでボールを跳ね返そう
JavaScriptでピンポンゲームを作ろう
パドルがボールを跳ね返すときの条件を設定していきます。
#13 ボールの動きを制御しよう
JavaScriptでピンポンゲームを作ろう
ボールを跳ね返すためのメソッドを実装していきます。
#14 ゲームオーバー処理を実装しよう
JavaScriptでピンポンゲームを作ろう
ボールが画面下に行ったときにゲームオーバーと表示されるようにしていきます。
#15 ゲームオーバー処理を完成させよう
JavaScriptでピンポンゲームを作ろう
getMissedStatus()を実装してゲームオーバーの処理を完成させていきます。
前へ
34
35
36
37
38
39
40
41
42
43
44
次へ