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.
4章カメラ
先ほどの章でESSLについて説明し、頂点シェーダーとフラグメントシェーダーを使用して3Dシーンでのライティングモデルを定義しました。本章ではそれらの概念の理解をさらに深めるため、先ほどのソースコードで見た行列について詳しく学びます。これらの行列をシーンに適用すると、座標を変換して表示している物体を移動できます。先ほど、シーン内のオブジェクトから離れた位置にカメラを配置するために行列を使用したのがその例です。その他、自動車3Dモデルの回転にも行列を使用しました。
通常の3Dアプリケーションにはカメラがありますが、WebGL API自身にはカメラオブジェクトはありません。あるのは行列だけです。これはWebGLにカメラオブジェクト自体を用意するよりも行列を使用したほうが、複雑な投影やアニメーションを実現できるだけの柔軟さが得られるからです。本章では、これらの行列変換が何を意味するか、またそれらを利用してどのように仮想的なカメラを定義して操作するかを学びます。
本章では、次のトピックスについて見ていきます。
- 3D空間から2Dの画面にシーンを投影するための変換
- アフィン変換
- 行列とESSLユニフォームのマッピング
- モデルビュー行列と投影行列
- 法線行列
- カメラの作成と3Dシーン内の移動
4.1 WebGLにはカメラがない
3Dコンピューターグラフィックスに関係する技術なのにカメラがないというのはどういうことでしょう？ 言い方をかえてみましょう。WebGLには操作可能なカメラオブジェクトはありません。しかしそうは言ってもcanvas内に描画されている画像はカメラが捉えたものだとみなせるのではないでしょうか。本章ではWebGLでカメラをどう表現するかという問題について説明します。簡単に言うと、それには4×4行列を使用します。 ...
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.