July 2016
Intermediate to advanced
416 pages
6h 39m
Japanese
Content preview from 初めてのThree.js 第2版 ―WebGLのための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.
11章カスタムシェーダーとポストプロセス
本書もあと少しで終わりです。この章ではこれまで触れていなかった重要な機能、レンダリングのポストプロセッシングについて説明します。それに加えて独自シェーダーの作成方法についても説明します。この章で紹介する主な内容は以下のとおりです。
- ポストプロセッシングに必要なThree.jsの設定
- Three.jsで利用できる
THREE.BloomPassやTHREE.FilmPassといった基本的なポストプロセッシングパス - マスクを利用してシーンの一部にだけエフェクトを適用する方法
THREE.TexturePassを利用した描画結果の保存THREE.ShaderPassを利用したセピアフィルタ、鏡面効果、色調整などの基本的なポストプロセッシングエフェクトの追加THREE.ShaderPassを使用したさまざまな種類のブラーエフェクトや高度なフィルタ- 単純なシェーダーの作成と独自ポストプロセッシングエフェクトの作成
本書ではこれまで「1.6.1 requestAnimationFrameの導入」で作成した描画ループを利用して、シーンをアニメーションしていました。ポストプロセッシングを使用する場合はこの描画ループ内の処理にいくつか変更を加え、これまでの最終的な描画結果に対してさらにポストプロセスを適用できるようにする必要があります。最初にその方法を説明します。
11.1 ポストプロセッシングに必要な設定
Three.jsでポストプロセッシングを利用するには、現在の設定にいくつか変更を加える必要があります。それには次のような手順を踏みます。
- ポストプロセッシングパスを追加するための
THREE.EffectComposerを作成する。 - シーンを描画した後でさらにポストプロセッシングを適用できるよう ...
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.