このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 インタラクティブアートを作ろう (02:44) 無料公開中
- 完成版の確認
- 必要となる知識
- index.htmlの作成
-
#02 Canvasの設定をしていこう (02:03) 無料公開中
- Canvasの設定
- 乱数の生成
-
#03 ボールを表示させてみよう (02:37) 無料公開中
- Ballオブジェクトの生成
- ボールの表示
-
#04 ボールを動かしてみよう (02:19)
- 加速度の設定
- update()
-
#05 ボールが跳ね返るようにしよう (02:30)
- 跳ね返りの設定
- ボールの色の設定
-
#06 ボールを複数にしてみよう (02:19)
- クリックイベントの設定
- 複数のボールの表示
-
#07 クリックした位置を取得しよう (01:50)
- クリック位置の取得
- 動作確認
-
#08 座標の調整をしてみよう (02:10)
- 中心座標の調整
-
#09 座標調整処理を関数にしてみよう (02:15)
- 座標調整処理の関数化
- 動作確認
-
#10 Stageオブジェクトを作ろう (02:45)
- Stageオブジェクト
- インスタンス化
- update()メソッド
- bind()
-
#11 プロトタイプを使ってみよう (01:41)
- prototype
- 動作確認
