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 Cloud
  • Überblick
  • Funktionen
  • Bereitstellen aus Unity
  • Bereitstellen von der CLI
  • Bereitstellungs-URLs
  • Unterstützte 3D-Formate
  • Cloud Assets
  • CLI für Assets
  • FAQ
Edit on GitHub
  1. documentation
  2. lang
  3. de
  4. cloud

Needle Cloud

Needle Cloud ist ein Online-Dienst. Er hilft Ihnen, 3D-Assets und Apps im Web zu speichern, zu verwalten und zu teilen. Es werden verschiedene Dateiformate unterstützt, darunter glTF, USD, FBX, VRM un

PreviouscloudNextcustom-integrations

Last updated 26 days ago

Needle Cloud

Überblick

Needle Cloud ist ein Online-Dienst. Er hilft Ihnen, 3D-Assets und Apps im Web zu speichern, zu verwalten und zu teilen. Es werden verschiedene Dateiformate unterstützt, darunter glTF, USD, FBX, VRM und weitere. Räumliche Web-Apps, die mit Needle erstellt wurden, können direkt aus der Unity-Integration sowie über die Kommandozeile (CLI) in die Cloud bereitgestellt werden. Die Blender-Integration kommt zu einem späteren Zeitpunkt; in der Zwischenzeit können Sie die CLI verwenden.

Besuchen Sie , um zu beginnen.

Needle Cloud Überblick

Funktionen

  1. Räumliche Web-Apps hosten Mit Needle erstellte Apps können direkt aus unseren Engine-Integrationen in die Cloud bereitgestellt werden. Dies ermöglicht es Ihnen, Ihrem Team und Ihren Kunden einfach öffentlichen Zugriff auf Apps zu ermöglichen, ohne einen eigenen Server einrichten zu müssen. Bei Bedarf können Sie Apps mit einem Passwort schützen.

  2. 3D-Assets privat und sicher verwalten Laden und organisieren Sie Ihre 3D-Dateien ganz einfach. Dank unseres schnellen CDN (Content Delivery Network) werden Ihre Dateien sicher gespeichert und können von überall auf der Welt schnell abgerufen werden. Needle Cloud ist kein Marktplatz und kein soziales Netzwerk. Es wurde für Agenturen, Studios und Kreative entwickelt, um ihre Assets privat und sicher zu verwalten.

  3. 3D-Assets aus verschiedenen Formaten optimieren Komprimieren Sie Ihre Dateien automatisch, um deren Größe zu reduzieren und gleichzeitig die visuelle Qualität zu erhalten. Dadurch laden Ihre Dateien schneller und sparen Bandbreite und Speicher auf den Geräten der Nutzer.

  4. Freigabe und Versionskontrolle Links zu Ihren Dateien können mit anderen geteilt und direkt in Ihren Projekten verwendet werden. Sie können neue Versionen von Assets und Apps hochladen. Einzelne Versionen können gekennzeichnet werden, was flexible Überprüfungs-Workflows ermöglicht: Sie können beispielsweise eine Version als main oder experimental kennzeichnen. Sie können Kennzeichnungen bei Bedarf auch auf eine frühere Version zurücksetzen.

  5. Automatisierung und Pipeline-Tools über CLI Die needle-cloud CLI (Kommandozeilenschnittstelle) erleichtert die Automatisierung des Hochladens und Optimierens von Dateien. Dies ist nützlich, um Needle Cloud in Ihre bestehende Pipeline zu integrieren oder das Hochladen großer Dateimengen zu automatisieren.

  6. Lizenzverwaltung Lizenzen für Needle Engine für Einzelkreative und Teams werden über Needle Cloud verwaltet. Dies stellt sicher, dass nur autorisierte Benutzer auf Ihre Dateien und Projekte zugreifen können. Kontaktieren Sie uns für Enterprise- und Edu-Lizenzen.

Bereitstellen aus Unity

Needle Cloud ist in den Unity Editor integriert. Dies ermöglicht es Ihnen, Ihre Apps direkt aus Unity in Needle Cloud bereitzustellen. Sie können auch Assets direkt in Unity von Needle Cloud hoch- und herunterladen.

  1. Fügen Sie die Komponente Export Info zu Ihrer Szene hinzu. Diese Komponente wird verwendet, um die Exporteinstellungen für Ihre App zu konfigurieren. Sie können den Menüpunkt GameObject > Needle Engine > Add Export Info verwenden oder eine neue Szene aus einer Needle-Vorlage über den Menüpunkt File > New Scene erstellen.

  2. Klicken Sie auf Upload to Needle Cloud. Dadurch wird Ihre App erstellt und in Needle Cloud hochgeladen. Sie können auch auswählen, in ein bestimmtes Team und Projekt bereitzustellen. Der Upload-Name des Projekts, der neben der Schaltfläche sichtbar ist, wird in der Szene gespeichert. Zukünftige Uploads verwenden den gleichen Upload-Namen, und alle hochgeladenen Versionen werden auf der Needle Cloud-Website gruppiert.

Bereitstellen von der CLI

Needle Cloud bietet eine Kommandozeilenschnittstelle (CLI), mit der Sie Ihre Assets verwalten und Ihre Anwendungen effizient bereitstellen können. Sie können die CLI verwenden, um Aufgaben zu automatisieren und Needle Cloud in Ihre bestehenden Workflows zu integrieren.

node -v

Sie können das needle-cloud CLI-Paket global installieren oder es über npx verwenden. Dies ermöglicht die Ausführung der CLI-Befehle, ohne diese global installieren zu müssen.

  1. Verwenden Sie den npx-Befehl (empfohlen)

    npx needle-cloud deploy '/dist' --team 'My team' --name 'some-project-id'
  2. Oder installieren Sie needle-cloud global Eine globale Installation ermöglicht die Verwendung der CLI von überall auf Ihrem System. Um die CLI global zu installieren, führen Sie den folgenden Befehl in Ihrem Terminal aus:

    npm install -g needle-cloud

    Jetzt können Sie den Befehl needle-cloud in Ihrem Terminal verwenden:

    needle-cloud deploy '/dist' --team 'My team' --name 'some-project-id'

Automatisierte Bereitstellungen

Beispiel: Needle Cloud Github Action

      - name: Deploy to Needle Cloud
        uses: needle-tools/deploy-to-needle-cloud-action@v1.0.2
        id: deploy
        with:
            token: ${{ secrets.NEEDLE_CLOUD_TOKEN }}
            dir: ./dist
            name: vite-template # optional

Beispiel: Bereitstellen über einen CLI-Befehl

# Deploy to Needle Cloud from e.g. a github action
npx needle-cloud deploy '/path/to/output' --team 'My team' --name 'some name or id' --token '<access_token>'

CLI-Hilfe

Verwenden Sie help, um alle verfügbaren Kommandozeilenoptionen und Hilfe zu einzelnen Befehlen anzuzeigen.

# alle verfügbaren Optionen anzeigen
npx needle-cloud help
# Hilfe zu einem bestimmten Befehl erhalten, z.B. deploy
npx needle-cloud help deploy

Bereitstellungs-URLs

Beim Bereitstellen in Needle Cloud erhält jeder Upload eine eindeutige URL. Sie können entweder einen Link zu einer spezifischen Version oder zu einer gekennzeichneten Version mit Ihrem Team oder Kunden teilen.


Im folgenden Beispiel haben wir eine App, die bisher zweimal bereitgestellt wurde. Jede Bereitstellung erhält eine spezifische URL, auch als gepinnte URL bekannt, da sie an eine spezifische Version gepinnt ist.

Die neueste Bereitstellung ist immer unter der folgenden URL verfügbar. Diese URL ist nützlich zum Teilen mit Ihrem Team, da sie immer auf die aktuellste Version der App verweist. Weitere gebräuchliche Namen für diese Version sind dev oder canary.

Die main Bereitstellung ist nützlich zum Teilen mit Kunden, da sie immer auf die aktuellste Version der App verweist, die Sie promotet haben. Weitere gebräuchliche Namen für diese Version sind production, stable oder live.

Typischerweise laden Sie eine neue Version hoch, überprüfen sie und entscheiden dann, ob Sie sie zu main promoten möchten.


Die Needle Cloud-Website zeigt alle bereitgestellten Versionen der App, einschließlich der latest- und main-Versionen. Labels können verschoben werden, indem Sie auf ⋮ klicken und Set main label oder Remove main label auswählen.

Unterstützte 3D-Formate

  1. OpenUSD USD ist ein leistungsstarkes Format für den 3D-Datenaustausch. Es ist bekannt für seine Verwendung in der Film- und VFX-Industrie und gewinnt in der Spieleindustrie an Popularität. Needle Cloud unterstützt USDZ- und USD-Dateien nativ durch unsere Arbeit an USD-WASM und konvertiert USD-Dateien auch in glTF zur weiteren Verarbeitung und Optimierung.

  2. FBX FBX ist seit vielen Jahren ein beliebtes Format für den 3D-Datenaustausch, dem jedoch eine Reihe moderner Funktionen wie PBR-Materialien und Erweiterungen fehlen. Needle Cloud konvertiert FBX-Dateien in glTF zur weiteren Verarbeitung und Optimierung.

  3. VRM VRM ist ein Format für humanoide Avatare. Es basiert auf glTF mit zusätzlichen Einschränkungen durch die Verwendung von glTF-Erweiterungen. Needle Cloud unterstützt VRM-Dateien nativ und kann sie wie andere glTF-Dateien optimieren, einschließlich komplexer VRM-Erweiterungen wie Phoneme, Toon-Shading und Dynamic Bones.

  4. OBJ OBJ ist ein einfaches textbasiertes Format für 3D-Modelle. Es unterstützt grundlegende Materialien über MTL-Dateien, Animationen und Objekthierarchien. Needle Cloud konvertiert OBJ-Dateien in glTF zur weiteren Verarbeitung und Optimierung.

:::tip Verwenden Sie glTF oder USD, wenn möglich Wir empfehlen glTF und USD als primäre Formate für den 3D-Datenaustausch. Sie sind weit verbreitet, verfügen über moderne Funktionen und ein gutes Materialmodell. :::

Cloud Assets

Assets hochladen

Sie können Ihre Dateien ganz einfach hochladen, indem Sie sie auf die Website ziehen oder von Ihrem Computer auswählen. Nicht-glTF-Dateien werden zur weiteren Verarbeitung automatisch in glTF konvertiert, aber die Originaldateien werden zum Herunterladen und zur Web-Anzeige behalten.

Asset-Versionen

Wenn Sie die Bearbeitungsseite eines Assets besuchen, können Sie alle Versionen sehen, die bisher von Ihnen oder Ihrem Team hochgeladen wurden. Sie können Versionen auch taggen, um sie als "main" oder "experimental" zu markieren. "Latest" ist das Standard-Tag für die aktuellste Version.

Links zu Assets teilen

Sie können Links erstellen, um spezifische Dateien oder getaggte Dateien mit Ihrem Team oder Kunden zu teilen. Getaggte Links werden automatisch aktualisiert, wenn Sie das Tag verschieben – so können Sie einen "main"-Link einmal teilen und die Datei weiter aktualisieren, ohne einen neuen Link senden zu müssen.

Cloud Assets in Needle Engine verwenden

In Needle Cloud gespeicherte Dateien können einfach direkt in Needle Engine-Projekte übernommen werden. Die Needle Cloud Asset Komponente nimmt einen Link zu einem Asset entgegen und lädt es zur Laufzeit. Dies ermöglicht es Ihnen, die Größe Ihres Projekts klein zu halten und Assets bei Bedarf zu laden, die weiterhin in der Cloud aktualisiert werden können.

::: tip Verwenden Sie nach Möglichkeit Progressive Loading In Needle Cloud gespeicherte Assets werden mithilfe unserer Progressive Loading Technologie automatisch für die ideale Laufzeitnutzung optimiert. Für jedes Mesh und jede Textur werden mehrere Level-of-Detail-Versionen generiert, und nur die benötigten Teile des Assets werden zur Laufzeit geladen.

Dies spart viel Bandbreite und Speicher (typischerweise 90% oder mehr im Vergleich zum Laden des vollständigen Assets). :::

Den Cloud Viewer auf Ihrer Website einbetten

Eine schnelle Möglichkeit, 3D auf Ihre eigene Website zu bringen, ist das Einbetten des Needle Cloud Viewers. Gehen Sie dazu auf die Bearbeitungsseite eines Assets und klicken Sie auf Embed. Sie können dann das iframe-Codeschnipsel kopieren und auf Ihrer Website einfügen.

::: tip Spezifische Versionen einbetten Sie können den Viewer auch mit einem direkten Link zum Asset oder mit einem spezifischen Tag einbetten. Dies ermöglicht es Ihnen, das Asset auf Needle Cloud zu aktualisieren, ohne den Einbettungscode auf Ihrer Website aktualisieren zu müssen. :::

Einbetten in andere Frameworks

Die folgenden Einbettungsoptionen sind verfügbar:

  1. Needle Cloud Viewer Verwenden Sie das iframe-Codeschnipsel, um den Needle Cloud Viewer auf Ihrer Website einzubetten.

  2. three.js Wenn Sie mit three.js vertraut sind, können Sie das bereitgestellte Codeschnipsel als Ausgangspunkt für eine three.js-App verwenden, die Needle Progressive Loading unterstützt und Dateien effizient von Needle Cloud lädt.

  3. React-Three-Fiber Wenn Sie React-Three-Fiber verwenden, können Sie das bereitgestellte Codeschnipsel als Ausgangspunkt für ein Projekt verwenden, das Needle Progressive Loading unterstützt und Dateien effizient von Needle Cloud lädt.

  4. Unity Wenn Sie Unity verwenden, können Sie Needle Cloud Assets direkt in Ihre Projekte integrieren, indem Sie die Needle Cloud Asset Komponente für nahtloses Laden und Optimieren verwenden.

Cloud Assets mit anderen Engines wie Unity oder Unreal verwenden

Es gibt mehrere Möglichkeiten, in Needle Cloud gespeicherte Assets in anderen Engines wie Unity oder Unreal zu verwenden.

  1. Herunterladen und Importieren Sie können das Asset herunterladen und in Ihr Projekt importieren.

  2. Direkter Link Sie können den direkten Link zum Asset in Ihrem Projekt verwenden. Auf diese Weise können Sie das Asset auf Needle Cloud aktualisieren, und es wird automatisch in Ihrem Projekt aktualisiert. Welchen Link Sie verwenden, hängt von der Engine und ihren glTF-Funktionen ab:

    • Unterstützung für glTF mit Draco und KTX2: Verwenden Sie den Link Optimized.

    • Unterstützung für glTF, aber keine Komprimierungserweiterungen: Verwenden Sie den Link Upload (für gltf/glb-Uploads) oder Converted (für andere Uploads).

  3. Needle Cloud Asset Komponente Wenn Sie Needle Engine verwenden, können Sie die Needle Cloud Asset Komponente verwenden, um Assets zur Laufzeit zu laden. Sie wählt automatisch den besten Link für Ihre Plattform aus und lädt das Asset mit Progressive Loading. Dies wird auch zur Laufzeit in Unity Builds unterstützt.

CLI für Assets

Die Kommandozeilenschnittstelle (CLI) für Needle Cloud ermöglicht die Automatisierung von Datei-Uploads und Komprimierung. Die CLI kann als Teil eines Build-Schritts verwendet werden (Ersetzen eines Assets durch eine optimierte Version) oder als eigenständiges Tool (für die Stapelverarbeitung von Dateien).

FAQ

  1. Was ist Needle Cloud? Es ist ein Online-Dienst zum Hochladen, Komprimieren und Teilen von 3D-Assets und -Szenen.

  2. Wie lade ich Assets in Needle Cloud hoch? Sie können Dateien hochladen, indem Sie sie auf die Website ziehen oder sie direkt von unterstützten Integrationen hochladen. Wenn Sie viele Dateien haben, können Sie die CLI (Kommandozeilenschnittstelle) oder die API (Programmierschnittstelle) verwenden.

  3. Wie lade ich optimierte Dateien von Needle Cloud herunter? Sie können Dateien von der Website herunterladen. Klicken Sie auf Share und dann auf Download. Sie können auch die CLI verwenden, um Dateien herunterzuladen.

  4. Kann ich meine Dateien mit anderen teilen? Ja, Sie können Links erstellen, um Ihre Dateien zu teilen. Links können entweder direkte Download-Links oder Links zum Needle Cloud Viewer sein.

  5. Gibt es eine Begrenzung für Dateigrößen? Die Upload-Limits hängen von Ihrem Plan ab. Überprüfen Sie Ihre Kontodetails für weitere Informationen.

  6. Können Needle Cloud-Dateien mit anderen Tools verwendet werden? Ja, Sie können Ihre Dateien in anderen Programmen verwenden, indem Sie sie als glTF exportieren. USD-Export kommt zu einem späteren Zeitpunkt.

  7. Was passiert, wenn mir der Speicherplatz ausgeht? Möglicherweise müssen Sie Ihren Plan aktualisieren oder alte Dateien löschen, um Platz zu schaffen. Page automatically translated using AI

Installieren Sie die Unity-Integration, falls Sie dies noch nicht getan haben. Weitere Infos finden Sie auf .

Needle Cloud Unity Integration

Die CLI ist als verfügbar, was bedeutet, dass Sie Node.js auf Ihrem Computer installiert haben müssen. Sie können überprüfen, ob Sie Node.js installiert haben, indem Sie den folgenden Befehl in Ihrem Terminal ausführen:

Wenn Sie Node.js nicht installiert haben, können Sie es von der herunterladen.

Um von Github Actions oder Stackblitz bereitzustellen, können Sie einen Zugriffstoken als --token <access_token> bereitstellen. Zugriffstoken können auf auf Needle Cloud erstellt werden. Stellen Sie sicher, dass Sie Ihren Token mit read/write-Berechtigungen erstellen.

Verwenden Sie die , um ein Update von Github bereitzustellen (z. B. bei jedem Push ins Repository).

Dies ist die erste Version, die hochgeladen wurde.

Dies ist die zweite Version, die hochgeladen wurde.

Diese URL zeigt automatisch die neue Version an, wenn Sie eine neue Version der App hochladen.

Diese URL ändert sich nicht, wenn Sie eine neue Version hochladen. Sie ändert sich nur, wenn Sie eine neue Version explizit zu main promoten.

Needle Cloud Version List

glTF und GLB Das glTF-Format ist das am weitesten unterstützte Format für 3D im Web. Es ist ein leichtgewichtiges Format, das 3D-Modelle, Animationen und Texturen speichern kann. GLB-Dateien sind binäre Versionen von glTF-Dateien, bei denen alle Daten in einer einzigen Datei gespeichert sind. glTF unterstützt fortschrittliche Komprimierungstechniken wie Draco, KTX2 und Meshopt, die von Needle Cloud und Needle Engine voll unterstützt werden.

Needle Engine Verwenden Sie das bereitgestellte Codeschnipsel, um Needle Engine als auf Ihrer Website einzubetten.

model-viewer Das -Projekt bietet eine Web-Komponente zum Rendern einfacher, nicht-interaktiver 3D-Modelle im Browser.

Unterstützung für glTF mit Progressive Loading: Verwenden Sie den Link Progressive-World oder Progressive-Product. Weitere Informationen zu Progressive Loading und dessen Aktivierung für Ihre Engine finden Sie unter .

Weitere Informationen zur CLI und ihrer Verwendung finden Sie unter .

dieser Seite
npm package
Node.js website
Ihrer Teamseite
Needle Cloud Github Action
collaborativesandbox-zubcks1qdkhy-1qdkhy.needle.run
collaborativesandbox-zubcks1qdkhy-2e2spt.needle.run
collaborativesandbox-zubcks1qdkhy-latest.needle.run
collaborativesandbox-zubcks1qdkhy.needle.run
Beispiel
Web-Komponente
model-viewer
npm:@needle-tools/gltf-progressive
npm:needle-cloud
Needle Cloud