JavaScriptでスロットマシンを作ろう
(全8回)
JavaScriptでスロットマシンを作る方法を見ていきます。
このレッスンでは HTML5 / CSS3 を使用しています。
-
#01 スロットマシンを作ろう (01:06) 無料公開中
- 完成版
- 必要となる知識
- レッスンにおける環境
-
#02 画面に要素を配置していこう (02:41) 無料公開中
- index.htmlの作成
- スタイリング
-
#03 要素のスタイルを整えていこう (02:57)
- パネルのスタイリング
- ボタンのスタイリング
-
#04 SPINボタンを動作させてみよう (02:52)
- 要素の取得
- SPINボタンのイベント
- 動作確認
-
#05 スロットを動作させてみよう (02:11)
- スロットの実装
- 動作確認
-
#06 スロットを停止させてみよう (02:52)
- 停止処理の実装
- 動作確認
-
#07 結果を判定していこう (02:35)
- 結果の判定
- 動作確認
-
#08 スロットマシンを完成させよう (02:48)
- 初期化
- isPlayingによる条件分岐
