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
  • Unity 版 Needle Engine
  • 安装 Unity 包
  • 快速入门视频教程
  • 从示例开始
  • 从模板开始
  • 从零开始
  • 项目文件夹和文件
  • Unity 中的 Typescript
  • 下一步
Edit on GitHub
  1. documentation
  2. lang
  3. zh
  4. unity

Unity 版 Needle Engine

Previous编辑器同步

Last updated 26 days ago

+

Unity 版 Needle Engine

Unity 版 Needle Engine 允许您直接在 Unity 中创建高度交互、灵活且轻量级的 Web 应用程序。使用强大的 Unity 编辑器工具来可视化设置您的 3D 场景、动画和设计。Unity 版 Needle Engine 负责将您的场景导出为 glTF,并轻松与任何 Web 前端框架集成。

安装 Unity 包

下载 Unity 版 Needle Engine

  1. 将下载的 .unitypackage 文件拖放到 Unity 项目中,并确认您要导入它。

  2. 稍等片刻,等待安装和导入完成。可能会弹出一个窗口,提示“A new scoped registry is now available in the Package Manager.”(新的范围注册表已在 Package Manager 中可用)。这是我们的 Needle 包注册表。您可以安全地关闭该窗口。

  3. 探索示例。 选择菜单选项 Needle Engine > Explore Samples 来查看、打开和修改所有可用的。

快速入门视频教程

从示例开始

有 100 多个示例,涵盖广泛的主题、用例和行业。 要快速概览,请查看我们的。

所有这些示例都直接在 Unity 中提供:

  1. 前往 Needle Engine > Explore Samples 浏览示例

  2. 点击“Install Samples”将示例包直接安装到您的编辑器中(或者 手动安装包)

  3. 选择任意示例并点击 Open Scene。

:::tip 示例是只读的 – 这使得它们易于更新。 我们的示例场景是 Unity 中 UPM 包的一部分。这意味着您无法直接编辑其中的资产和脚本——它们是只读的。要编辑示例包中的资产,请将其复制到您的项目 Assets 文件夹中。要编辑示例包中的脚本,请将其复制到您的 Web 项目的 src 文件夹中。 :::

从模板开始

我们提供了许多场景模板,以便快速启动新项目。 这些模板允许您在几次点击中从想法变为原型。

  1. 点击 File > New Scene

  2. 点击 Play 以安装并启动您的新 Web 项目。

从零开始

如果您不想从场景模板开始,可以按照以下步骤操作。 实际上,我们将重新创建随包附带的“Minimal (Needle)”模板。

  1. 创建一个新的空场景

  2. 设置场景以便导出 添加一个空的 GameObject,命名为“Exporter”,并为其添加 Needle Engine 组件(之前名为 Export Info)。 在此组件中,您可以创建并快速访问导出的运行时项目。 如果我们的任何包或模块已过时或未在您的 Web 项目中本地安装,它也会发出警告。

    ::: tip 项目名称和场景名称 默认情况下,项目名称与场景名称匹配。如果您想更改,可以选择或输入您希望创建新 Web 项目的 Directory Name。路径是相对于您的 Unity 项目的。 :::

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

  4. 点击 Play 安装并启动您的新 Web 项目

:::tip 定义您自己的模板 如果您发现自己创建许多类似的项目,可以使用 Project View 上下文菜单中的 Create/Needle Engine/Project Template 创建您自己的本地或远程模板。模板可以是本地磁盘上的文件夹(被复制),也可以是远程仓库(git 仓库被克隆)。 :::

项目文件夹和文件

文件夹

Unity

Assets

这是项目特定/独有资产的存放位置。

Packages

Needle Engine Unity 包

Core/Runtime/Components


在 Unity 中创建新的 Web 项目时,您可以选择从本地模板创建(默认情况下,我们附带一个基于 vite 的 Web 模板)。

临时项目

如果您计划只通过 NpmDefs 添加自定义文件,而不更改项目配置(例如,用于快速全屏测试),则可以将项目路径前缀设为 Library。项目将在 Unity Project Library 中生成,无需添加到源代码控制(应将 Library 文件夹排除在源代码控制之外)。我们称这些项目为_临时项目_。它们非常适合快速测试想法!

Unity 中的 Typescript

npmdef 包中脚本的 Typescript 文件也会自动生成 C# 组件存根。

创建和安装 npmdef

要在 Unity 项目浏览器中右键单击并选择 Create/NPM Definition,以创建 NPM Definition。 您可以通过例如选择您的 Export Info 组件并将其添加到 dependencies 列表来安装 NPM Definition 包到您的运行时项目中(内部这只会将底层 npm 包添加到您的 package.json)。

不要忘记安装新添加的包,例如点击 ExportInfo 组件上的 Install,如果服务器已在运行,也请重启它。

要编辑 NPM Definition 包内的代码,只需在项目浏览器中双击 NPM Definition 资产,它将打开每个 npmdef 都附带的 vscode 工作区。

下一步


页面由 AI 自动翻译

选择名称中带有 (needle) 的模板之一,然后点击 Create。 我们推荐 模板,它是开始交互性、多人游戏和添加资产的绝佳方式。

20220822-140539-wqvW-Unity_oC0z-needle

选择一个 Web 项目模板 现在,为您的项目选择一个 Web 项目模板。默认模板基于 ,这是一个快速的 Web 应用打包器。

这是为该项目安装的包的存放位置。包可以包含任何资产类型。主要区别在于它可以添加到多个 Unity 项目中。因此,它是共享代码或资产的好方法。要了解更多关于包的信息,请参阅。

包含所有 Needle Engine 内置组件。在中了解更多关于它们的信息。

您也可以通过在 ExportInfo 项目路径中输入仓库 URL 来引用远程模板(例如,这可以与您的场景一起保存)。创建新的 Web 项目时,仓库将被克隆或下载(取决于您是否安装了 git),并搜索 needle.config.json 文件。如果在克隆的仓库中找不到,将使用根目录。可以在 上找到远程模板项目的示例。

Unity ExportInfo local templates

NPM Definition 是紧密集成到 Unity 编辑器中的 ,这使得可以轻松地与多个 Web 或甚至 Unity 项目共享脚本。

image

Collaborative Sandbox
Vite
github.com/needle-engine
npm packages
概念:Web 项目
概念:导出资产
概念:部署(共享您的网站)
组件:了解 Everywhere Actions
初学者脚本:Typescript 要点
初学者脚本:如何编写自定义组件
关于包的 Unity 文档
组件参考
示例场景
示例页面
下载示例 unitypackage