HTML5による物理シミュレーション
JavaScriptでThree.js/jqPlot/jQuery UIを使う
- 著者 遠藤 理平
- 判型 B5変型判、392頁
- 本体価格 3,800円
- ISBN 978-4-87783-303-9
three.jsの仕様変更に伴い本書の記載に変更点があります。追加情報を参照してください。
著者のホームページよりお知らせ
フジテレビ2013年４月期月曜よる９時枠ドラマ【ガリレオ】にて、ドラマのセットに利用されるPCやスクリーンに映し出される物理シミュレーションや動画の提供が決まりました（予定）。先日発売されました「HTML5による物理シミュレーション」を元に作成しております。
本書について
本書は、HTML5を利用しウェブブラウザだけで完結した「物理シミュレーション環境」を構築するまでの手順を示すことで、実践を交えながら、HTML5によるアプリケーションの開発の手順と、物理シミュレーションの基礎を習得することを目的としています。
物理シミュレーション環境の構築に必要な要素として、【入力】【演算】【描画】の3つが挙げられます。これまで【入力】は各実行環境に応じたGUI、【演算】はC言語などのプログラミング言語、【描画】は二次元グラフ描写ならgnuplot、3次元グラフィックスならOpenGLというように、独立したアプリケーションをそれぞれ習得する必要がありました。
しかしながら、HTML5の登場により、状況は劇的に変化しつつあります。【入力】はHTMLが本来得意とするインタラクティブ・インターフェース、【演算】はウェブブラウザ上で高速実行可能なJavaScript、【描画】はcanvas要素によるリアルタイムな二次元ならびに三次元のグラフィックス描画と、HTML5の各要素によって、物理シミュレーション環境の構築に必要な3つの要素すべてが高レベル、かつウェブブラウザだけで完結することが可能となりました。
さらにHTML5で作成したアプリケーションはウェブブラウザを介して様々な環境で実行することができる上に、当然ながら、HTMLの本領であるウェブ上での公開も容易です。すなわち、アプリケーションの共通プラットフォームであるHTML5の一つの応用例として、HTML5は、新しいインタラクティブな科学コミュニケーションツールとしての可能性を大きく秘めていると考えています。
目 次
- 第1章 Three.jsを利用した3次元コンピュータ・グラフィックス入門
- 1.1 WebGLとThree.js
- 1.2 Three.jsの基本形
- 1.3 3次元オブジェクトの描画
- 1.4 プリミティブオブジェクトの描画
- 1.5 3次元オブジェクトの移動・回転・拡大
- 1.6 Three.jsによるアニメーション
- 1.7 影の描画とその他の光源
- 第2章 jqPlotを利用した2次元グラフ描画入門
- 2.1 jqPlotの準備
- 2.2 jqPlotの基本形
- 2.3 オプションの設定
- 2.4 プラグインの導入
- 2.5 jqPlotを利用したクラスの実装
- 第3章 物理シミュレーション環境の構築
- 3.1 JavaScriptライブラリ「jQuery」の準備
- 3.2 共通インターフェースの構築
- 3.3 2次元グラフ描画ツールの構築
- 3.4 仮想物理実験室の構築
- 第4章 物理シミュレーション入門
- 4.1 そもそも物理シミュレーションとは？
- 4.2 「はじき」からはじめる計算アルゴリズム
- 4.3 高精度の計算アルゴリズムの導出
- 4.4 ニュートンの運動方程式