ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/27
NEW
【週刊ドットインストール】 Nuxt入門のレッスンをリリースしました
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】HTML5でインタラクティブアート
HTML5 CanvasとJavaScriptを使ってインタラクティブアートを作ってみます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(9)
#01 開発の準備を整えよう
(02:53)
無料公開中
完成版
必要となる知識
必要となるツール
ひな形ファイルの作成
未完了
#02 画面の設定をしていこう
(02:38)
無料公開中
#containerの設定
canvasの設定
未完了
#03 Ballオブジェクトを作ろう
(02:44)
rand関数の作成
Ballオブジェクトの設定
未完了
#04 メソッドを追加していこう
(02:20)
drawメソッドの追加
動作確認
moveメソッドの追加
未完了
#05 クリックしてBallを生成しよう
(02:52)
クリックイベントの設定
動作確認
未完了
#06 Ballを表示させてみよう
(02:25)
updateの作成
clearStage関数の作成
動作確認
未完了
#07 跳ね返りの処理をしよう
(02:30)
跳ね返り処理
動作確認
未完了
#08 座標の調整をしてみよう
(02:14)
座標の調整
動作確認
未完了
#09 座標調整処理を関数にしてみよう
(02:33)
関数の作成
動作確認
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2014年5月14日
バージョン情報
HTML5