Needle Engine
  • README
  • Code Of Conduct
  • HOW TO
  • documentation
    • SUMMARY
    • _backlog-mermaid
    • _backlog
    • _meta-test
    • Automatic Component Generation
    • Needle Core Components
    • How To Debug
    • Deployment and Optimization
    • embedding
    • Everywhere Actions
    • Example Projects ✨
    • Exporting Assets, Animations, Prefabs, Materials, Lightmaps...
    • Questions and Answers (FAQ) 💡
    • Feature Overview
    • This page has been moved: continue here
    • getting-started
    • Frameworks, Bundlers, HTML
    • index
    • Additional Modules
    • Networking
    • Needle Engine Project Structure
    • Samples Projects
    • Scripting Examples
    • Creating and using Components
    • Live
    • Live
    • About
    • Live
    • Live
    • Live
    • Live
    • Support, Community & AI
    • Technical Overview
    • Testimonials
    • Testing on local devices
    • Using Needle Engine directly from HTML
    • vision
    • VR & AR (WebXR)
    • blender
      • Needle Engine for Blender
    • cloud
      • Needle Cloud
    • custom-integrations
      • index
    • getting-started
      • Scripting Introduction for Unity Developers
      • Getting Started & Installation
      • Scripting in Needle Engine
    • reference
      • needle.config.json
      • <needle-engine> Configuration
      • @serializable and other decorators
    • three
      • index
    • unity
      • Editor Sync
      • Needle Engine for Unity
    • lang
      • de
        • 404
        • SUMMARY
        • Automatische Komponenten-Generierung
        • Needle-Kernkomponenten
        • Debugging
        • Bereitstellung und Optimierung
        • embedding
        • Everywhere Actions
        • Beispielprojekte ✨
        • Assets, Animationen, Prefabs, Materialien, Lightmaps exportieren...
        • Fragen und Antworten (FAQ) 💡
        • Funktionsübersicht
        • Diese Seite wurde verschoben: hier fortfahren
        • getting-started
        • Frameworks, Bundler, HTML
        • index
        • Zusätzliche Module
        • Netzwerkfunktionen
        • Needle Engine Projektstruktur
        • Beispielprojekte
        • Scripting Beispiele
        • Erstellen und Verwenden von Komponenten
        • Live
        • Live
        • Über
        • Live
        • Live
        • Live
        • Live
        • Support und Community
        • Technischer Überblick
        • Erfahrungsberichte
        • Testen auf lokalen Geräten
        • Needle Engine direkt aus HTML verwenden
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine für Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Einführung in das Scripting für Unity-Entwickler
          • Erste Schritte & Installation
          • Scripting in Needle Engine
        • reference
          • needle.config.json
          • <needle-engine> Konfiguration
          • @serializable und andere Decorators
        • three
          • index
        • unity
          • Editor Synchronisierung
          • Needle Engine für Unity
      • es
        • SUMMARY
        • Generación Automática de Componentes
        • Componentes principales de Needle
        • Cómo Depurar
        • Despliegue y optimización
        • embedding
        • Acciones Everywhere
        • Proyectos de Ejemplo ✨
        • Exportación de Assets, Animaciones, Prefabs, Materiales, Lightmaps...
        • Preguntas Frecuentes (FAQ) 💡
        • Resumen de Características
        • Esta página ha sido movida: continúe aquí
        • getting-started
        • Frameworks, Bundlers, HTML
        • index
        • Módulos Adicionales
        • Redes
        • Estructura de Proyecto de Needle Engine
        • Proyectos de ejemplo
        • Ejemplos de scripting
        • Crear y usar Components
        • En vivo
        • En Vivo
        • Acerca de
        • En vivo
        • En vivo
        • En vivo
        • En vivo
        • Soporte y Comunidad
        • Resumen técnico
        • Testimonios
        • Testing on local devices
        • Usando Needle Engine directamente desde HTML
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine para Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Introducción al Scripting para Desarrolladores de Unity
          • Primeros pasos e instalación
          • Scripting in Needle Engine
        • reference
          • needle.config.json
          • Configuración de <needle-engine>
          • @serializable y otros decoradores
        • three
          • index
        • unity
          • Editor Sync
          • Needle Engine para Unity
      • fr
        • SUMMARY
        • Génération automatique de composants
        • Composants principaux de Needle
        • Comment déboguer
        • Déploiement et Optimisation
        • embedding
        • Everywhere Actions
        • Exemples de Projets ✨
        • Exporter des Assets, des Animations, des Prefabs, des Matériaux, des Lightmaps...
        • Questions et Réponses (FAQ) 💡
        • Aperçu des fonctionnalités
        • Cette page a été déplacée : continuez ici
        • getting-started
        • Frameworks, Bundlers, HTML
        • index
        • Modules supplémentaires
        • Réseau
        • Structure du projet Needle Engine
        • Projets d'exemples
        • Exemples de Scripting
        • Créer et utiliser des Components
        • showcase-bike
        • En direct
        • À propos
        • En direct
        • Jouer
        • En direct
        • En direct
        • Support et Communauté
        • Vue d'ensemble technique
        • Témoignages
        • Tester sur les appareils locaux
        • Utiliser Needle Engine directement depuis HTML
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine pour Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Introduction au Scripting pour les Développeurs Unity
          • Premiers pas et installation
          • Scripting in Needle Engine
        • reference
          • needle.config.json
          • <needle-engine> Configuration
          • @serializable et autres décorateurs
        • three
          • index
        • unity
          • Synchronisation de l'Editor (Editor Sync)
          • Needle Engine pour Unity
      • hi
        • SUMMARY
        • कंपोनेंट का स्वतः जनरेशन
        • नीडल कोर कंपोनेंट्स
        • How To Debug
        • Deployment and Optimization
        • embedding
        • Everywhere Actions
        • उदाहरण प्रोजेक्ट ✨
        • एसेट, एनिमेशन, प्रीफैब, मटेरियल, लाइटमैप्स... को एक्सपोर्ट करना
        • प्रश्न और उत्तर (FAQ) 💡
        • सुविधा अवलोकन
        • यह पृष्ठ स्थानांतरित कर दिया गया है: यहां जारी रखें
        • getting-started
        • Frameworks, Bundlers, HTML
        • index
        • अतिरिक्त मॉड्यूल
        • नेटवर्किंग
        • Needle Engine प्रोजेक्ट स्ट्रक्चर
        • samples-and-modules
        • स्क्रिप्टिंग उदाहरण
        • कंपोनेंट बनाना और उपयोग करना
        • लाइव
        • लाइव
        • परिचय
        • लाइव
        • लाइव
        • लाइव
        • लाइव
        • समर्थन और समुदाय
        • तकनीकी अवलोकन
        • प्रशंसापत्र
        • Testing on local devices
        • HTML से सीधे Needle Engine का उपयोग करना
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine for Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Unity डेवलपर्स के लिए स्क्रिप्टिंग परिचय
          • आरंभ करना और इंस्टॉलेशन
          • Needle Engine में स्क्रिप्टिंग
        • reference
          • needle.config.json
          • <needle-engine> कॉन्फ़िगरेशन
          • @serializable and other decorators
        • three
          • index
        • unity
          • Editor Sync
          • Unity के लिए Needle Engine
      • ja
        • SUMMARY
        • 自動コンポーネント生成
        • Needleコアコンポーネント
        • デバッグの方法
        • デプロイと最適化
        • embedding
        • Everywhere Actions
        • サンプルプロジェクト ✨
        • アセット、アニメーション、Prefab、マテリアル、ライトマップなどのエクスポート
        • よくある質問(FAQ)💡
        • 機能概要
        • このページは移動しました: こちらからどうぞ
        • getting-started
        • フレームワーク、バンドラー、HTML
        • index
        • 追加モジュール
        • ネットワーキング
        • Needle Engineプロジェクトの構造
        • サンプルプロジェクト
        • スクリプティング例
        • Creating and using Components
        • ライブ
        • showcase-castle
        • 概要
        • ライブ
        • ライブ
        • ライブ
        • ライブ
        • サポートとコミュニティ
        • 技術概要
        • お客様の声
        • ローカルデバイスでのテスト
        • HTMLからNeedle Engineを直接使用する
        • vision
        • VR & AR (WebXR)
        • blender
          • Blender 用 Needle Engine
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Scripting Introduction for Unity Developers
          • はじめに & インストール
          • Needle Engineでのスクリプティング
        • reference
          • needle.config.json
          • <needle-engine> 設定
          • @serializable およびその他のデコレーター
        • three
          • index
        • unity
          • Editor Sync
          • Unity用Needle Engine
      • pt
        • SUMMARY
        • Automatic Component Generation
        • Componentes Principais do Needle
        • Como Depurar
        • Implementação e Otimização
        • embedding
        • Everywhere Actions
        • Projetos de Exemplo ✨
        • Exportar Recursos, Animações, Prefabs, Materiais, Lightmaps...
        • Perguntas e Respostas (FAQ) 💡
        • Visão Geral dos Recursos
        • Esta página foi movida: continue aqui
        • getting-started
        • Frameworks, Bundlers, HTML
        • index
        • Módulos Adicionais
        • Redes
        • Estrutura do Projeto Needle Engine
        • Projetos de Exemplo
        • Exemplos de Scripting
        • Criar e usar Componentes
        • Ao Vivo
        • Ao Vivo
        • Sobre
        • Ao Vivo
        • Ao Vivo
        • Ao Vivo
        • Ao Vivo
        • Suporte e Comunidade
        • Visão Geral Técnica
        • Depoimentos
        • Testar em dispositivos locais
        • vanilla-js
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine para Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Introdução à Scripting para Developers Unity
          • Começar e Instalação
          • Scripting no Needle Engine
        • reference
          • needle.config.json
          • needle-engine-attributes
          • @serializable e outros decorators
        • three
          • index
        • unity
          • Sincronização do Editor
          • Needle Engine para Unity
      • vn
        • 404
        • SUMMARY
        • Automatic Component Generation
        • Các Component Cốt lõi của Needle
        • Cách gỡ lỗi
        • Triển khai và Tối ưu hóa
        • embedding
        • Hành động ở mọi nơi (Everywhere Actions)
        • Các Dự Án Ví Dụ ✨
        • Xuất Tài sản, Hoạt ảnh, Prefab, Vật liệu, Lightmap...
        • Câu hỏi thường gặp (FAQ) 💡
        • Tổng quan tính năng
        • Trang này đã được di chuyển: tiếp tục tại đây
        • getting-started
        • Frameworks, Bundlers, HTML
        • index
        • Các Module Bổ Sung
        • Kết nối mạng
        • Cấu trúc dự án Needle Engine
        • samples-and-modules
        • Ví dụ về Scripting
        • Tạo và sử dụng Component
        • Trực tiếp
        • Trực tiếp
        • Giới thiệu
        • Trực tiếp
        • Chơi thử
        • Trực tiếp
        • Demo trực tiếp
        • Hỗ trợ và Cộng đồng
        • Tổng quan kỹ thuật
        • Lời chứng thực
        • Testing on local devices
        • Sử dụng Needle Engine trực tiếp từ HTML
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine cho Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Giới thiệu về Scripting cho các nhà phát triển Unity
          • Getting Started & Installation
          • Scripting trong Needle Engine
        • reference
          • needle.config.json
          • Cấu hình <needle-engine>
          • @serializable và các decorator khác
        • three
          • index
        • unity
          • Editor Sync
          • Needle Engine cho Unity
      • zh
        • SUMMARY
        • 自动生成组件
        • Needle 核心组件
        • 如何调试
        • 部署与优化
        • embedding
        • Everywhere Actions
        • 示例项目 ✨
        • 导出资源、动画、预制体、材质、光照贴图...
        • 常见问题 (FAQ) 💡
        • 功能概览
        • 此页面已移动:请在此处继续
        • getting-started
        • 框架、打包器、HTML
        • index
        • 附加模块
        • 网络
        • Needle Engine 项目结构
        • 示例项目
        • Scripting Examples
        • Creating and using Components
        • 实时示例
        • 实时
        • 关于
        • 实时演示
        • 在线试玩
        • 实时演示
        • 现场演示
        • 支持与社区
        • 技术概述
        • 用户评价
        • Testing on local devices
        • 使用 Needle Engine 直接从 HTML
        • vision
        • VR & AR (WebXR)
        • blender
          • Needle Engine for Blender
        • cloud
          • Needle Cloud
        • custom-integrations
          • index
        • getting-started
          • Scripting Introduction for Unity Developers
          • 入门与安装
          • 在 Needle Engine 中编写脚本
        • reference
          • needle.config.json
          • <needle-engine> 配置
          • @serializable and other decorators
        • three
          • index
        • unity
          • 编辑器同步
          • Unity 版 Needle Engine
Powered by GitBook
On this page
  • Tích hợp với các công cụ khác
  • Cấu trúc của một tích hợp tùy chỉnh
  • Tích hợp quy trình làm việc của dự án web
Edit on GitHub
  1. documentation
  2. lang
  3. vn
  4. custom-integrations

index

Previouscustom-integrationsNextgetting-started

Last updated 26 days ago

+✨

Tích hợp với các công cụ khác

Needle Engine được thiết kế để linh hoạt và có khả năng mở rộng. Nó có thể được tích hợp với các công cụ và dịch vụ khác để cải thiện quy trình làm việc của bạn trong việc đưa nội dung 3D phong phú, tương tác lên web từ bất kỳ phần mềm nào.

Cốt lõi của việc tích hợp tùy chỉnh với Needle Engine là định dạng 3D glTF. Đây là định dạng được hỗ trợ rộng rãi nhất cho nội dung 3D trên web và linh hoạt nhất. Định dạng nhẹ này có thể lưu trữ các mô hình 3D, hoạt ảnh, texture và tất cả các loại dữ liệu bổ sung. glTF có khả năng mở rộng, đây chính là lý do chúng tôi chọn nó làm nền tảng cho Needle Engine. Nó cho phép chúng tôi thêm các tính năng phong phú và khả năng tương tác vào các tệp 3D, bao gồm better rendering, physics, interactions, XR, networking, và nhiều hơn nữa.

Do sử dụng định dạng glTF được tiêu chuẩn hóa để trao đổi, việc tạo một tích hợp cơ bản vào bất kỳ phần mềm nào đều dễ dàng – chỉ cần xuất tài sản 3D của bạn dưới dạng tệp glTF và nhập chúng vào Needle Engine. Từ đó, bạn có thể thêm nhiều tính năng hơn vào tích hợp của mình để hỗ trợ các tiện ích mở rộng script của chúng tôi. Thông thường, điều này được thực hiện thông qua plugin, extension hoặc export hook trong phần mềm 3D của bạn.

Cấu trúc của một tích hợp tùy chỉnh

Cấu trúc của một tích hợp tùy chỉnh trông như thế này:

  1. Xuất tài sản 3D của bạn dưới dạng tệp glTF. Ở giai đoạn này, tích hợp của bạn có lẽ đơn giản như việc nhấp vào nút xuất (export) trong phần mềm 3D của bạn.

  2. Sử dụng tệp glTF trong một dự án web sử dụng Needle Engine.

    • Đây có thể là một dự án web được tạo bằng một tích hợp khác, tải xuống từ một mẫu, hoặc một dự án web mới được tạo bằng npx needle-create.

    • Xuất tệp glTF vào thư mục assets. Ứng dụng web của bạn sẽ tự động làm mới bất cứ khi nào bạn xuất lại tệp glTF.

  3. Ở giai đoạn này, bạn đã có một tích hợp chức năng cơ bản và bạn đã có thể thêm chức năng tùy chỉnh thông qua TypeScript trong dự án web.

  4. Bước tiếp theo là thêm một cách để tạo và điều chỉnh các components trong phần mềm của bạn. Tùy thuộc vào phần mềm, điều này có thể được thực hiện thông qua giao diện người dùng (UI) tùy chỉnh, một script hoặc một plugin.

    • Để bắt đầu, hãy thử với một component như DragControls. Nó có một vài tùy chọn, nhưng các giá trị mặc định là đủ tốt để bắt đầu.

    • Sau đó, chuyển sang các components yêu cầu cấu hình. Một điểm khởi đầu tốt là Everywhere Actions của chúng tôi, bởi vì chúng cho phép người tạo xây dựng nhiều loại trải nghiệm tương tác mà không cần viết bất kỳ dòng code nào.

  5. Xuất các components đó như một phần của tiện ích mở rộng glTF NEEDLE_components cho mỗi node. Thông thường, điều này được thực hiện bằng cách thêm tiện ích mở rộng glTF tùy chỉnh hoặc hook vào trình xuất glTF hiện có trong phần mềm của bạn.

  6. Tích hợp với một dự án web để UI có thể được tạo cho các components tùy chỉnh. Đối với Unity và Blender, chúng tôi gọi đây là Component Compiler – nó tự động tạo giao diện người dùng (UI) cho các components trong dự án của bạn và đóng vai trò là cầu nối giữa các components TypeScript và phần mềm 3D của bạn.

Tích hợp quy trình làm việc của dự án web

Một tích hợp hoàn chỉnh có thể cũng quản lý nhiều hơn quy trình làm việc của dự án web. Tất cả các thao tác này có thể được thực hiện từ dòng lệnh, nhưng để dễ sử dụng, chúng có thể được gói gọn trong GUI hoặc một menu tùy chỉnh trong phần mềm 3D của bạn. Điều này bao gồm:

  1. Tạo một dự án mới hoặc thay đổi vị trí của dự án web

  2. Chạy dự án web từ bên trong phần mềm 3D của bạn

  3. Build (xây dựng) dự án web vào một thư mục

  4. Tải dự án đã build lên Needle Cloud hoặc một nền tảng khác và ghi nhớ Project ID và Team ID.

    • Tích hợp Unity của chúng tôi còn hiển thị các lần tải lên gần đây nhất của nhóm bạn và cho phép bạn chuyển đến lần triển khai cuối cùng của một dự án.

  5. Tải lên/tải xuống các tài sản riêng lẻ lên Needle Cloud hoặc một nền tảng khác.

:::tip Hãy liên hệ nếu bạn đang có kế hoạch xây dựng một tích hợp tùy chỉnh! Vui lòng liên hệ với chúng tôi nếu bạn quan tâm đến việc xây dựng một tích hợp tùy chỉnh. Chúng tôi rất sẵn lòng giúp bạn trong quá trình này và giải thích thêm các chi tiết. Đối với khách hàng Enterprise, chúng tôi cũng cung cấp dịch vụ tích hợp tùy chỉnh. :::

Trang tự động dịch bằng AI

Tích hợp của chúng tôi ghi đè nút "Play" để chạy dự án web.

Tích hợp có một nút "Play" tùy chỉnh để chạy dự án web.

Unity integration
Blender integration