2

ShapeGeometry でのテクスチャのレンダリングに問題があります。まず、問題の背景を少し説明します。

Three.js を使用して、テクスチャで SVG パスをレンダリングしようとしています。私はすでにパスを適切にレンダリングすることができました。問題はテクスチャにあります: http://s14.postimage.org/9xifetrf5/scene.png

キューブはテクスチャを適切にレンダリングしますが、コーナーの形状はテクスチャなしでレンダリングされているように見えます

非常に大きなズームの後、テクスチャに気付くことができますが、縮小されています: http://s9.postimage.org/9fof5f3sv/close_up.png

どちらのオブジェクトもサイズが似ており、同じ素材を使用しています。これは UV マッピングに問題があると思われますが、UV マップの計算方法がわかりません。対象に関する情報があれば素晴らしいでしょう。

テクスチャをロードするコードは次のようになります。

texture = t.ImageUtils.loadTexture "/images/#{pe.element.element_id}/top.png"
texture.wrapS = texture.wrapT = THREE.RepeatWrapping
texture.repeat.set(1, 1)
mat = new t.MeshBasicMaterial
  map: texture
  overdraw: true
  side: t.DoubleSide

Three.jsのリビジョン54を使用しています

4

1 に答える 1

-1

https://github.com/mrdoob/three.js/blob/master/src/extras/geometries/CubeGeometry.js#L126

Cube Geometry の例を確認してください。上記の質問に答えれば簡単ですが、UV を設定する必要があると思います (例の 94 行目)。

于 2013-01-23T17:35:23.993 に答える