ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/05/14
NEW
【週刊ドットインストール】 AIでブラウザゲームを作るレッスンをリリース
2026/05/13
NEW
初学者でも安心して取り組める、『AIでブラウザゲームを作ろう』レッスンをリリースしました
143
レッスン
73
質問と回答
0
文字起こし
0
ソースコード
71
件のレッスンと
72
件のレッスン動画が見つかりました。
#04 修正指示を出してみよう
AIでブラウザゲームを作ろう
ゲームの制限時間、効果音に関する修正指示を出します。
#02 Canvas要素を配置しよう
JavaScriptでピンポンゲームを作ろう
Canvasを配置したあとにスタイルを整えていきます。
#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でピンポンゲームを作ろう
パドルがボールを跳ね返す際の条件について図で解説していきます。
前へ
5
6
7
8
9
10
11
12
13
14
15