内容紹介

（概要）

楽しく遊べる2Dゲームの開発を進めながら、グラフィックスプログラミングの基本が学べる入門書。

一度習得すると、ゲームや映像生成、動的可視化をはじめ、幅広い分野で長く役立つグラフィックスプログラミングの基礎。

本書では、リアルタイムに動く画像を描くために求められる技術や考え方を平易に解説します。

開発言語として、エディタとブラウザがあれば開発ができるJavaScriptを採用し、すぐにスタートできる構成が特徴です。

豊富な図解に加え、いまどきのJavaScript（ES2015準拠）の基本文法、これだけは知っておきたい数学知識も厳選収録。

一線の開発者による、現場で活かせるやさしい実践解説です。

（こんな方におすすめ）

・コンピューターグラフィックスとそのプログラミングに興味をお持ちの方々

・広くグラフィックスというテーマに取り組んでいる学生の方々

・ゲーム開発やWeb開発にまつわる知識を、土台から強化していきたい方々

（目次）

第1章 ［入門］グラフィックスプログラミング ……長く役立つ基礎の基礎

　　1.1 グラフィックスとグラフィックスプログラミングの基本 ……CG、2D、3D、画素

　　1.2 グラフィックスプログラミングの分類 ……活躍の舞台は広い

　　1.3 グラフィックスプログラミングと技術 ……原則、プログラミング言語、API

　　1.4 本章のまとめ

第2章 ［グラフィックスプログラミングで役立つ］JavaScript/ES2015入門 ……開発環境から文法基礎まで

　　2.1 本書における開発言語と開発環境 ……JavaScript、Chrome、Windows＆macOS

　　2.2 サンプルと実行環境について ……ファイル構成、ブラウザ＆開発ツール

　　2.3 ［グラフィックスプログラミングのための］JavaScript/ES2015の基本 ……基本操作、変数、関数、オブジェクト、演算子

　　2.4 本章のまとめ

第3章 ［基礎］グラフィックスプログラミングと数学 ……三角関数、線型代数、乱数＆補間

　　3.1 角度と三角関数 ……ラジアン、sin（サイン）、cos（コサイン）

　　3.2 ベクトルと行列 ……点から始める線型代数

　　3.3 乱数/擬似乱数と補間＆イージング ……グラフィックスプログラミングに役立つ数学関連知識

　　3.4 本章のまとめ

第4章 Canvas2Dから学べる基本 ……Canvas2Dコンテキストと描画命令

　　4.1 Canvas2Dの基礎知識 ……コンテキストオブジェクト、Document Object Model

　　4.2 Canvas2Dの基本プリミティブ ……矩形、線、多角形、円、円弧、ベジェ曲線...

　　4.3 Canvas2Dコンテキストの描画効果＆演出機能 ……テキスト、ドロップシャドウ、グラデーション、パターン、アルファブレンディング、コンポジットオペレーション

　　4.4 本章のまとめ

第5章 ユーザーインタラクションのプログラミング ……ゼロから作るシューティングゲーム?

　　5.1 ［まずは準備から］シューティングゲームを作る ……ファイル構成とルール

　　5.2 ゲームの骨格を作る ……土台となるプログラムの設計

　　5.3 本章のまとめ

第6章 キャラクターと動きのプログラミング ……ゼロから作るシューティングゲーム?

　　6.1 キャラクターの実装 ……キャラクター管理クラス、キーの入力によるインタラクティブな移動

　　6.2 ショットの実装 ……大量ショットのインスタンス、程良い速度、回転描画

　　6.3 敵キャラクターの実装 ……敵キャラクターの配置、シーン管理＆更新、敵キャラクターのタイプ

　　6.4 本章のまとめ

第7章 状態に応じた判定や演出のプログラミング ……ゼロから作るシューティングゲーム?

　　7.1 衝突判定 ……オブジェクト同士の衝突、エフェクト、補間関数/イージング関数

　　7.2 自機キャラクターの状態に応じた処理 ……ライフの減算、ゲームオーバーの演出、再スタート

　　7.3 ゲームの品質向上 ……スコア、敵キャラの攻撃力＆耐久力、シーン管理、背景、音声、ボスキャラ

　　7.4 本章のまとめ

第8章 ピクセルと色のプログラミング ピクセルを塗る操作と感覚

　　8.1 ［再入門］グラフィックスを構成するピクセル ……ピクセルと画像処理

　　8.2 Canvas APIでピクセルを直接操作する ……ピクセル操作の窓口「ImageData」

　　8.3 画像処理プログラミングの基本テクニック ……ネガポジ反転、グレースケール、2値化、エッジ検出、ノイズ除去、モザイク

　　8.4 本章のまとめ