最近我轉換爲three.js
作爲渲染器,現在我想要建立一個映射紋理的系統。但是,我不太確定這是最佳做法。這是我用例在three.js中加載多個紋理的最佳做法是什麼?
- 我已經做了很多箱的幾何形狀
- 我需要能夠以多種紋理映射到每個盒體幾何形狀的每個面(草,水,石頭的水平,搖滾等)
- 我想這樣做的儘可能最有效的,有意識的表現方式,所以這個卸載到GPU將是最好的,如果可能的
- 我使用Web GL渲染
我目前有我的紋理設置在精靈表中;每個紋理都是64x64像素的正方形,因此每個不同的紋理都會根據其位置偏移64個像素。
這是必要的,還是我應該只是有一個目錄充滿了許多不同的紋理,通過它循環,並創建一個THREE.ImageUtils.loadTexture("textures/someTexture.png");
每個新的實例嗎?
或者是否有更有效的方法呢?
我在添加評論,因爲我不確定這是否直接回答問題;但現在我正在使用[PxLoader](http://thinkpixellab.com/pxloader/)預加載內容,然後在需要時創建一個新的THREE.Texture(),因爲圖像已經加載。我不使用精靈表,我所有的紋理都是單獨的文件。如果有人有更好的解決方案,請讓我知道。 – 2014-10-14 05:17:28