イントロダクション
  • イントロダクション
  • 作成するリバーシゲーム
  • ソースコードについて
  • ブラウザについて
  • 文字コードについて
  • テキストエディタについて
  • 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 その他
  • 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の管理
  • [章頭] 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ファイル