Three.js: इसके किनारे के आसपास एक क्यूब घुमाएं।

को निर्मित 5 फ़र॰ 2012 · 5टिप्पणियाँ · स्रोत: mrdoob/three.js

सबको नमस्ते!

मैं पहले से ही मनमानी धुरी के चारों ओर घूमने के बारे में पूछ रहा था और # 1219 और # 1220 में पोस्ट किए गए स्पष्ट उत्तर मिले।

लेकिन यह अभी भी स्पष्ट नहीं है कि इसके किनारों में से किसी एक के चारों ओर एक क्यूब को कैसे घुमाया जाए (यदि ऐसा मौजूद है तो कोई भी इस तरह के कोड को साझा कर सकता है)।

# 1219 में दो कार्य पोस्ट किए गए थे:

function rotateAroundObjectAxis( object, axis, radians ) { .. }

तथा

function rotateAroundWorldAxis( object, axis, radians ) { .. }

वे मुझे एक मनमाना अक्ष के बारे में एक घन घुमाने की अनुमति देते हैं जो इसके बाउंडिंग बॉक्स के केंद्र के माध्यम से जाता है।

मुझे एक मनमानी अक्ष के चारों ओर एक वस्तु को घुमाने की आवश्यकता है जो जरूरी नहीं है कि वस्तु के केंद्र के बावजूद।

कैसे सही ढंग से करने के लिए?

क्षमा करें, अगर मैं इसके बारे में थोड़ा परेशान हूं, लेकिन मैं इस तरह की कार्यक्षमता को लागू करना चाहता हूं।

धन्यवाद।

PS ऐसा लगता है कि मुझे एक फ़ंक्शन की आवश्यकता है जो दिखता है:

फ़ंक्शन को घुमाने के लिएAAbitbitAxis (ऑब्जेक्ट, एक्सिसडायरेक्शन, एक्सिसबेस, रेडियंस) {{}}

धुरीबेसबेस द्वारा मेरा मतलब है कि वह बिंदु जो निर्दिष्ट अक्ष से होकर जाता है।

मैंने इंटरनेट पर पढ़ा है कि इस तरह के रोटेशन को कई चरणों में किया जाना चाहिए:

स्थान का अनुवाद करें ताकि रोटेशन अक्ष मूल से गुजरता है।
Z अक्ष के बारे में अंतरिक्ष घुमाएँ ताकि रोटेशन अक्ष XZ विमान में निहित हो।
Y अक्ष के बारे में अंतरिक्ष घुमाएँ ताकि रोटेशन अक्ष Z अक्ष के साथ स्थित हो।
Z अक्ष के बारे में थीटा द्वारा वांछित घुमाव का प्रदर्शन करें।
चरण (3) के व्युत्क्रम को लागू करें।
चरण (2) के व्युत्क्रम को लागू करें।
चरण (1) के व्युत्क्रम को लागू करें।

क्या मैं इसे सही तरीके से समझता हूं?

तीन.जे के साथ इस तरह के ऑपरेशन को कैसे करें?

मैंने तीनों .js में एक-दूसरे के साथ भिन्न (अनुवाद / रोटेशन) मैट्रिसेस को गुणा करने की कोशिश की, लेकिन वांछित परिणाम नहीं मिला :-

बहुत धन्यवाद।

Question

स्रोत

ghost

सबसे उपयोगी टिप्पणी

इस तरह के किसी चीज़ के बारे में क्या?

var dummy = new THREE.Object3D();
dummy.position.x = 50;
dummy.position.z = 50;
scene.add( dummy );

var cube = new THREE.Mesh( new THREE.CubeGeometry( 100, 100, 100 ), new THREE.MeshBasicMaterial() );
cube.position.x = - 50;
cube.position.z = - 50;
dummy.add( cube );

mrdoob 6 फ़र॰ 2012

👍3

सभी 5 टिप्पणियाँ

इस तरह के किसी चीज़ के बारे में क्या?

var dummy = new THREE.Object3D();
dummy.position.x = 50;
dummy.position.z = 50;
scene.add( dummy );

var cube = new THREE.Mesh( new THREE.CubeGeometry( 100, 100, 100 ), new THREE.MeshBasicMaterial() );
cube.position.x = - 50;
cube.position.z = - 50;
dummy.add( cube );

mrdoob 6 फ़र॰ 2012

👍3

उत्तर के लिए धन्यवाद।

दुर्भाग्य से, आपके उदाहरण में क्यूब अभी भी स्थानीय अक्ष के चारों ओर घूमता है, जो इसके केंद्र से गुजरता है कोई फर्क नहीं पड़ता कि मैं क्या कहता हूं:

function rotateAroundObjectAxis( object, axis, radians ) { .. }

या

function rotateAroundWorldAxis( object, axis, radians ) { .. }

मैं वास्तव में यह जानना चाहता हूं कि किसी विशेष वस्तु के रोटेशन के अक्ष को कैसे स्थानांतरित किया जाए।

बहुत धन्यवाद।

ghost 6 फ़र॰ 2012

क्या आपने घन के बजाय डमी / कंटेनर को घुमाने की कोशिश की?

oosmoxiecode 6 फ़र॰ 2012

अच्छी बात। यह इस तरह से काम करता है।

लेकिन यह इतना अड़ियल क्यों नहीं है :-)?

मैं अपने प्रारंभिक पद या कुछ और सुविधाजनक तरीके से सुझाए गए फ़ंक्शन का उपयोग करके कुछ मेट्रिक्स अंकगणित होना चाहिए।

function rotateAroundArbitraryAxis( object, axisDirection, axisBasePoint, radians ) { .. }

आदर के साथ।

ghost 6 फ़र॰ 2012

@oosmoxiecode उफ़! हाँ, मेरे स्निपेट पर भूल गया।

@ लॉर्डलॉर्ड , यह मेरे लिए सीधा है। इसे मैट्रिस ज्ञान की भी आवश्यकता नहीं है;) मुझे लगता है कि यह सिर्फ अलग तरीके से सोचने की बात है ... किसी भी तरह, आंतरिक रूप से, एक ही मैट्रिक्स गणना हो रही है।

mrdoob 6 फ़र॰ 2012

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Three.js: इसके किनारे के आसपास एक क्यूब घुमाएं।

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों