Lecture 116:

サンプルの動作

Instructor: 柳井 政和

Lecture Content


今回はサンプルの動作です。サンプルを見ながら本セクションの描画処理を確かめます。

サンプルのindex-306-cash.html をブラウザで開きます。開いたところがこちらです。

これまでのキャンバスの描画を、別途用意したキャンバスにキャッシュとしてして貼り付け、そのキャッシュからこちらに縮小して描画しています。

こうした描画を毎フレーム行うのはそれなりに計算処理がかかります。そして一度描画したこうした背景盤面スコアなどは、それほど頻繁に変わるものではありません。そのため作成したこうした描画の状態を、別のキャンバスにキャッシュとして保存しておき、通常の描画ではそのキャッシュからメインのキャンバスに貼り付ける。こうすることで描画に係る計算時間を抑えます。

今回のサンプルではキャッシュに対する描画、そしてキャッシュからメインのキャンバスに対する描画、これらの処理を行っていくことにします。今回はサンプルの動作について話をしました。

Related Courses

jQueryでリッチなUIを実現する実践講座
PRO COURSE

jQueryでリッチなUIを実現する実践講座

7h 10m Video Course
Instructor: BeSomebody
11
$35.99
速習+詳細+実例 jQuery講座
PRO COURSE

速習+詳細+実例 jQuery講座

9h 4m Video Course
Instructor: 柳井 政和
$89.99
3日間でマスターする Ruby on Rails講座
PRO COURSE

3日間でマスターする Ruby on Rails講座

5h 10m Video Course
Instructor: 井上 博樹
71
$96.99
実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

8h 37m Video Course
Instructor: 柳井 政和
6
$99.99
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 27m Video Course
Instructor: たにぐち まこと
31
$199.99
How to Become a Top Skilled Web Developer
PRO COURSE

How to Become a Top Skilled Web Developer

23h 6m Video Course
Instructor: Masaaki Hatano
$119.99
Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

5h 22m Video Course
Instructor: 柳井 政和
$89.99
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

Electronでつくるローカルアプリ開発講座 for Windows

3h 20m Video Course
Instructor: 柳井 政和
$89.99
Adobe系スキルからプログラミングまで Web制作必要スキルセット講座
SET COURSE

Adobe系スキルからプログラミングまで Web制作必要スキルセット講座

8 Courses Included
Instructor: ムラモリ コウ
27
$8.99/mo
JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで
SET COURSE

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで

5 Courses Included
Instructor: 柳井 政和
7
$17.98/mo
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 15m Video Course
Instructor: BeSomebody
204
$174.00
誰でもわかる!JavaScript & jQuery基礎
PRO COURSE

誰でもわかる!JavaScript & jQuery基礎

10h 47m Video Course
Instructor: 荒川 栄一郎
$187.99