July 2021
Intermediate to advanced
440 pages
6h 10m
Japanese
Content preview from 初めてのWebGL 2 第2版 ―JavaScriptで開発するリアルタイム3DアプリケーションBecome an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
3章光源
先ほどの章では、WebGLのレンダリングパイプライン、ジオメトリの定義、GPUへのデータ転送、AJAXを利用した非同期の外部アセット読み込みについて説明しました。また、WebGLアプリケーションを作成する中でシェーダーとその役割についても簡単に説明しました。本章ではシェーダーについてさらに詳細に説明し、頂点シェーダーとフラグメントシェーダーを利用してシーンのライティングモデルを作成します。
シェーダーを使用すると、シーンにどのように光を当てるかを規定する数学的なモデルを定義できます。これから、いくつかのアルゴリズムを紹介しその応用例を解説することで、シェーダーを実装する方法を説明します。線形代数の基本的な知識があれば本章の内容を理解する大きな助けになりますが、ほとんどのベクトル／行列操作はJavaScriptライブラリを通じて行うので、数学的な操作について心配する必要はありません。とはいえ、これから説明する線形代数操作の概念をしっかりと理解しておくことが結局は自分のためになります。
本章では以下のような内容を扱います。
- 光源、法線、マテリアル
- シェーディングとライティングの違い
- グーローシェーディングとフォンシェーディング
- ランバートライティングモデルとフォンライティングモデル
- ユニフォーム、アトリビュート、バリイングの定義と利用
- WebGLのシェーディング言語ESSLの利用
- シェーダーに関係するWebGL APIメソッド
- WebGLステートマシンで管理されるシェーダーに関する属性
3.1 光源、法線、マテリアル
現実世界で物体が目に見えるのは、光を反射するからです。オブジェクトがどのように照らされるかは、光源との相対的な位置、表面の向き、物質の組成などに依存します。本章では、WebGLでこれら3つの要素を組み合わせて、異なる照明スキームをモデリングする方法について学びます（ ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.