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
  • Needle Engine cho Unity
  • Cài đặt Gói Unity
  • Hướng dẫn video bắt đầu nhanh
  • Bắt đầu từ một Mẫu
  • Bắt đầu từ một template
  • Bắt đầu từ đầu
  • Thư mục và Tệp dự án
  • Typescript trong Unity
  • Các bước tiếp theo
Edit on GitHub
  1. documentation
  2. lang
  3. vn
  4. unity

Needle Engine cho Unity

PreviousEditor SyncNextzh

Last updated 26 days ago

+

Needle Engine cho Unity

Needle Engine cho Unity cho phép bạn tạo các ứng dụng web có tính tương tác cao, linh hoạt và nhẹ nhàng ngay bên trong Unity. Sử dụng các công cụ mạnh mẽ của trình chỉnh sửa Unity để thiết lập trực quan các cảnh 3D, hoạt hình và thiết kế. Needle Engine cho Unity sẽ lo việc xuất cảnh của bạn sang glTF và tích hợp dễ dàng với bất kỳ framework frontend web nào.

Cài đặt Gói Unity

Tải xuống Needle Engine cho Unity

  1. Kéo thả tệp .unitypackage đã tải xuống vào một dự án Unity và xác nhận bạn muốn nhập nó.

  2. Đợi một chút để quá trình cài đặt và nhập hoàn tất. Một cửa sổ có thể mở ra thông báo rằng "A new scoped registry is now available in the Package Manager." (Một registry phạm vi mới hiện đã có sẵn trong Package Manager). Đây là registry Gói Needle của chúng tôi. Bạn có thể đóng cửa sổ đó một cách an toàn.

  3. Khám phá Mẫu. Chọn tùy chọn menu Needle Engine > Explore Samples để xem, mở và chỉnh sửa tất cả các có sẵn.

Hướng dẫn video bắt đầu nhanh

Bắt đầu từ một Mẫu

Có hơn 100 mẫu bao gồm nhiều chủ đề, trường hợp sử dụng và ngành công nghiệp khác nhau. Để có cái nhìn tổng quan nhanh, hãy xem của chúng tôi.

Tất cả các mẫu này đều có sẵn trực tiếp trong Unity:

  1. Truy cập Needle Engine > Explore Samples để duyệt tìm các mẫu

  2. Nhấp vào "Install Samples" để cài đặt gói mẫu ngay trong trình chỉnh sửa của bạn (hoặc để cài đặt gói theo cách thủ công)

  3. Chọn bất kỳ mẫu nào và nhấp vào Open Scene.

:::tip Các Mẫu là chỉ đọc – điều đó giúp chúng dễ cập nhật. Các cảnh mẫu của chúng tôi là một phần của gói UPM trong Unity. Điều này có nghĩa là bạn không thể chỉnh sửa trực tiếp các asset và script trong đó – chúng là chỉ đọc. Để chỉnh sửa một asset từ gói mẫu, hãy sao chép nó vào thư mục Assets của dự án của bạn. Để chỉnh sửa một script từ gói mẫu, hãy sao chép nó vào thư mục src của dự án web của bạn. :::

Bắt đầu từ một template

Chúng tôi cung cấp một số Mẫu cảnh (Scene Templates) để nhanh chóng bắt đầu các dự án mới. Chúng cho phép bạn chuyển từ ý tưởng đến nguyên mẫu chỉ trong vài cú nhấp chuột.

  1. Nhấp vào File > New Scene

  2. Nhấp Play để cài đặt và khởi động dự án web mới của bạn.

Bắt đầu từ đầu

Nếu bạn không muốn bắt đầu từ một template cảnh, bạn có thể làm theo các bước sau. Thực tế, chúng ta sẽ tạo lại template "Minimal (Needle)" đi kèm với gói.

  1. Tạo một cảnh trống mới

  2. Thiết lập cảnh của bạn để xuất Thêm một GameObject trống, đặt tên là "Exporter" và thêm component Needle Engine vào nó (trước đây được gọi là Export Info). Trong component này, bạn tạo và truy cập nhanh dự án runtime đã xuất của mình. Nó cũng cảnh báo bạn nếu bất kỳ gói và module nào của chúng tôi đã lỗi thời hoặc không được cài đặt cục bộ trong dự án web của bạn.

    ::: tip Tên dự án và Tên cảnh Theo mặc định, tên dự án khớp với tên cảnh của bạn. Nếu bạn muốn thay đổi điều đó, bạn có thể chọn hoặc nhập Directory Name (Tên thư mục) nơi bạn muốn tạo dự án web mới của mình. Đường dẫn này là tương đối so với dự án Unity của bạn. :::

  3. ![Unity ExportInfo local templates](/imgs/unity-project-local-template.jpg)

  4. Nhấp Play để cài đặt và khởi động dự án web mới của bạn

:::tip Định nghĩa các template của riêng bạn Nếu bạn thường xuyên tạo nhiều dự án tương tự, bạn có thể tạo các template cục bộ hoặc từ xa của riêng mình bằng cách sử dụng menu ngữ cảnh Project View dưới Create/Needle Engine/Project Template. Các template có thể là cục bộ trên ổ đĩa (một thư mục được sao chép) hoặc kho lưu trữ từ xa (một kho lưu trữ git được clone). :::

Thư mục và Tệp dự án

Thư mục

Unity

Assets

Đây là nơi chứa các asset dành riêng/độc quyền cho dự án.

Packages

Gói Unity của Needle Engine

Core/Runtime/Components


Khi tạo một dự án web mới trong Unity, bạn có thể chọn tạo nó từ một template cục bộ (theo mặc định chúng tôi cung cấp một web template dựa trên vite).

Dự án tạm thời

Nếu bạn chỉ định thêm các tệp tùy chỉnh qua NpmDefs và không thay đổi cấu hình dự án (ví dụ: để kiểm tra nhanh chế độ toàn màn hình), bạn có thể thêm tiền tố Library vào đường dẫn dự án. Dự án sẽ được tạo trong Unity Project Library và không cần thêm vào kiểm soát phiên bản (thư mục Library nên được loại trừ khỏi kiểm soát phiên bản). Chúng tôi gọi những dự án này là dự án tạm thời. Chúng rất tuyệt để nhanh chóng thử nghiệm các ý tưởng!

Typescript trong Unity

Các C# component stubs cho các tệp typescript cũng sẽ được tự động tạo cho các script bên trong các gói npmdef.

Tạo và cài đặt một npmdef

Để tạo một NPM Definition, nhấp chuột phải vào trình duyệt dự án Unity và chọn Create/NPM Definition. Bạn có thể cài đặt một gói NPM Definition vào dự án runtime của mình bằng cách ví dụ chọn component Export Info và thêm nó vào danh sách dependencies (nội bộ, điều này sẽ chỉ thêm gói npm cơ bản vào tệp package.json của bạn).

Đừng quên cài đặt gói vừa thêm bằng cách ví dụ nhấp Install trên component ExportInfo và cũng khởi động lại máy chủ nếu nó đang chạy

Để chỉnh sửa mã bên trong gói NPM Definition, chỉ cần nhấp đúp vào asset NPM Definition trong trình duyệt dự án của bạn và nó sẽ mở không gian làm việc vscode đi kèm với mỗi npmdef.

Các bước tiếp theo


Page automatically translated using AI

Chọn một trong các template có chữ (needle) trong tên của chúng và nhấp Create. Chúng tôi khuyên dùng template , đây là một cách tuyệt vời để bắt đầu với tính tương tác, multiplayer và thêm asset.

20220822-140539-wqvW-Unity_oC0z-needle

Chọn một mẫu dự án web Bây giờ, chọn một mẫu dự án web cho dự án của bạn. Mẫu mặc định dựa trên , một trình đóng gói ứng dụng web nhanh.

Đây là nơi chứa các gói được cài đặt cho dự án này. Một gói có thể chứa bất kỳ loại asset nào. Sự khác biệt chính là nó có thể được thêm vào nhiều dự án Unity. Do đó, đây là một phương pháp tuyệt vời để chia sẻ mã hoặc asset. Để tìm hiểu thêm về các gói, xem .

Chứa tất cả các component tích hợp sẵn của Needle Engine. Tìm hiểu thêm về chúng trong .

Bạn cũng có thể tham chiếu các template từ xa bằng cách nhập URL kho lưu trữ vào đường dẫn dự án ExportInfo (điều này có thể được lưu cùng với cảnh của bạn, ví dụ). Khi tạo một dự án web mới, kho lưu trữ sẽ được clone hoặc tải xuống (tùy thuộc vào việc bạn đã cài đặt git hay chưa) và tìm kiếm tệp needle.config.json. Nếu không tìm thấy trong kho lưu trữ đã clone, thư mục gốc sẽ được sử dụng. Các ví dụ về dự án template từ xa có thể được tìm thấy trên

Unity ExportInfo local templates

NPM Definition là được tích hợp chặt chẽ vào Unity Editor, giúp dễ dàng chia sẻ script với nhiều dự án web hoặc thậm chí là các dự án Unity.

image

Collaborative Sandbox
Vite
github.com/needle-engine
các gói npm
Khái niệm: Dự án Web
Khái niệm: Xuất Asset
Khái niệm: Triển khai (Chia sẻ trang web của bạn)
Components: Tìm hiểu về Everywhere Actions
Scripting cho người mới bắt đầu: Các khái niệm cơ bản về Typescript
Scripting cho người mới bắt đầu: Cách viết các component tùy chỉnh
tài liệu Unity về các gói
Tham khảo Component
cảnh mẫu
trang Mẫu
tải xuống tệp unitypackage mẫu