ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/09/11
NEW
【週刊ドットインストール】 Figma入門が始まります、最近のAI活用事例
141
レッスン
73
質問と回答
0
文字起こし
0
ソースコード
71
件のレッスンと
70
件のレッスン動画が見つかりました。
#03 Gameクラスを作っていこう
JavaScriptでピンポンゲームを作ろう
JavaScriptを書く準備をしたあとにGameクラスを作っていきます。
#05 Ballクラスを作っていこう
JavaScriptでピンポンゲームを作ろう
GameクラスでBallのインスタンスを作ったあとに、Ballクラスを定義して描画処理を実装していきます。
#06 ボールを動かしてみよう
JavaScriptでピンポンゲームを作ろう
Ballクラスのupdate()を実装してボールを動かしていきます。
#07 ボールを跳ね返してみよう
JavaScriptでピンポンゲームを作ろう
ボールが壁に当たったら跳ね返るように実装していきます。
#08 ボールの動きをランダムにしよう
JavaScriptでピンポンゲームを作ろう
ボールの生成される位置や速度をランダムにするための関数を作っていきます。
#09 Paddleクラスを作っていこう
JavaScriptでピンポンゲームを作ろう
GameクラスでPaddleのインスタンスを作ったあとに、Paddleクラスを定義して描画処理を実装していきます。
#10 マウスでパドルを動かそう
JavaScriptでピンポンゲームを作ろう
clientXの値を使ってPaddleを動かせるようにしていきます。
#11 ボールを跳ね返す条件を理解しよう
JavaScriptでピンポンゲームを作ろう
パドルがボールを跳ね返す際の条件について図で解説していきます。
#12 パドルでボールを跳ね返そう
JavaScriptでピンポンゲームを作ろう
パドルがボールを跳ね返すときの条件を設定していきます。
#13 ボールの動きを制御しよう
JavaScriptでピンポンゲームを作ろう
ボールを跳ね返すためのメソッドを実装していきます。
前へ
5
6
7
8
9
10
11
12
13
14
15