×
無料のユーザー登録
をすると学習状況を管理することができるようになります
ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
トップ
/
マイページ
/
レッスン一覧
/
JavaScriptで宝探しゲームを作ろう
JavaScriptで宝探しゲームを作ろう
(全10回)
JavaScriptを使って、宝探しゲームを作る方法を見ていきます。
このレッスンでは
HTML5
/
CSS
/
CSS3
/
JavaScript
を使用しています。
動画レッスン一覧
(10)
未完了
#01 宝探しゲームを作ってみよう
(02:45)
無料公開中
完成版の確認
index.htmlの作成
imgフォルダの確認
main.jsの作成
styles.cssの作成
未完了
#02 宝箱を配置しよう
(02:55)
無料公開中
宝箱のマークアップ
styles.cssの読み込み
宝箱のスタイリング
未完了
#03 配置のズレを修正しよう
(01:56)
無料公開中
画像の配置修正
未完了
#04 動きをつけてみよう
(01:52)
shakeクラスの作成
アニメーションの設定
未完了
#05 アニメーションを作り込もう
(01:52)
@keyframesの設定
動作確認
未完了
#06 宝箱を開けてみよう
(02:45)
main.jsの読み込み
クリックイベントの設定
未完了
#07 画像をランダムに表示しよう
(01:50)
配列の作成
ランダム表示の実装
未完了
#08 全ての宝箱が開くようにしよう
(02:39)
disabledクラスの作成
クリックイベントの設定
未完了
#09 リスタート機能を作ろう
(02:47)
リスタートボタンの実装
inactiveクラスの作成
未完了
#10 ゲームを完成させよう
(02:11)
リスタート機能の完成
ゲームの微調整
字下げの修正
全ユーザーの学習状況
完了済
259
学習中
313
閲覧数
11,101
このレッスンについて
最終更新日
2017年10月27日
(177日前)
バージョン情報
HTML5 / CSS / CSS3 / JavaScript
関連キーワード
(6)
基礎講座
(223)
初心者向け
(231)
HTML
(51)
CSS
(58)
JavaScript
(119)
ミニプログラム
(114)
このレッスンを共有する