ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
JavaScriptで宝探しゲームを作ろう
JavaScriptを使って、宝探しゲームを作る方法を見ていきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(10)
#01 宝探しゲームを作ってみよう
(02:46)
無料公開中
完成版の確認
index.htmlの作成
imgフォルダの確認
main.jsの作成
styles.cssの作成
未完了
#02 宝箱を配置しよう
(02:54)
無料公開中
宝箱のマークアップ
styles.cssの読み込み
宝箱のスタイリング
未完了
#03 配置のズレを修正しよう
(01:57)
無料公開中
画像の配置修正
未完了
#04 動きをつけてみよう
(01:53)
shakeクラスの作成
アニメーションの設定
未完了
#05 アニメーションを作り込もう
(01:53)
@keyframesの設定
動作確認
未完了
#06 宝箱を開けてみよう
(02:45)
main.jsの読み込み
クリックイベントの設定
未完了
#07 画像をランダムに表示しよう
(01:50)
配列の作成
ランダム表示の実装
未完了
#08 全ての宝箱が開くようにしよう
(02:40)
disabledクラスの作成
クリックイベントの設定
未完了
#09 リスタート機能を作ろう
(02:46)
リスタートボタンの実装
inactiveクラスの作成
未完了
#10 ゲームを完成させよう
(02:10)
リスタート機能の完成
ゲームの微調整
字下げの修正
未完了
リリース情報(note)
『JavaScriptで宝探しゲームを作ろう』を追加しました
詳細情報
最終更新日
2017年10月27日
バージョン情報
HTML5 / CSS / CSS3 / JavaScript