新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 JavaScriptで迷路を作ろう (02:57) 無料公開中
- 完成版
- 必要となる知識
- 画面の作成
-
#02 CSSでスタイルの設定をしよう (02:41) 無料公開中
- styleタグ
-
#03 迷路の配列を作ろう (02:34) 無料公開中
- scriptタグ
- 処理の流れ
- map[][]
-
#04 Canvasの設定をしていこう (02:47)
- 変数の設定
- Canvasの設定
-
#05 迷路を描画してみよう (02:48)
- 上下左右の壁の描画
- 迷路の描画
- 動作確認
-
#06 スタート､ゴールを設定しよう (02:44)
- スタート、ゴールの設定
- スタート、ゴールの描画
-
#07 棒倒し法を使ってみよう (02:39)
- 棒倒し法について
-
#08 一つ飛びに棒を配置していこう (02:09)
- 棒の配置
-
#09 棒を倒して迷路を作ろう (02:31)
- 棒倒し
- 動作確認
-
#10 Mazeオブジェクトを作ろう (02:54)
- Mazeオブジェクトの作成
- プロパティの設定
-
#11 Mazeオブジェクトのメソッドを作ろう (02:40)
- rand()
- init()
- draw()
-
#12 Viewオブジェクトを作ろう (02:53)
- Viewオブジェクトの作成
-
#13 迷路を完成させよう (02:51)
- Viewオブジェクトのメソッド
- デバッグ
- 動作確認
