2016-05-12 62 views
0

你好,我是新來ThreeJS和紋理映射,ThreeJS - 縮放紋理的大小下來(不重複 - 使用UV-COORDS)

比方說,我有3D,平面與大小(1000x1000x1)。當我對它應用紋理時,它會被重複或縮放,以至少填滿整個平面。

我試圖實現的是,在運行時改變飛機上圖片的縮放比例。我希望圖像變得更小,並停止安裝整架飛機。

我知道有一種方法可以將每張臉映射到圖片的一部分,但是也可以將其映射到圖片中的負數,因此它會透明嗎?

我的問題是:

我UV映射在攪拌機模型,並與UV-COORDS導入到我的ThreeJS碼。現在我需要縮小紋理,如前所述。我是否必須重新映射UV-Cords,還是必須操作圖像並添加透明邊緣?

此外,我能否以相同的方式移動圖片上的圖片?

我已經通過操作緩衝圖像並將它們繪製到透明的java3d中實現了這種用法。我不確定這將是可能的使用JavaScript,所以我想知道如果這是可能的紋理映射。

謝謝你的時間和你的建議!

回答

0

這可以使用映射3D - 平面到帆布,其中該圖像被描繪來完成(fabric.js可用於帆布附圖).Inshort設置畫布作爲紋理的3D模型

yourmodel.material.map = document.getElementById("yourCanvas");

希望它有幫助:)