- イントロダクション
- 作成するリバーシゲーム
- ソースコードについて
- ブラウザについて
- 文字コードについて
- テキストエディタについて
- JavaScriptの基本文法について
- 本セクションの参考資料
- Q&A
- [章頭] リバーシゲームの構造
- ファイルの種類
- HTML
- CSS
- 画像
- サウンド
- Webフォント
- JavaScript
- 本セクションの参考資料
- [章頭] ◆基本処理を作る◆
- 基本処理の概要
- jQueryの資料
- Canvasの資料
- 本セクションの参考資料
- [章頭] キャンバスの初期化
- HTMLファイル
- 各JSファイルの初期化
- game.core.getWinW, getWinH
- game.core.getFitSz
- game.canvas.genCnvs
- game.canvas.initCnvs
- [章頭] game.core その他
- game.core.ua.pc
- game.core.inRng
- game.core.rtRGB
- [章頭] 画像の読み込みと管理
- リソースの読み込みを待つ
- jQuery.Deferred
- jQuery.Deferred 2
- jQuery.Deferred 3
- HTMLファイル
- resouce.image.load, imgs
- [章頭] フォントの読み込み
- Webフォントの読み込みタイミング
- HTMLファイル
- resouce.font.load
- [章頭] サウンドの読み込み
- サンプルの動作とゲームで必要な処理
- HTMLファイル
- resouce.sound.js の中身
- resouce.sound.init
- resouce.sound.load
- resouce.sound.chckUnbl
- resouce.sound.rstCurTm
- resouce.sound.play
- resouce.sound.playLoop
- resouce.sound.pause
- resouce.sound.stop
- resouce.sound.vol
- resouce.sound.playSE
- resouce.sound.playBGM
- [章頭] アニメーションの管理
- アニメーションの仕組み
- HTMLファイル
- game.anim.rqstAnmFrm, cnclAnmFrm
- game.anim.strt, stp
- game.anim.updt
- game.anim.add, rmv
- [章頭] UIの管理
- サンプルの動作
- HTMLファイル
- game.ui.init
- game.ui.addBtn
- game.ui.addBtn 2
- game.ui.addBtn 3
- game.ui.rmvBtn
- [章頭] 画像の縮小
- サンプルの動作
- HTMLファイル
- game.canvas.getScaledImg
- [章頭] ◆リバーシの描画を作る◆
- リバーシの描画の概要
- リバーシの描画の概要2
- リバーシの描画の概要3
- 本セクションの参考資料
- [章頭] 背景の描画
- サンプルの動作
- HTMLファイル