ゲームおよびエンターテイメント用のHTML5キャンバス

• 四月 20, 2024

アニメーションとゲームは密接に関連しています。アニメーションを作成する多くの方法のうち、HTML5キャンバスは、高価なソフトウェアが関与しないため、低コストのオプションの1つです。 Foundation HTML5 Canvas：For Games and Entertainment Rob Hawkesは、HTML5 Canvasゲームの作成を学ぶことに興味のある人向けの初心者向けの良い本です。

ホークスは、基本的なHTML5ページを分解することにより、HTML5の紹介を開始します。彼は、CSS3、JavaScript、およびJQueryライブラリーがHTML5とどのように連携するかについて説明します。 JavaScriptはHTML5でのゲーム作成の重要な部分であるため、著者は変数、データ型、関数、条件などを含むJavaScriptの基本をカバーするために多くの時間を費やしています。それが邪魔にならない場合、HawkesはHTML5キャンバスの基本に進み、形状の描画からキャンバスの消去、ブラウザーの制御まで、段階的に実行します。

ホークスがスケーリング、回転、その他の変換を導入するにつれて、物事が面白くなり始めます。次に、影とグラデーションを使ったリアリズムを追加し、キャンバスを画像としてエクスポートします。ゼロからイメージをロードして作成する方法を学ぶと、彼はイメージを変換してエフェクトを適用するピクセル操作に進みます。

動き、物を動かすことで、最初のゲームの構築に一歩近づきます。ホークスは、状態の記憶や円に沿った動きなどの基本をカバーしています。境界線と衝突検出なしにゲームを作成することはできません。著者は、リアルなモーションを作成するために使用される速度、加速、摩擦などの物理の基本について説明します。

これで、スペースボウリングゲームである最初のゲームを作成する準備が整いました。ゲーム用のユーザーインターフェイスを構築する方法と共に、静止オブジェクトと非静止オブジェクトを制御する方法を学びます。また、マウス入力の検出とwin / loseプレーヤーシナリオのコーディングについても学習します。小惑星回避ゲームは、ホークスがキーボード入力を検出し、ゲーム内でオーディオを制御する方法を教える次のゲームです。

ホークスは、HTML5キャンバスとFlashなどの代替物との違いについての短い議論で本を締めくくります。^R。また、CPUパフォーマンスなどのキャンバスの限界や、3Dやさまざまなライブラリを含むキャンバスの将来についても指摘しています。

ロブホークスはボーンマス大学でインタラクティブメディアプロダクションを学び、HTML5やその他のウェブの新機能に特化したビジュアルプログラマーです。ソースコードは、発行元のWebサイトからダウンロードできます。

Googleブックスでプレビュー

出版社のウェブサイトにアクセス

著者のウェブサイトにアクセス

* Apress Mediaはレビューコピーを無料で提供してくれました。