1

three.jsで地下駐車場のようなものを作っていますが、blenderで作ったのでレンダリングはOKです。問題は床にあります =)

私は2つの異なるテクスチャを持っています:

  • 透過性のないディフューズ テクスチャ jpg (アファルト)
  • アルファ付きディフューズ テクスチャ png (矢印付きの出口、パーキング ラインなどのパーキング マーキングのみ)

だから私はブレンダーからメッシュをエクスポートしました、そして私はこれらのマテリアル設定を持っています:

{
    "DbgColor" : 15658734,
    "DbgIndex" : 0,
    "DbgName" : "wire_006135006.002",
    "blending" : "AdditiveBlending",
    "depthTest" : true,
    "depthWrite" : false,
    "colorAmbient" : [1.0, 1.0, 1.0],
    "colorDiffuse" : [1.0, 1.0, 1.0],
    "colorSpecular" : [0.5, 0.5, 0.5],
    "mapDiffuse" : "test.png",
    "mapDiffuseWrap" : ["repeat", "repeat"],
    "shading" : "Phong",
    "alphaTest" : 0.5,
    "opacity" : 0.5,
    "transparency" : 0.5,
    "transparent" : true,
    "vertexColors" : false
},

{
        "DbgColor" : 15597568,
    "DbgIndex" : 1,
    "DbgName" : "wire_006135006.001",
    "blending" : "NormalBlending",
    "colorAmbient" : [0.6839832884666812, 0.6807164770471523, 0.6709177117186442],
    "colorDiffuse" : [0.6839832884666812, 0.6807164770471523, 0.6709177117186442],
    "colorSpecular" : [0.0, 0.0, 0.0],
    "depthTest" : true,
    "depthWrite" : true,
    "mapBump" : "asfalt_specular.jpg",
    "mapBumpWrap" : ["repeat", "repeat"],
    "mapDiffuse" : "floor_2.jpg",
    "mapDiffuseWrap" : ["repeat", "repeat"],
    "shading" : "Phong",
    "specularCoef" : 1,
    "transparency" : 1.0,
    "transparent" : false,
        "vertexColors" : false
},

ここで、最初のマテリアルについて、次のプロパティを既に変更しています:

  1. 「透明」：真、
  2. "alphaTest" : 0.5,
  3. 「透明度」：0.5、
  4. 「深さ書き込み」: false,

だから私は得られない、wtfはアルファ付きの私のpngが表示されていない...

黒いテクスチャまたは透明のみがありますが、白いマーキングは見えません。

私のpngアルファ透明度を設定する方法を教えてください。私は多くの例を試しましたが、運がありません（

4

1 に答える 1

0

問題は、テクスチャとして使用した画像にありました。元の画像のサイズは 1999 × 7141 でした。明らかに、なんらかの理由で、three.js はこのような優れたテクスチャを使用できません。サイズを 1000 × 3572 に縮小しましたが、今は問題ありません。

于 2013-07-02T19:02:24.303 に答える