Three.js 三角形(triangle)の作り方 - Three.jsを使って、作ってみた
今回は、Three.jsの「三角形オブジェクト」について書きます。 こんな形の三角形の作り方を書いていきます。 横から見ると、 こんなんです。 最初は、コードから書いていきます。 コチラです。 //ジオメトリ（形状）の宣言と生成 var geometry = new THREE.Geometry(); //頂点座標データを追加 geometry.vertices[0] = new THREE.Vector3(150,0,0); geometry.vertices[1] = new THREE.Vector3(0,150,0); geometry.vertices[2] = new THREE.Vector3(0,0,150); //面指定用頂点インデックスを追加 geometry.faces[0] = new THREE.Face3(0,1,2); //マテリアル（材質）の宣言と生成 va
Three.js TextGeometry （3Dテキスト表示） - Three.jsを使って、作ってみた
今回は、Three.jsの「TextGeometry 」について書きます。 こちらは、3Dのテキストを表示させることができるジオメトリ （形状）です。 こんなのが表示できます。 横から見ると、 こんな感じです。 TextGeometryを使用するには、気をつけることが、一つあります。 TextGeometryを使うには、typeface.js形式のフォントファイルを読み込む必要があります！ typeface.js形式のフォントファイルは、Three.jsダウンロードフォルダ内の examples/fonts/〜typeface.js にあります。 6,7種類あると思います。 で、Three.jsのファイル読み込み後に、 <script src="helvetiker_bold.typeface.js"></script> を追加してください。今回は、helvetiker_bold.type
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
