TypeScript में 3D दृश्य ग्राफ कैसे पार करें

Aspose.3D FOSS में दृश्य ग्राफ TypeScript के लिए एक पेड़ है Node वस्तुओं में जड़ें scene.rootNode.यात्रा पुनरावृत्ति है: प्रत्येक नोड एक को उजागर करता है childNodes अविश्वसनीय और वैकल्पिक entity यह गाइड दिखाता है कि पूरे पेड़ को कैसे चलना है, वस्तुओं के प्रकारों की पहचान करना और मस्जिद सांख्यिकी इकट्ठा करना।.

आवश्यकताएँ

• Node.js 18 या बाद में
• टाइपस्क्रिप्ट 5.0 या बाद में
• @aspose/3d स्थापित

कदम-दर-चरण गाइड

npm install @aspose/3d

import { Scene } from '@aspose/3d';
import { ObjLoadOptions } from '@aspose/3d/formats/obj';
import { Mesh } from '@aspose/3d/entities';

import { Scene } from '@aspose/3d';
import { ObjLoadOptions } from '@aspose/3d/formats/obj';

const scene = new Scene();
scene.open('model.obj', new ObjLoadOptions());

console.log(`Root node: "${scene.rootNode.name}"`);
console.log(`Top-level children: ${scene.rootNode.childNodes.length}`);

function traverse(node: any, depth = 0): void {
    const indent = '  '.repeat(depth);
    const entityType = node.entity ? node.entity.constructor.name : '-';
    console.log(`${indent}[${entityType}] ${node.name}`);
    for (const child of node.childNodes) {
        traverse(child, depth + 1);
    }
}

traverse(scene.rootNode);

[-] RootNode
  [Mesh] Cube

<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>

import { Mesh } from '@aspose/3d/entities';

function visitWithTypeCheck(node: any, depth = 0): void {
    const indent = '  '.repeat(depth);
    if (node.entity instanceof Mesh) {
        const mesh = node.entity as Mesh;
        console.log(`${indent}MESH "${node.name}": ${mesh.controlPoints.length} vertices`);
    } else if (node.entity) {
        console.log(`${indent}${node.entity.constructor.name} "${node.name}"`);
    } else {
        console.log(`${indent}GROUP "${node.name}"`);
    }
    for (const child of node.childNodes) {
        visitWithTypeCheck(child, depth + 1);
    }
}

visitWithTypeCheck(scene.rootNode);

import { Mesh } from '@aspose/3d/entities';

function collectMeshes(
    node: any,
    results: Array<{ name: string; mesh: Mesh }> = []
): Array<{ name: string; mesh: Mesh }> {
    if (node.entity instanceof Mesh) {
        results.push({ name: node.name, mesh: node.entity as Mesh });
    }
    for (const child of node.childNodes) {
        collectMeshes(child, results);
    }
    return results;
}

const meshNodes = collectMeshes(scene.rootNode);
console.log(`Found ${meshNodes.length} mesh node(s)`);

import { Scene } from '@aspose/3d';
import { ObjLoadOptions } from '@aspose/3d/formats/obj';
import { Mesh } from '@aspose/3d/entities';

function collectMeshes(node: any, results: Array<{name: string, mesh: Mesh}> = []) {
    if (node.entity instanceof Mesh) {
        results.push({ name: node.name, mesh: node.entity as Mesh });
    }
    for (const child of node.childNodes) {
        collectMeshes(child, results);
    }
    return results;
}

const scene = new Scene();
scene.open('model.obj', new ObjLoadOptions());

const meshes = collectMeshes(scene.rootNode);
for (const { name, mesh } of meshes) {
    console.log(`${name}: ${mesh.controlPoints.length} vertices, ${mesh.polygonCount} polygons`);
}

Cube: 8 vertices, 6 polygons
Sphere: 482 vertices, 480 polygons

<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>

टिप्स और सर्वश्रेष्ठ अभ्यास

• हमेशा शून्य-चिकन करें node.entity कई नोड शुद्ध समूह नड्स हैं जो कोई इकाई नहीं ले जाते हैं।.
• उपयोग करें instanceof परे constructor.name तार्किक मार्गों में प्रकार की जांच के लिए।. instanceof रीफैक्टर-सुरक्षित है; स्ट्रिंग तुलना में constructor.name मिनीकरण के साथ टूट जाता है।.
• पार कर for...of परे childNodes: यह सभी आरेखों के आकार को सुरक्षित रूप से संभालता है. आगे संगतता के लिए संख्यात्मक इंडेक्सिंग से बचें.
• पेड़ को पार करने के दौरान मोटार से बचें: पुनरावृत्ति कॉल के अंदर नोड्स जोड़ें या हटाएं. पहले परिणामों को इकट्ठा करें, फिर संशोधित करें.
• एक पैरामीटर के रूप में परिणामों की रेंज को पार करें: यह प्रत्येक पुनरावृत्ति कॉल पर एक नया क्रम आवंटित करने से बचता है और इसे नीचे के परिणामों को मिश्रण करना आसान बनाता हैं।.

सामान्य मुद्दे

अक्सर पूछे जाने वाले प्रश्न

क्या है scene.rootNode एक इकाई के साथ खुद को ले जाओ? न. रूट कोड एक कंटेनर है जो पुस्तकालय द्वारा स्वचालित रूप से बनाया गया है. इसमें कोई इकाई नहीं है . आपकी भूमध्यसागरी और अन्य दृश्य वस्तुएं बच्चों के कोनों पर रहती हैं, नीचे एक या अधिक स्तर rootNode.

क्या अंतर है node.entity और node.entities? node.entity कुछ पुराने FBX और COLLADA फ़ाइलों को कई जुड़े वस्तुओं के साथ नोड्स का उत्पादन कर सकते हैं; इस मामले में, node.entities (पलुलर) पूरी सूची प्रदान करता है।.

क्या मैं गहराई-पहली के बजाय चौड़ाई प्रथम क्रम में पार कर सकता हूं? हाँ. एक पुनरावृत्ति कॉल के बजाय एक कैनवास का उपयोग करें: धक्का दें scene.rootNode एक रैली में, फिर स्विच और प्रत्येक नोड को धक्का देते हुए कोड प्रसंस्करण करें childNodes क्यूए के तल पर।.

है scene.open() सिंक्रनाइज़ेशन ? हाँ।. scene.open() और scene.openFromBuffer() दोनों कॉल तार को तब तक अवरुद्ध करते हैं जब तक कि फ़ाइल पूरी तरह से पारित नहीं हो जाती. यदि आपको घटना लूप प्रतिक्रियाशील रखने की आवश्यकता है तो उन्हें एक कार्यकर्ता त्रुट में डाल दें.

मैं एक नोड से विश्व अंतरिक्ष पदों को कैसे प्राप्त करूं? पढ़ाई node.globalTransform;फिर एक पढ़ने-पढ़ने का काम करता है। GlobalTransform दुनिया-स्पेस मैट्रिक्स के साथ, सभी पूर्वजों परिवर्तनों से बना है. स्पष्ट मैथ्रिक गणित के लिए, कॉल करें node.evaluateGlobalTransform(false).

क्या प्रकार के इकाइयों के अलावा संभव हैं Mesh? Camera, Light, और कस्टम स्केल / कोन वस्तुओं. चेक करें node.entity.constructor.name या उपयोग करें instanceof विशेष रूप से आयातित वर्ग के साथ @aspose/3d.

देखें भी

• TypeScript में 3D मॉडल कैसे लोड करें
• TypeScript में 3D Mesh को कैसे बनाएं
• डेवलपर गाइड: दृश्य ग्राफ
• एलईडी: @AspoE / 3D