多彩な表現力のWebGLを扱いやすくする「Three.js」:Webグラフィックをハックする(5)(2/5 ページ) さまざまな形状を扱う 前のページでは球体を1つだけ表示しましたが、もちろんThree.jsで表示できる形状は球体だけではありません。Three.jsで表示する形状を定義する方法には、大きく分けて以下の3つがあります。 プリセットの形状を利用する プログラムで形状を生成する CGツールで作成したデータを読み込む 以降では、これら3つの方法を個別に解説します。サンプルコードは前ページのサンプルからの変更部分のみを掲載しますので、ソース全体が見たい方は、「実際のサンプルを見る」のリンクでサンプルを表示し、そのページのソースを表示させてください。 プリセットの形状を表示する 前ページのサンプルではSphereGeometryを使って球体を生成しましたが、Three.jsにはほかにも
![多彩な表現力のWebGLを扱いやすくする「Three.js」](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e84fc6ab06f31b2e64248cbfc92fe06deb5bab5/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif)