Three.js: वस्तु का केंद्र हो

object.position.y ?

हमारे मॉडलों में यह हमेशा 0 होता है, मॉडल बिल्कुल सकारात्मक होते हैं

तुम क्या मतलब है निरपेक्ष तैनात सभी ऑब्जेक्ट 0,0,0 में हैं, लेकिन वर्टिकल क्लस्टर केंद्र के आसपास नहीं है?

आप ज्यामिति बाउंडिंग बॉक्स का केंद्र प्राप्त कर सकते हैं:

geometry.computeBoundingBox();

var centerX = 0.5 * ( geometry.boundingBox.x[ 1 ] - geometry.boundingBox.x[ 0 ] );
var centerY = 0.5 * ( geometry.boundingBox.y[ 1 ] - geometry.boundingBox.y[ 0 ] );
var centerZ = 0.5 * ( geometry.boundingBox.z[ 1 ] - geometry.boundingBox.z[ 0 ] );

फिर आप अपने कैमरे के लक्ष्य को ऑब्जेक्ट स्थिति प्लस केंद्र पर सेट कर सकते हैं:

camera.target.position.copy( object.position );
camera.target.position.addSelf( new THREE.Vector3( centerX, centerY, centerZ ) );

यह एक छोटा कार्य है जो मैंने कुछ समय पहले लिखा था। शायद यह आपकी थोड़ी मदद करे।

getCentroid: function ( mesh ) {

    mesh.geometry.computeBoundingBox();
    boundingBox = mesh.geometry.boundingBox;

    var x0 = boundingBox.x[ 0 ];
    var x1 = boundingBox.x[ 1 ];
    var y0 = boundingBox.y[ 0 ];
    var y1 = boundingBox.y[ 1 ];
    var z0 = boundingBox.z[ 0 ];
    var z1 = boundingBox.z[ 1 ];


    var bWidth = ( x0 > x1 ) ? x0 - x1 : x1 - x0;
    var bHeight = ( y0 > y1 ) ? y0 - y1 : y1 - y0;
    var bDepth = ( z0 > z1 ) ? z0 - z1 : z1 - z0;

    var centroidX = x0 + ( bWidth / 2 ) + mesh.position.x;
    var centroidY = y0 + ( bHeight / 2 )+ mesh.position.y;
    var centroidZ = z0 + ( bDepth / 2 ) + mesh.position.z;

    return mesh.geometry.centroid = { x : centroidX, y : centroidY, z : centroidZ };

}

आप अल्लेदक के गणित को शामिल करने में सक्षम हो सकते हैं (काश मैं उसके शॉर्टकट को समझने के लिए पर्याप्त स्मार्ट होता)

मुझे आश्चर्य है ... यह ऐसा करने के लिए आसान नहीं होगा?

geometry.centroid = new THREE.Vector3();

for ( var i = 0, l = geometry.vertices.length; i < l; i ++ ) {

    geometry.centroid.addSelf( geometry.vertices[ i ].position );

} 

geometry.centroid.divideScalar( geometry.vertices.length );

हाँ, अगर आपको बस एक केंद्र की आवश्यकता है तो यह सरल है। यदि आपके पास पहले से ही एक बाउंडिंग बॉक्स है, या आपको किसी और चीज़ के लिए एक बाउंडिंग बॉक्स की आवश्यकता है, तो यह सिर्फ इसके केंद्र की गणना करने के लिए सरल है।

हम्म, अब मुझे आश्चर्य है कि अगर ये दो तरीके समान परिणाम देंगे। यदि आपके पास एक तरफ बहुत सारे बिंदु हैं और दूसरी तरफ छोटी संख्या में अंक हैं, तो बाउंडिंग बॉक्स का केंद्र ज्यामिति का केंद्र होगा, जबकि सेंट्रोइड "गुरुत्वाकर्षण के केंद्र" में बिंदुओं के एक सघन क्लस्टर के करीब होगा।

>>> points = [ 0, 10, 11, 12 ]
>>> sum(points)/float(len(points)) # centroid
8.25
>>> 0.5 * (min(points) + max(points)) # center of bounding box
6.0

मुझे लगता है कि दोनों तरीके अलग-अलग उपयोग के मामलों के लिए उपयोगी हैं।

सच है। बाउंडिंग बॉक्स के सेंट्रोइड को ज्यादातर लोगों की आवश्यकता होगी।

हाँ, मुझे लगता है कि मेरा वास्तव में एक सेंट्रोइड फंक्शन नहीं है: एस

var x0 = boundingBox.x[ 0 ];
var x1 = boundingBox.x[ 1 ];
var y0 = boundingBox.y[ 0 ];
var y1 = boundingBox.y[ 1 ];
var z0 = boundingBox.z[ 0 ];
var z1 = boundingBox.z[ 1 ];

अब है:

var x0 = boundingBox.min.x;
var x1 = boundingBox.max.x;
var y0 = boundingBox.min.y;
var y1 = boundingBox.max.y;
var z0 = boundingBox.min.z;
var z1 = boundingBox.max.z;

(आर 47 के रूप में)

वैचारिक रूप से, यह दो वैक्टर जोड़ रहा है और परिणाम का आधा हिस्सा ले रहा है। मुझे यकीन नहीं है कि अगर यह तेज़ है, लेकिन यह अधिक है ... संक्षिप्त:

        c.addVectors( 
            object.children[0].geometry.boundingBox.min,
            object.children[0].geometry.boundingBox.max
        );

        c.divideScalar(2);