Needle Engine Dokumentation
Downloads
  • What is Needle Engine?
  • Erfahrungsberichte
  • Get an overview

    • Samples and Showcase
    • Unsere Vision 🔮
    • Funktionsübersicht
    • Technischer Überblick
  • Resources

    • Pricing and Plans
    • Changelog
    • API Documentation
    • Support & Community
  • Integrations

    • Needle Engine für Unity
    • Needle Engine für Blender
    • Needle Engine als Web Component
    • Needle Engine auf Ihrer Website
    • Needle Cloud
  • Topics

    • Web-Projektstruktur
    • Everywhere Actions
    • Assets nach glTF exportieren
    • Frameworks, Bundler, HTML
    • Testen auf lokalen Geräten
    • Bereitstellung und Optimierung
  • Advanced

    • Netzwerkfunktionen
    • VR & AR (WebXR)
    • Needle Engine direkt aus HTML verwenden
    • Editor Synchronisierung
  • Troubleshooting

    • Debugging
    • Fragen und Antworten (FAQ) 💡
    • Get Help
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Scripting in Needle Engine
    • Einführung in das Scripting für Unity-Entwickler
    • Needle-Kernkomponenten
    • Everywhere Actions
  • Components and Lifecycle

    • Erstellen und Verwenden von Komponenten
    • @serializable und andere Decorators
    • Automatische Komponenten-Generierung
    • Scripting Beispiele
    • Community Contributions
    • Zusätzliche Module
  • Settings and APIs

    • <needle-engine> Konfiguration
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
Downloads
  • What is Needle Engine?
  • Erfahrungsberichte
  • Get an overview

    • Samples and Showcase
    • Unsere Vision 🔮
    • Funktionsübersicht
    • Technischer Überblick
  • Resources

    • Pricing and Plans
    • Changelog
    • API Documentation
    • Support & Community
  • Integrations

    • Needle Engine für Unity
    • Needle Engine für Blender
    • Needle Engine als Web Component
    • Needle Engine auf Ihrer Website
    • Needle Cloud
  • Topics

    • Web-Projektstruktur
    • Everywhere Actions
    • Assets nach glTF exportieren
    • Frameworks, Bundler, HTML
    • Testen auf lokalen Geräten
    • Bereitstellung und Optimierung
  • Advanced

    • Netzwerkfunktionen
    • VR & AR (WebXR)
    • Needle Engine direkt aus HTML verwenden
    • Editor Synchronisierung
  • Troubleshooting

    • Debugging
    • Fragen und Antworten (FAQ) 💡
    • Get Help
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Scripting in Needle Engine
    • Einführung in das Scripting für Unity-Entwickler
    • Needle-Kernkomponenten
    • Everywhere Actions
  • Components and Lifecycle

    • Erstellen und Verwenden von Komponenten
    • @serializable und andere Decorators
    • Automatische Komponenten-Generierung
    • Scripting Beispiele
    • Community Contributions
    • Zusätzliche Module
  • Settings and APIs

    • <needle-engine> Konfiguration
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
  • Getting Started

    • Downloads
    • Needle Engine for Unity
    • Needle Engine for Blender
    • Needle Engine as Web Component
    • Needle Engine on your Website
    • Needle Cloud
    • Custom integrations
    • Support and Community
  • Core Concepts

    • Web-Projektstruktur
    • Everywhere Actions
    • Assets nach glTF exportieren
    • Frameworks, Bundler, HTML
    • Testen auf lokalen Geräten
    • Bereitstellung und Optimierung
    • Debugging
    • Fragen und Antworten (FAQ) 💡
  • Scripting

    • Scripting in Needle Engine
    • Einführung in das Scripting für Unity-Entwickler
    • Erstellen und Verwenden von Komponenten
    • Automatische Komponenten-Generierung
    • Scripting Beispiele
    • Community Contributions
  • Advanced

    • VR & AR (WebXR)
    • Netzwerkfunktionen
    • Editor Synchronisierung
  • Reference

    • Funktionsübersicht
    • Technischer Überblick
    • Needle-Kernkomponenten
    • needle.config.json
    • <needle-engine> Konfiguration
    • @serializable und andere Decorators

Needle Logo +

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


  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 Beispiel-Szenen 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 Beispielseite.

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 laden Sie das samples unitypackage herunter, um das package manuell zu installieren).
  3. Wählen Sie ein beliebiges Beispiel und klicken Sie auf Open Scene.

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

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

20220822-140539-wqvW-Unity_oC0z-needle

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.

    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. Wählen Sie eine web project template Wählen Sie nun eine web project template für Ihr Projekt aus. Die Standardtemplate basiert auf Vite, einem schnellen Web-App-Bundler.
    Unity ExportInfo local templates

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

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
AssetsHier leben projektspezifische/exklusive assets.
PackagesHier 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 die Unity-Dokumentation über packages.
Needle Engine Unity Package
Core/Runtime/ComponentsEnthält alle Needle Engine eingebauten components. Erfahren Sie mehr darüber in der Components Referenz.

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).

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 github.com/needle-engine.

Unity ExportInfo local templates

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

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

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).

image

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

  • 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

Page automatically translated using AI

Suggest changes
Zuletzt aktualisiert:: 22.04.25, 08:44
Prev
Downloads
Next
Needle Engine for Blender