アカウント作成
続きを見るにはアカウントの作成が必要です
自動再生
自動補完
HTML5
Flash
Player
再生速度
前のパートに戻る
完了して次のパートへ
柳井 政和
おめでとうございます!このパートは完了です!
学習の進捗をTwitterで投稿して他の学習者とつながろう!
JavaScriptで作るリバーシゲーム
1章:イントロダクション
1-1. イントロダクション
1-2. 作成するリバーシゲーム
1-3. ソースコードについて
1-4. ブラウザについて
1-5. 文字コードについて
1-6. テキストエディタについて
1-7. JavaScriptの基本文法について
1-8. 本セクションの参考資料
2章:リバーシゲームの構造
2-1. リバーシゲームの構造
2-2. ファイルの種類
2-3. HTML
2-4. CSS
2-5. 画像
2-6. サウンド
2-7. Webフォント
2-8. JavaScript
2-9. 本セクションの参考資料
3章 : ◆基本処理を作る◆
3-1. 基本処理を作る
3-2. 基本処理の概要
3-3. jQueryの資料
3-4. Canvasの資料
3-5. 本セクションの参考資料
4章 : キャンバスの初期化
4-1. キャンバスの初期化
4-2. HTMLファイル
4-3. 各JSファイルの初期化
4-4. JSファイル - game.core.js
4-5. game.core.getWinW, getWinH
4-6. game.core.getFitSz
4-7. JSファイル - game.canvas.js
4-8. game.canvas.genCnvs
4-9. game.canvas.initCnvs
5章 : game.coreその他
5-1. game.core その他
5-2. game.core.ua.pc
5-3. game.core.inRng
5-4. game.core.rtRGB
6章 : 画像の読み込みと管理
6-1. 画像の読み込みと管理
6-2. リソースの読み込みを待つ
6-3. HTMLファイル
6-4. jQuery.Deferred
6-5. jQuery.Deferred 2
6-6. jQuery.Deferred 3
6-7. HTMLファイル
6-8. JSファイル. resouce.image.js
6-9. resouce.image.load, imgs
7章 : フォントの読み込み
7-1. フォントの読み込み
7-2. Webフォントの読み込みタイミング
7-3. HTMLファイル
7-4. JSファイル. resouce.font.js
7-5. resouce.font.load
8章 : サウンドの読み込み
8-1. サウンドの読み込み
8-2. サンプルの動作とゲームで必要な処理
8-3. HTMLファイル
8-4. JSファイル. resouce.sound.js
8-5. resouce.sound.js の中身
8-6. resouce.sound.init
8-7. resouce.sound.load
8-8. resouce.sound.chckUnbl
8-9. resouce.sound.rstCurTm
8-10. resouce.sound.play
8-11. resouce.sound.playLoop
8-12. resouce.sound.pause
8-13. resouce.sound.stop
8-14. resouce.sound.vol
8-15. resouce.sound.playSE
8-16. resouce.sound.playBGM
9章 : アニメーションの管理
9-1. アニメーションの管理
9-2. アニメーションの仕組み
9-3. HTMLファイル
9-4. JSファイル. game.anim.js
9-5. game.anim.rqstAnmFrm, cnclAnmFrm
9-6. game.anim.strt, stp
9-7. game.anim.updt
9-8. game.anim.add, rmv
10章 : UIの管理
10-1. UIの管理
10-2. サンプルの動作
10-3. HTMLファイル
10-4. JSファイル. game.ui.js
10-5. game.ui.init
10-6. game.ui.addBtn
10-7. game.ui.addBtn2
10-8. game.ui.addBtn3
10-9. game.ui.rmvBtn
11章 : 画像の縮小
11-1. 画像の縮小
11-2. サンプルの動作
11-3. HTMLファイル
11-4. JSファイル. game.canvas.js
11-5. game.canvas.getScaledImg
12章 : ◆リバーシの描画を作る◆
12-1. リバーシの描画を作る
12-2. リバーシの描画の概要
12-3. リバーシの描画の概要2
12-4. リバーシの描画の概要3
12-5. 本セクションの参考資料
13章 : 背景の描画
13-1. 背景の描画
13-2. サンプルの動作
13-3. HTMLファイル
13-4. JSファイル. reversi.canvas.js
13-5. reversi.canvas.jsの変数
13-6. reversi.canvas.initCnvs
13-7. reversi.canvas.drwBg
14章 : 盤面の描画
14-1. 盤面の描画
14-2. サンプルの動作
14-3. HTMLファイル
14-4. JSファイル. reversi.canvas.js
14-5. JSファイル. reversi.reversi.js
14-6. reversi.canvas.drwSqAll
14-7. reversi.reversi.scnBrd
14-8. reversi.canvas.xyToReal
14-9. reversi.canvas.drwSq
14-10. reversi.canvas.drwSq 2
15章 : 石の描画
15-1. 石の描画
15-2. サンプルの動作
15-3. HTMLファイル
15-4. JSファイル. reversi.canvas.js
15-5. reversi.canvas.rszTkn
15-6. reversi.canvas.drwTkn
15-7. reversi.canvas.drwTknAll
16章 : スコアの描画
16-1. スコアの描画
16-2. サンプルの動作
16-3. HTMLファイル
16-4. JSファイル. reversi.canvas.js
16-5. reversi.canvas.drwPScrAll
16-6. reversi.canvas.drwPScr
17章 : 手番プレイヤーの描画
17-1. 手番プレイヤーの描画
17-2. サンプルの動作
17-3. HTMLファイル
17-4. JSファイル_reversi.canvas.js
17-5. reversi.canvas.drwPlyr
17-6. reversi.canvas.drwPlyr
18章 : 描画キャッシュの作成
18-1. 描画キャッシュ
18-2. サンプルの動作
18-3. HTMLファイル
18-4. JSファイル_reversi.canvas.js
18-5. reversi.canvas.genCsh
18-6. reversi.canvas.drwCsh
19章 : エフェクト
19-1. エフェクト
19-2. サンプルの動作
19-3. HTMLファイル
19-4. JSファイル. reversi.effect.js
19-5. reversi.effect.js
19-6. reversi.effect.msg
19-7. reversi.effect.msg 2
20章 : 盤面クリック
20-1. 盤面クリック
20-2. サンプルの動作
20-3. HTMLファイル
21章 : ◆ゲームを作る◆
21-1. ゲームを作る
21-2. ゲームの処理の概要
21-3. ゲームの処理の概要2
21-4. ゲームの処理の概要3
21-5. 本セクションの参考資料
22章 : ゲームの初期化
22-1. ゲームの初期化
22-2. HTMLファイル
22-3. JSファイル. reversi.core.js
22-4. JSファイル. reversi.canvas.js
22-5. reversi.core.jsの変数
22-6. reversi.core.init
22-7. reversi.core.initClck
22-8. reversi.core.strt
22-9. reversi.core.btnStrt
22-10. reversi.core.updtCnvs
22-11. reversi.canvas.drwEnblSqsAll, drwEnblSqs
23章 : リバーシゲームのシステム
23-1. リバーシゲームのシステム
23-2. JSファイル. reversi.reversi.js
23-3. reversi.reversi.jsの変数
23-4. reversi.reversi.init
23-5. 各種共通処理
23-6. reversi.reversi.scnLn
23-7. reversi.reversi.getEnblSqs
23-8. reversi.reversi.putTkn
23-9. reversi.reversi.execRvrs
23-10. nxt
24章 : ゲームの進行
24-1. ゲームの進行
24-2. JSファイル. reversi.core.js
24-3. JSファイル. reversi.effect.js
24-4. reversi.core.clckBrd
24-5. reversi.core.doRev
24-6. reversi.core.playSERev
24-7. reversi.core.updt
24-8. reversi.core.updt 2
24-9. reversi.core.updt 3
24-10. reversi.effect.putTkn
24-11. reversi.effect.chngBrd
24-12. reversi.effect.chngBrd 2
25章 : COMの思考
25-1. COMの思考
25-2. アルゴリズムの概要
25-3. JSファイル. reversi.com.js
25-4. reversi.com.js
25-5. comIn
25-6. comIn 2
25-7. comIn 3
25-8. comIn 4
26章 : ◆終わりに◆
26-1. 終わりに
26-2. ゲーム作成について
この教材を評価する
5-2. game.core.ua.pc
教材内容はロックされています
もしすでに購入されている場合は、
ログインする必要があります。
.
教材を購入してロックを解除する