संदर्भ translate()

translate()

निर्देशांक प्रणाली का अनुवाद करता है।

डिफ़ॉल्ट रूप से, मूल (0, 0) स्केच के शीर्ष-बाएँ पर है 2डी मोड में कोना और वेबजीएल मोड में केंद्र। translate() फ़ंक्शन मूल को एक अलग स्थिति में स्थानांतरित कर देता है। translate() को कॉल करने के बाद खींची गई सभी चीज़ें स्थानांतरित होती दिखाई देंगी। translate() को कॉल करने के दो तरीके हैं उन मापदंडों के साथ जो मूल की स्थिति निर्धारित करते हैं।

कॉल करने का पहला तरीका translate() अनुवाद की मात्रा निर्धारित करने के लिए संख्याओं का उपयोग करता है। पहले दो पैरामीटर, x और y, सकारात्मक x- और y-अक्ष के साथ अनुवाद करने के लिए मात्रा निर्धारित करते हैं। उदाहरण के लिए, translate(20, 30) को कॉल करने से मूल 20 पिक्सेल x-अक्ष पर और 30 पिक्सेल y-अक्ष पर अनुवादित हो जाता है। तीसरा पैरामीटर, z, वैकल्पिक है। यह सकारात्मक z-अक्ष के साथ अनुवाद करने के लिए मात्रा निर्धारित करता है। उदाहरण के लिए, translate(20, 30, 40) को कॉल करने से x-अक्ष पर मूल 20 पिक्सेल, y-अक्ष पर 30 पिक्सेल और z-अक्ष पर 40 पिक्सेल का अनुवाद होता है।

कॉल करने का दूसरा तरीका translate() अनुवाद की मात्रा निर्धारित करने के लिए p5.Vector ऑब्जेक्ट का उपयोग करता है। उदाहरण के लिए, translate(myVector) को कॉल करने पर x-, y- के साथ अनुवाद करने की मात्रा निर्धारित करने के लिए myVector के x-, y- और z-घटकों का उपयोग किया जाता है। और z-अक्ष। ऐसा करना translate(myVector.x, myVector.y, myVector.z) को कॉल करने के समान है।

डिफ़ॉल्ट रूप से, परिवर्तन जमा होते हैं। उदाहरण के लिए, translate(10, 0) को दो बार कॉल करने का प्रभाव translate(20, 0) को एक बार कॉल करने जैसा ही होता है। push() और pop() फ़ंक्शंस का उपयोग अलग-अलग ड्राइंग समूहों के भीतर परिवर्तनों को अलग करने के लिए किया जा सकता है। .

ध्यान दें: ट्रांसफ़ॉर्मेशन ड्रॉ लूप की शुरुआत में रीसेट किए जाते हैं। translate(10, 0) को कॉल करना href='/reference/p5/draw'>draw() फ़ंक्शन के कारण आकृतियाँ लगातार हिलती नहीं रहेंगी।

उदाहरण

सिंटैक्स

translate(x, y, [z])
translate(vector)

पैरामीटर्स

x
Number:

amount to translate along the positive x-axis.

y
Number:

amount to translate along the positive y-axis.

z
Number:

amount to translate along the positive z-axis.

vector
p5.Vector:

vector by which to translate.

Notice any errors or typos? Please let us know. Please feel free to edit src/core/transform.js and open a pull request!

संबंधित संदर्भ