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 für Unity
  • Installieren Sie das Unity Package
  • Schnellstart-Video-Tutorial
  • Aus einem Beispiel starten
  • Aus einer Vorlage starten
  • Von Grund auf neu beginnen
  • Projektordner und Dateien
  • Typescript in Unity
  • Nächste Schritte
Edit on GitHub
  1. documentation
  2. lang
  3. de
  4. unity

Needle Engine für Unity

PreviousEditor SynchronisierungNextes

Last updated 26 days ago

+

Needle Engine für Unity

Needle Engine für Unity ermöglicht es Ihnen, hochinteraktive, flexible und leichtgewichtige Webanwendungen direkt in Unity zu erstellen. Nutzen Sie die leistungsstarken Werkzeuge des Unity Editors, um Ihre 3D-Szenen visuell einzurichten, zu animieren und zu gestalten. Needle Engine für Unity übernimmt den Export Ihrer Szene nach glTF und lässt sich leicht in jedes Web-Frontend-Framework integrieren.

Installieren Sie das Unity Package

Laden Sie Needle Engine für Unity herunter

  1. Ziehen Sie die heruntergeladene .unitypackage-Datei in ein Unity-Projekt und bestätigen Sie, dass Sie sie importieren möchten.

  2. Warten Sie einen Moment, bis die Installation und der Import abgeschlossen sind. Ein Fenster kann sich öffnen, das besagt: "A new scoped registry is now available in the Package Manager.". Dies ist unser Needle Package registry. Sie können dieses Fenster sicher schließen.

  3. Beispiele erkunden. Wählen Sie die Menüoption Needle Engine > Explore Samples, um alle verfügbaren anzuzeigen, zu öffnen und zu ändern.

Schnellstart-Video-Tutorial

Aus einem Beispiel starten

Es gibt über 100 Beispiele, die eine breite Palette von Themen, Anwendungsfällen und Branchen abdecken. Für einen schnellen Überblick werfen Sie einen Blick auf unsere .

Alle diese Beispiele sind direkt in Unity verfügbar:

  1. Gehen Sie zu Needle Engine > Explore Samples, um nach Beispielen zu suchen.

  2. Klicken Sie auf "Install Samples", um das Samples package direkt in Ihrem Editor zu installieren (oder , um das package manuell zu installieren).

  3. Wählen Sie ein beliebiges Beispiel und klicken Sie auf Open Scene.

:::tip Die Beispiele sind schreibgeschützt – das macht sie leicht zu aktualisieren. Unsere Beispiel-Szenen sind Teil eines UPM package in Unity. Das bedeutet, dass Sie die assets und scripts darin nicht direkt bearbeiten können – sie sind schreibgeschützt. Um ein asset aus dem samples package zu bearbeiten, kopieren Sie es in den Assets-Ordner Ihres Projekts. Um ein script aus dem samples package zu bearbeiten, kopieren Sie es in den src-Ordner Ihres web project. :::

Aus einer Vorlage starten

Wir bieten eine Reihe von Scene Templates an, um schnell neue Projekte zu starten. Diese ermöglichen es Ihnen, mit wenigen Klicks von der Idee zum Prototyp zu gelangen.

  1. Klicken Sie auf File > New Scene.

  2. Klicken Sie auf Play, um Ihr neues web project zu installieren und zu starten.

Von Grund auf neu beginnen

Wenn Sie nicht von einer Scene Template starten möchten, können Sie diese Schritte befolgen. Im Grunde werden wir die "Minimal (Needle)" Template, die mit dem package geliefert wird, neu erstellen.

  1. Erstellen Sie eine neue leere Szene

  2. Richten Sie Ihre Szene für den Export ein Fügen Sie ein leeres GameObject hinzu, nennen Sie es "Exporter" und fügen Sie die Needle Engine component hinzu (früher Export Info genannt). In dieser component erstellen und greifen Sie schnell auf Ihr exportiertes runtime project zu. Sie warnt Sie auch, wenn eines unserer packages und modules veraltet oder nicht lokal in Ihrem web project installiert ist.

    ::: tip Projektname und Szenenname Standardmäßig entspricht der Projektname dem Namen Ihrer Szene. Wenn Sie dies ändern möchten, können Sie einen Directory Name auswählen oder eingeben, in dem Sie Ihr neues web project erstellen möchten. Der Pfad ist relativ zu Ihrem Unity-Projekt. :::

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

  4. Klicken Sie auf Play, um Ihr neues web project zu installieren und zu starten

:::tip Definieren Sie Ihre eigenen Templates Wenn Sie viele ähnliche Projekte erstellen, können Sie eigene lokale oder remote templates mit dem Project View context menu unter Create/Needle Engine/Project Template erstellen. Templates können entweder lokal auf der Festplatte liegen (ein Ordner wird kopiert) oder remote repositories sein (ein git repository wird geklont). :::

Projektordner und Dateien

Ordner

Unity

Assets

Hier leben projektspezifische/exklusive assets.

Packages

Needle Engine Unity Package

Core/Runtime/Components


Beim Erstellen eines neuen web project in Unity können Sie es aus einer local template erstellen (standardmäßig liefern wir eine vite-basierte web template mit).

Temporäre Projekte

Wenn Sie planen, nur benutzerdefinierte Dateien über NpmDefs hinzuzufügen und die project config nicht zu ändern (z.B. für einen schnellen Fullscreen-Test), können Sie dem project path ein Library voranstellen. Das Projekt wird in der Unity Project Library generiert und muss nicht zur source control hinzugefügt werden (der Library-Ordner sollte von der source control ausgeschlossen werden). Wir nennen diese Projekte temporary projects. Sie eignen sich hervorragend, um Ideen schnell zu testen!

Typescript in Unity

C# component stubs für typescript Dateien werden ebenfalls automatisch für Scripts innerhalb von npmdef packages generiert.

Erstellen und Installieren einer npmdef

Um eine NPM Definition zu erstellen, klicken Sie mit der rechten Maustaste im Unity Project browser und wählen Sie Create/NPM Definition. Sie können ein NPM Definition package zu Ihrem runtime project installieren, indem Sie z.B. Ihre Export Info component auswählen und sie zur dependencies Liste hinzufügen (intern wird dadurch nur das zugrunde liegende npm package zu Ihrer package.json hinzugefügt).

Vergessen Sie nicht, das neu hinzugefügte package zu installieren, indem Sie z.B. auf Install auf der ExportInfo component klicken und auch den server neu starten, falls er bereits läuft

Um den Code innerhalb eines NPM Definition package zu bearbeiten, doppelklicken Sie einfach auf das asset NPM Definition asset in Ihrem project browser und es wird der vscode workspace geöffnet, der mit jeder npmdef geliefert wird.

Nächste Schritte

Page automatically translated using AI

Wählen Sie eine der Templates mit (needle) im Namen und klicken Sie auf Create. Wir empfehlen die Template, die eine großartige Möglichkeit ist, mit Interaktivität, Multiplayer und dem Hinzufügen von assets zu beginnen.

20220822-140539-wqvW-Unity_oC0z-needle

Wählen Sie eine web project template Wählen Sie nun eine web project template für Ihr Projekt aus. Die Standardtemplate basiert auf , einem schnellen Web-App-Bundler.

Hier leben packages, die für dieses Projekt installiert sind. Ein package kann jeden asset-Typ enthalten. Der Hauptunterschied ist, dass es zu mehreren Unity-Projekten hinzugefügt werden kann. Es ist daher eine großartige Methode, Code oder assets zu teilen. Um mehr über packages zu erfahren, siehe .

Enthält alle Needle Engine eingebauten components. Erfahren Sie mehr darüber in der .

Sie können auch remote templates referenzieren, indem Sie eine repository URL im ExportInfo project path eingeben (diese kann z.B. mit Ihrer Szene gespeichert werden). Beim Erstellen eines neuen web project wird das repository entweder geklont oder heruntergeladen (je nachdem, ob Sie git installiert haben) und nach einer needle.config.json-Datei gesucht. Wenn keine im geklonten repository gefunden werden kann, wird das Root-Verzeichnis verwendet. Beispiele für remote template projects finden Sie auf .

Unity ExportInfo local templates

NPM Definition sind , die eng in den Unity Editor integriert sind, was es leicht möglich macht, Scripts mit mehreren Web- oder sogar Unity-Projekten zu teilen.

image

Collaborative Sandbox
Vite
github.com/needle-engine
npm packages
Konzept: Web Projects
Konzept: Exportieren von Assets
Konzept: Deployment (Teilen Sie Ihre Website)
Components: Erfahren Sie mehr über Everywhere Actions
Scripting für Anfänger: Typescript Essentials
Scripting für Anfänger: Wie man eigene components schreibt
die Unity-Dokumentation über packages
Components Referenz
Beispiel-Szenen
Beispielseite
laden Sie das samples unitypackage herunter