【旧版】JavaScriptで神経衰弱を作ろう
(全10回)
最新版のレッスンはこちらから »
【最新版】JavaScriptで神経衰弱を作ろう (全16回)
JavaScriptで神経衰弱ゲームを作る方法について見ていきます。
このレッスンでは HTML5 / CSS3 を使用しています。
-
#01 神経衰弱ゲームを作ってみよう (01:21) 無料公開中
- 完成版
- 必要となる知識
- ブラウザの対応状況
-
#02 ゲームのステージを作っていこう (02:34) 無料公開中
- index.html
-
#03 カードのスタイルを設定していこう (02:56) 無料公開中
- カードのマークアップ
- カードのスタイル
-
#04 カードを裏返してみよう (02:39)
- カードの変形アニメーション
-
#05 カードを自動生成しよう (02:47)
- カードの生成
-
#06 カードをステージに配置しよう (02:56)
- カードの配置
- 動作確認
-
#07 カードの反転処理を作ろう (03:01)
- flipCard()
-
#08 正誤判定をしてみよう (02:22)
- judge()
-
#09 次のレベルに行くボタンを作ろう (02:27)
- ボタンの作成
-
#10 ゲームを完成させよう (02:17)
- ゲームの完成
動画で紹介されている init 関数も createCard 関数も、関数の宣言よりも実行の方が先に記述されています。...
