उपयोगकर्ता को माउस, ट्रैकपैड या टचस्क्रीन का उपयोग करके 3D स्केच के चारों ओर परिक्रमा करने की अनुमति देता है।
3D रेखाचित्र एक काल्पनिक कैमरे के माध्यम से देखे जाते हैं। draw() के भीतर orbitControl()
को कॉल करना फ़ंक्शन उपयोगकर्ता को कैमरे की स्थिति बदलने की अनुमति देता हैं।
function draw() { background(200); <p> // Enable orbiting with the mouse. orbitControl();</p> <p> // Rest of sketch. } </p>
बाएं क्लिक करने और खींचने या स्वाइप करने से स्केच के केंद्र के बारे में कैमरे की स्थिति घूम जाएगी। राइट-क्लिक और ड्रैग या मल्टी-स्वाइप कैमरे की स्थिति को बिना घुमाए पैन कर देगा। माउस व्हील (स्क्रॉलिंग) या पिंच इन/आउट का उपयोग करने से कैमरा स्केच के केंद्र से आगे या करीब चला जाएगा।
पहले तीन पैरामीटर, sensitivityX
, sensitivityZ
, और sensitivityZ
, वैकल्पिक हैं। वे संख्याएँ हैं जो प्रत्येक अक्ष के साथ गति के प्रति स्केच की संवेदनशीलता निर्धारित करती हैं। उदाहरण के लिए, orbitControl(1, 2, -1)
को कॉल करने से x-अक्ष पर गति बनी रहती है डिफ़ॉल्ट मान, स्केच को y-अक्ष के साथ गति के प्रति दोगुना संवेदनशील बनाता है, और z-अक्ष के साथ गति को उलट देता है। डिफ़ॉल्ट रूप से, सभी संवेदनशीलता मान 1 हैं.
चौथा पैरामीटर, options
, भी वैकल्पिक है। यह एक ऐसी वस्तु है जो परिक्रमा करने के व्यवहार को बदल देती है। उदाहरण के लिए, orbitControl(1, 1, 1, option)
को कॉल करने से options
के साथ सेट किए गए व्यवहार को बदलते समय डिफ़ॉल्ट संवेदनशीलता मान बना रहता है। ऑब्जेक्ट में निम्नलिखित गुण हो सकते हैं:
let options = { // Setting this to false makes mobile interactions smoother by // preventing accidental interactions with the page while orbiting. // By default, it's true. disableTouchActions: true, <p> // Setting this to true makes the camera always rotate in the // direction the mouse/touch is moving. // By default, it's false. freeRotation: false };</p> <p>orbitControl(1, 1, 1, options); </p>
उदाहरण
सिंटैक्स
orbitControl([sensitivityX], [sensitivityY], [sensitivityZ], [options])
पैरामीटर्स
x-अक्ष के साथ गति के प्रति संवेदनशीलता। डिफ़ॉल्ट 1 हैं।
y-अक्ष के साथ गति के प्रति संवेदनशीलता। डिफ़ॉल्ट 1 है।
z-अक्ष के साथ गति के प्रति संवेदनशीलता। डिफ़ॉल्ट 1 है।
ऑब्जेक्ट दो वैकल्पिक गुणों के साथ, disableTouchActions
और freeRotation
। दोनों Boolean
हैं। disableTouchActions
डिफ़ॉल्ट रूप से true
और freeRotation
डिफॉल्ट रूप से false
होता है।
संबंधित संदर्भ
debugMode
debugMode() एक ग्रिड जोड़ता है जो दिखाता है कि स्केच में "ज़मीन" कहाँ है। डिफ़ॉल्ट रूप से, ग्रिड स्केच के मूल (0, 0, 0) से XZ समतल के साथ चलेगा। debugMode() एक एक्सिस आइकन भी जोड़ता है जो सकारात्मक x-, y- और z-अक्षों के साथ इंगित करता है। debugMode() को कॉल करने से ग्रिड और एक्सिस आइकन उनके डिफ़ॉल्ट आकार और स्थिति के साथ प्रदर्शित होते हैं। डीबगिंग वातावरण को अनुकूलित करने के लिए वैकल्पिक पैरामीटर के साथ debugMode() को कॉल करने के चार तरीके हैं। debugMode() को कॉल करने का पहला तरीका एक पैरामीटर, mode लेता है। यदि सिस्टम कॉन्स्टेंट GRID पास किया जाता है, जैसे debugMode(GRID) में, तो ग्रिड प्रदर्शित किया जाएगा और एक्सिस आइकन छिपा रहेगा। यदि कॉन्स्टेंट AXES पास किया जाता है, जैसे debugMode(AXES) में, तो एक्सिस आइकन प्रदर्शित किया जाएगा और ग्रिड छिपा रहेगा। debugMode() को बुलाने का दूसरा तरीका छह पैरामीटर्स होते हैं। पहला पैरामीटर, mode, GRID या AXES को प्रदर्शित करने का चयन करता है। अगले पांच पैरामीटर, gridSize, gridDivisions, xOff, yOff, और zOff, वैकल्पिक होते हैं। ये संख्याएं होती हैं जो ग्रिड की उपस्थिति (gridSize और gridDivisions) और धाराओं के आइकन का स्थान सेट करती हैं (xOff, yOff, और zOff)। उदाहरण के लिए, debugMode(20, 5, 10, 10, 10) बुलाना gridSize को 20 पिक्सेल पर सेट करता है, gridDivisions की संख्या 5 को सेट करता है, और x-, y-, और z-धाराओं के साथ 10 पिक्सेल के रूप में धाराओं के आइकन को ऑफसेट करता है। debugMode() को बुलाने का तीसरा तरीका पांच पैरामीटर्स होते हैं। पहला पैरामीटर, mode, GRID या AXES को प्रदर्शित करने का चयन करता है। अगले चार पैरामीटर, axesSize, xOff, yOff, और zOff, वैकल्पिक होते हैं। ये संख्याएं होती हैं जो धाराओं के आकार (axesSize) और उनके स्थान (xOff, yOff, और zOff) को सेट करती हैं। debugMode() को बुलाने का चौथा तरीका नौ वैकल्पिक पैरामीटर्स होते हैं। पहले पांच पैरामीटर, gridSize, gridDivisions, gridXOff, gridYOff, और gridZOff संख्याएं होती हैं जो ग्रिड की उपस्थिति को सेट करती हैं। उदाहरण के लिए, debugMode(100, 5, 0, 0, 0) बुलाना gridSize को 100 सेट करता है, gridDivisions की संख्या 5 को सेट करता है, और सभी ऑफसेट्स को 0 पर सेट करता है ताकि ग्रिड को मध्य में सेंटर किया जाए। अगले चार पैरामीटर, axesSize, xOff, yOff, और zOff नंबर्स होते हैं जो धाराओं आइकन की उपस्थिति को सेट करते हैं (axesSize) और उसका स्थान (axesXOff, axesYOff, और axesZOff)। उदाहरण के लिए, debugMode(100, 5, 0, 0, 0, 50, 10, 10, 10) बुलाना gridSize को 100 सेट करता है, gridDivisions की संख्या 5 को सेट करता है, और सभी ऑफसेट्स को 0 पर सेट करता है ताकि ग्रिड को मध्य में सेंटर किया जाए। फिर यह axesSize को 50 सेट करता है और आइकन को प्रत्येक धारा के साथ 10 पिक्सेल के रूप में ऑफसेट करता है। .
noDebugMode
3डी स्केच में debugMode() को बंद कर देता है। .
orbitControl
उपयोगकर्ता को माउस, ट्रैकपैड या टचस्क्रीन का उपयोग करके 3D स्केच के चारों ओर परिक्रमा करने की अनुमति देता है। 3D रेखाचित्र एक काल्पनिक कैमरे के माध्यम से देखे जाते हैं। draw() के भीतर orbitControl() को कॉल करना फ़ंक्शन उपयोगकर्ता को कैमरे की स्थिति बदलने की अनुमति देता हैं। function draw() { background(200); // Enable orbiting with the mouse.