Three.js: स्केलिंग और ऑफसेट छवि बनावट

ठीक है, मैं वहां पहुंच रहा हूं, लेकिन मुझे ऑफसेट और दोहराने के मापदंडों का उपयोग करने के लिए प्रलेखन खोजने की आवश्यकता है। उन्हें 0 और 1 के बीच की आवश्यकता प्रतीत होती है, और यह निश्चित नहीं है कि पिक्सेल में कनवर्ट होने वाला मान कैसे प्राप्त करें।

tex = THREE.ImageUtils.loadTexture('texture.png');

tex.offset.x = ?
tex.offset.y = ?
tex.repeat.x = ?
tex.repeat.y = ?

मामले में मेरे समाधान को पोस्ट करना किसी और के लिए उपयोगी है। मैंने बनावट के लिए कैनवस का उपयोग किया और इसके बजाय वहां पर छवि को लोड / क्रॉप किया। अब तक ठीक काम करने लगता है।

canvas = document.createElement('canvas');
canvas.height=200;
canvas.width=200;

ctx = canvas.getContext('2d');
ctx.fillStyle = '#FFFFFF';  
ctx.fillRect(0, 0, 200, val.200);

//this is where we set the "offset"
offx = -1 * 200;
offy = -1 * 200;

//img is a standard loaded image object
ctx.drawImage(img,offx,offy);

tex = new THREE.Texture(canvas);

यह करने का एक तरीका है, लेकिन यदि आप GPU का उपयोग करना चाहते हैं तो आप यह कर सकते हैं:

tex.scale.x = 800 / 100;
tex.scale.y = 2000 / 100;
tex.offset.x = ( 300 / 100 ) * tex.scale.x;
tex.offset.y = ( 400 / 100 ) * tex.scale.y;

या लाइनों के साथ कुछ :)

ठंडा! पालन ​​करने के लिए धन्यवाद

Gpu पर ऐसा करना निश्चित रूप से अधिक प्रदर्शन करने वाला है। हालाँकि जब मैं बनावट के स्केल.x गुण को सेट करने का प्रयास करता रहता हूँ, तो मुझे "x की त्रुटियों को निर्धारित नहीं किया जा सकता है"। कोई विचार? मैंने इसे एक ही परिणाम के साथ tex.scale.set (w, h) विधि का उपयोग करके आज़माया।

tex = THREE.ImageUtils.loadTexture(img.src);

scalex = img.width / 100;
scaley = img.height / 100;

tex.scale.x = scalex;
tex.scale.y = scaley;

tex = THREE.ImageUtils.loadTexture(img.src);

यह अजीब है, अगर छवि में पहले से ही एक src है, इसका मतलब है कि यह पहले से ही लोड हो चुका है। इसे फिर से क्यों लोड करें?

मुझे लगता है कि आप इसके बजाय ऐसा करना चाहते हैं:

tex = new THREE.Texture( img );

धन्यवाद, हाँ बस THREE.Texture () का उपयोग करते हुए सीधे img ऑब्जेक्ट पर चीजों को स्प्रेड किया गया लगता है। हालांकि अभी भी tex.scale संचालन पर एक त्रुटि हो रही है। वैसे भी tex.repeat का उपयोग करके स्केलिंग का अनुवाद करना है? मैं उन मानों को कोई समस्या नहीं बता सकता।

आह, सच। Texture में .scale , इसमें .repeat । इसे इस्तेमाल करे:

tex.repeat.x = 100 / 800;
tex.repeat.y = 100 / 2000;
tex.offset.x = ( 300 / 100 ) * tex.repeat.x;
tex.offset.y = ( 400 / 100 ) * tex.repeat.y;

मैं यहां यह जानने के लिए आया हूं कि केवल दोहराने और ऑफसेट गुणों के बारे में जानने के लिए बनावट को कैसे स्केल किया जाए .. लेकिन मैं उन्हें कैसे स्केल कर सकता हूं?

@nightlifelover के रूप में कहा गया है दिशा निर्देशों , मदद अनुरोध करने के लिए निर्देशित किया जाना चाहिए stackoverflow ।