三個JS問題紋理偏移和重複的定位元素的spritesheet

Question

我有一個精靈表（與紋理打包器導出），並使用offset和repeat屬性（紋理）來顯示我的精靈表的元素。

這是目前不工作（和裁剪我的紋理的錯誤元素） - 如果任何人有一些洞察我的錯誤將會喜歡它。

這裏是我的代碼：

var tx = this._loadedTexture.clone(); // THREE.Texture 
var txData = this._atlas.frames[name]; 
var txFrame = txData.frame;//txFrame = Object {x: 122, y: 0, w: 68, h: 64} 
var img = tx.image; // HTMLImageElement - image.width = 256 image.height = 512 

tx.repeat.x = txFrame.w/img.width; 
tx.repeat.y = txFrame.h/img.height; 

tx.offset.x = (txFrame.x/img.width); 
tx.offset.y = (txFrame.y/img.height); 
tx.needsUpdate = true; 

謝謝。

Answer 1

解決了它。對於未來的參考，這是我結束了得到一個精靈表與紋理圖集在ThreeJS（0.73）工作：

tx.wrapS = tx.wrapT = THREE.RepeatWrapping; 
tx.repeat.set(txFrame.w/img.width, txFrame.h/img.height); 
tx.offset.x = ((txFrame.x)/img.width); 
tx.offset.y = 1 - (txFrame.h/img.height) - (txFrame.y/img.height); 

希望這會希望別人在那裏。