2016-05-12 8 views
0

こんにちは、私はThreeJSとテクスチャマッピングに新しいです、ThreeJS - スケールのテクスチャのサイズダウン(ノー繰り返し - UV-COORDSを使用して)

はのは、私が(1000x1000x1)の大きさで3D-面を持っているとしましょう。それにテクスチャを適用すると、それが繰り返されるか、またはスケーリングされ、少なくとも完全な平面を塗りつぶします。

私が達成しようとするのは、実行時に平面上の画像のスケーリングを変更することです。 Imageを小さくして、完全な平面にフィットしないようにします。

私は各顔を画像の一部にマッピングする方法はあると知っていますが、画像内の負の数にマップすることもできますので、透明になりますか?

私の質問は:

BlenderのI-UVマッピングされたモデルと私のThreeJS-コードにUV-COORDSでそれを輸入しました。今私は、前述のように、テクスチャをスケールダウンする必要があります。私はUVコードを再マッピングする必要がありますか、私はイメージを操作し、透明なエッジを追加する必要がありますか?

さらに、同じ方法で画像上の画像を移動できますか?

私はすでにbuffer3Imagesを操作して透明なものに描画することで、このような使い方をjava3dで実現しました。私はこれが可能なjavascriptを使用することはできませんので、テクスチャマッピングによって可能かどうかを知りたいです。

お時間をありがとうございました。

答えて

0

これは.Inshortは、3Dモデルのテクスチャとして

yourmodel.material.map = document.getElementById("yourCanvas");をキャンバスを設定し(fabric.jsキャンバス図面のために使用することができる)画像が描画されるキャンバスに3D -planeをマッピング使用して行うことができます

希望すると助かります:)

関連する問題