Skip to Content
初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ
book

初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ

by Jos Dirksen, あんどうやすし
July 2016
Intermediate to advanced
416 pages
6h 39m
Japanese
O'Reilly Japan, Inc.
Content preview from 初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ

8章高度なメッシュとジオメトリ

この章では高度で複雑なジオメトリとメッシュを作成するこれまでとは異なる方法を紹介します。「5章 ジオメトリ」と「6章 高度なジオメトリとブーリアン演算」でThree.js組み込みのオブジェクトを使用して高度なジオメトリを作成する方法をいくつか紹介しました。この章ではそれらとは異なる次の2つの方法で高度なジオメトリとメッシュを作成します。

グループ化とマージ
ここで紹介する最初の方法ではThree.jsの組み込みの機能を使用して既存のジオメトリをグループ化またはマージします。これによって既存のオブジェクトから新しいメッシュやジオメトリを作り出すことができます。
外部から読み込み
どのようにして外部ソースからメッシュとジオメトリを読み込むかを次に説明します。例えば、Blenderを使用してThree.jsがサポートしている形式でメッシュを書き出す方法について紹介します。

まずはグループ化とマージを使う方法の説明から始めましょう。この方法では新しいオブジェクトを作成するためにThree.jsで標準のグループ化やTHREE.Geometry.merge()関数を使用します。

8.1 ジオメトリのグループ化とマージ

この節ではThree.jsの基本的な機能を2つ紹介します。具体的には、複数オブジェクトをひとつにグループ化する機能と複数のメッシュを単一のメッシュにマージする機能です。

8.1.1 複数のオブジェクトをまとめてグループ化

先のいくつかの章で複数マテリアルの使用について説明した時にすでにこの内容について紹介しています。複数マテリアルを使用したジオメトリからメッシュを作成するとThree.jsはグループを作成します。つまりジオメトリを必要な数だけ複製してグループに追加し、それぞれに独自のマテリアルを設定します。このグループをメッシュのように扱うと、マテリアルを複数使用しているように見えることになります。しかし実際にはそのグループの中にはメッシュが多数含まれているわけです。 ...

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

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’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.
Head of Cybersecurity
QuotationMarkI 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.
Field Engineer
QuotationMarkI’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.
Data Platform Tech Lead
QuotationMarkI'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.
Mark W.
Embedded Software Engineer

You might also like

UX戦略 第2版 ―革新的なプロダクト開発のためのテクニック

UX戦略 第2版 ―革新的なプロダクト開発のためのテクニック

Jaime Levy, 安藤 幸央, 長尾 高弘

Publisher Resources

ISBN: 9784873117706Other