ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
JavaScriptでインタラクティブアートを作ろう
JavaScriptで簡単なインタラクティブアートを作ってみましょう。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(11)
#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
動作確認
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2016年3月24日
バージョン情報
HTML5 / JavaScript