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
  • Vue d'ensemble
  • Fonctionnalités
  • Déployer depuis Unity
  • Déployer depuis la CLI
  • URL de déploiement
  • Formats 3D pris en charge
  • Assets Cloud
  • CLI pour les Assets
  • FAQ
Edit on GitHub
  1. documentation
  2. lang
  3. fr
  4. cloud

Needle Cloud

Needle Cloud est un service en ligne. Il vous aide à stocker, gérer et partager des assets et des applications 3D sur le web. Une variété de formats de fichiers sont pris en charge, y compris glTF, US

PreviouscloudNextcustom-integrations

Last updated 26 days ago

Needle Cloud

Vue d'ensemble

Needle Cloud est un service en ligne. Il vous aide à stocker, gérer et partager des assets et des applications 3D sur le web. Une variété de formats de fichiers sont pris en charge, y compris glTF, USD, FBX, VRM, et plus encore. Les applications web spatiales créées avec Needle peuvent être déployées sur le cloud directement depuis l'intégration Unity, et via la ligne de commande (CLI). L'intégration Blender arrivera plus tard ; vous pouvez utiliser la CLI en attendant.

Visitez pour commencer.

Needle Cloud Overview

Fonctionnalités

  1. Héberger des applications web spatiales Les applications créées avec Needle peuvent être déployées sur le cloud directement depuis nos intégrations moteur. Cela vous permet de donner facilement un accès public à vos applications à votre équipe et à vos clients, sans avoir à configurer votre propre serveur. Si nécessaire, vous pouvez protéger les applications avec un mot de passe.

  2. Gérer les assets 3D en privé et en toute sécurité Téléchargez et organisez facilement vos fichiers 3D. Grâce à notre CDN rapide (réseau de diffusion de contenu), vos fichiers sont stockés en toute sécurité et sont accessibles rapidement depuis n'importe où dans le monde. Needle Cloud n'est pas une place de marché, ni un réseau social. Il est conçu pour les agences, les studios et les créateurs afin de gérer leurs assets en privé et en toute sécurité.

  3. Optimiser les assets 3D à partir d'une variété de formats Compressez automatiquement vos fichiers pour réduire leur taille tout en maintenant la qualité visuelle. Cela accélère le chargement de vos fichiers et économise de la bande passante et de la mémoire sur les appareils des utilisateurs.

  4. Partage et contrôle de version Les liens vers vos fichiers peuvent être partagés avec d'autres et utilisés directement dans vos projets. Vous pouvez télécharger de nouvelles versions d'assets et d'applications. Les versions individuelles peuvent être étiquetées, ce qui permet des flux de travail de révision flexibles : par exemple, vous pouvez étiqueter une version comme main ou experimental. Vous pouvez également rétablir des étiquettes à une version précédente si nécessaire.

  5. Outils d'automatisation et de pipeline via CLI La CLI needle-cloud (interface de ligne de commande) facilite l'automatisation du téléchargement et de l'optimisation des fichiers. C'est utile pour intégrer Needle Cloud dans votre pipeline existant, ou pour automatiser le téléchargement d'un grand nombre de fichiers.

  6. Gestion des licences Les licences pour Needle Engine pour les créateurs individuels et les équipes sont gérées via Needle Cloud. Cela garantit que seuls les utilisateurs autorisés peuvent accéder à vos fichiers et projets. Contactez-nous pour les licences Entreprise et Éducation.

Déployer depuis Unity

Needle Cloud est intégré à l'éditeur Unity. Cela vous permet de déployer vos applications directement depuis Unity vers Needle Cloud. Vous pouvez également télécharger et uploader des assets depuis Needle Cloud directement dans Unity.

  1. Ajoutez le composant Export Info à votre scène. Ce composant est utilisé pour configurer les paramètres d'exportation de votre application. Vous pouvez utiliser l'élément de menu GameObject > Needle Engine > Add Export Info ou créer une nouvelle scène à partir d'un modèle Needle via l'élément de menu File > New Scene.

  2. Cliquez sur Upload to Needle Cloud. Cela construira votre application et la téléchargera sur Needle Cloud. Vous pouvez également choisir de déployer sur une équipe et un projet spécifiques. Le upload name du projet, visible à côté du bouton, est enregistré dans la scène. Les futurs téléchargements utiliseront le même nom de téléchargement, et toutes les versions téléchargées seront regroupées sur le site web de Needle Cloud.

Déployer depuis la CLI

Needle Cloud fournit une interface de ligne de commande (CLI) qui vous permet de gérer vos assets et de déployer vos applications efficacement. Vous pouvez utiliser la CLI pour automatiser les tâches et intégrer Needle Cloud dans vos flux de travail existants.

node -v

Vous pouvez installer le paquet needle-cloud CLI globalement ou l'utiliser via npx. Cela vous permet d'exécuter les commandes CLI sans avoir à l'installer globalement.

  1. Utiliser la commande npx (recommandé)

    npx needle-cloud deploy '/dist' --team 'My team' --name 'some-project-id'
  2. Ou installer needle-cloud globalement Une installation globale permet d'utiliser la CLI depuis n'importe où sur votre système. Pour installer la CLI globalement, exécutez la commande suivante dans votre terminal :

    npm install -g needle-cloud

    Maintenant, vous pouvez utiliser la commande needle-cloud dans votre terminal :

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

Déploiements automatisés

Exemple : Action Github Needle Cloud

      - name: Déployer vers 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 # facultatif

Exemple : Déployer en utilisant une commande CLI

# Déployer vers Needle Cloud depuis par exemple une action github
npx needle-cloud deploy '/path/to/output' --team 'My team' --name 'some name or id' --token '<access_token>'

Aide CLI

Utilisez help pour voir toutes les options de ligne de commande disponibles et l'aide aux commandes individuelles.

# voir toutes les options disponibles
npx needle-cloud help
# obtenir de l'aide pour une commande spécifique, par exemple deploy
npx needle-cloud help deploy

URL de déploiement

Lors du déploiement sur Needle Cloud, chaque téléchargement obtient une URL unique. Vous pouvez partager un lien vers une version spécifique, ou vers une version étiquetée avec votre équipe ou vos clients.


Dans l'exemple suivant, nous avons une application qui a été déployée deux fois jusqu'à présent. Chaque déploiement obtient une URL spécifique, également connue sous le nom d'URL épinglée car elle est épinglée à une version spécifique.

Le dernier déploiement (latest) est toujours disponible à l'URL suivante. Cette URL est utile pour partager avec votre équipe, car elle pointe toujours vers la version la plus récente de l'application. Un autre nom courant pour cette version est dev ou canary.

Le déploiement main est utile pour partager avec les clients, car il pointe toujours vers la version la plus récente de l'application que vous avez promue. D'autres noms courants pour cette version sont production, stable, ou live.

Typiquement, vous téléchargez une nouvelle version, la révisez, puis décidez si vous voulez la promouvoir vers main.


Le site web de Needle Cloud affiche toutes les versions déployées de l'application, y compris les versions latest et main. Les étiquettes peuvent être déplacées en cliquant sur ⋮ et en sélectionnant Set main label ou Remove main label.

Formats 3D pris en charge

  1. OpenUSD USD est un format puissant pour l'échange de données 3D. Il est connu pour son utilisation dans l'industrie cinématographique et VFX, et gagne en popularité dans l'industrie du jeu. Needle Cloud prend en charge nativement les fichiers USDZ et USD grâce à notre travail sur USD-WASM, et convertit également les fichiers USD en glTF pour un traitement et une optimisation ultérieurs.

  2. FBX FBX a été un format populaire pour l'échange de données 3D pendant de nombreuses années, mais il lui manque un certain nombre de fonctionnalités modernes comme les matériaux PBR et les extensions. Needle Cloud convertit les fichiers FBX en glTF pour un traitement et une optimisation ultérieurs.

  3. VRM VRM est un format pour les avatars humanoïdes. Il est basé sur glTF avec des contraintes supplémentaires grâce à l'utilisation d'extensions glTF. Needle Cloud prend en charge nativement les fichiers VRM et peut les optimiser comme d'autres fichiers glTF, y compris les extensions VRM complexes comme les phonèmes, le toon shading et les dynamic bones.

  4. OBJ OBJ est un format texte simple pour les modèles 3D. Il prend en charge les matériaux de base via les fichiers MTL, les animations et les hiérarchies d'objets. Needle Cloud convertit les fichiers OBJ en glTF pour un traitement et une optimisation ultérieurs.

:::tip Utiliser glTF ou USD quand c'est possible Nous recommandons glTF et USD comme formats principaux pour l'échange de données 3D. Ils sont largement pris en charge, ont des fonctionnalités modernes et un bon modèle de matériau. :::

Assets Cloud

Téléchargement d'Assets

Vous pouvez télécharger vos fichiers facilement en les faisant glisser sur le site web ou en les sélectionnant depuis votre ordinateur. Les fichiers non-glTF sont automatiquement convertis en glTF pour un traitement ultérieur, mais les fichiers originaux sont conservés pour le téléchargement et la visualisation web.

Versions d'Asset

Lorsque vous visitez la page d'édition (Edit Page) d'un asset, vous pouvez voir toutes les versions qui ont été téléchargées jusqu'à présent par vous ou votre équipe. Vous pouvez également étiqueter des versions pour les marquer comme "main" ou "experimental". "Latest" est l'étiquette par défaut pour la version la plus récente.

Partager des liens vers des Assets

Vous pouvez créer des liens pour partager des fichiers spécifiques ou des fichiers étiquetés avec votre équipe ou vos clients. Les liens étiquetés se mettront automatiquement à jour lorsque vous déplacerez l'étiquette – vous pouvez donc partager un lien "main" une seule fois et continuer à mettre à jour le fichier sans avoir à envoyer un nouveau lien.

Utiliser les Assets Cloud dans Needle Engine

Les fichiers stockés dans Needle Cloud peuvent être facilement intégrés directement dans les projets Needle Engine. Le composant Needle Cloud Asset prend un lien vers un asset et le charge au moment de l'exécution. Cela vous permet de garder la taille de votre projet petite et de charger les assets à la demande qui peuvent toujours être mis à jour dans le cloud.

::: tip Utiliser le chargement progressif lorsque c'est possible Les assets stockés sur Needle Cloud sont automatiquement optimisés pour une utilisation idéale au moment de l'exécution grâce à notre technologie de chargement progressif (Progressive Loading). Pour chaque maillage et texture, plusieurs versions avec différents niveaux de détail (level-of-detail) sont générées, et seules les parties de l'asset nécessaires sont chargées au moment de l'exécution.

Cela économise beaucoup de bande passante et de mémoire (généralement 90 % ou plus par rapport au chargement de l'asset complet). :::

Intégrer le Viewer Cloud sur Votre Site Web

Un moyen rapide d'apporter de la 3D à votre propre site web est d'intégrer le visualiseur (viewer) de Needle Cloud. Pour ce faire, allez sur la page d'édition (Edit Page) d'un asset et cliquez sur Embed. Vous pouvez ensuite copier l'extrait de code iframe et le coller dans votre site web.

::: tip Intégrer des versions spécifiques Vous pouvez également intégrer le visualiseur avec un lien direct vers l'asset, ou avec une étiquette spécifique. Cela vous permet de mettre à jour l'asset sur Needle Cloud sans avoir à mettre à jour le code d'intégration sur votre site web. :::

Intégration dans d'autres frameworks

Les options d'intégration suivantes sont disponibles :

  1. Needle Cloud Viewer Utilisez l'extrait de code iframe pour intégrer le visualiseur Needle Cloud sur votre site web.

  2. three.js Si vous êtes familier avec three.js, vous pouvez utiliser l'extrait de code fourni comme point de départ pour une application three.js qui prend en charge le chargement progressif de Needle et charge efficacement les fichiers depuis Needle Cloud.

  3. React-Three-Fiber Si vous utilisez React-Three-Fiber, vous pouvez utiliser l'extrait de code fourni comme point de départ pour un projet qui prend en charge le chargement progressif de Needle et charge efficacement les fichiers depuis Needle Cloud.

  4. Unity Si vous utilisez Unity, vous pouvez intégrer directement les assets Needle Cloud dans vos projets à l'aide du composant Needle Cloud Asset pour un chargement et une optimisation fluides.

Utiliser les Assets Cloud avec d'autres moteurs comme Unity ou Unreal

Il existe plusieurs façons d'utiliser les assets stockés sur Needle Cloud dans d'autres moteurs comme Unity ou Unreal.

  1. Télécharger et Importer Vous pouvez télécharger l'asset et l'importer dans votre projet.

  2. Lien Direct Vous pouvez utiliser le lien direct vers l'asset dans votre projet. De cette façon, vous pouvez mettre à jour l'asset sur Needle Cloud et il se mettra automatiquement à jour dans votre projet. Le lien à utiliser dépend du moteur et de ses capacités glTF :

    • Prise en charge de glTF avec Draco et KTX2 : Utilisez le lien Optimized.

    • Prise en charge de glTF, mais aucune extension de compression : Utilisez le lien Upload (pour les téléchargements gltf/glb) ou Converted (pour les autres téléchargements).

  3. Composant Needle Cloud Asset Si vous utilisez Needle Engine, vous pouvez utiliser le composant Needle Cloud Asset pour charger les assets au moment de l'exécution. Il choisira automatiquement le meilleur lien pour votre plateforme et chargera l'asset avec le chargement progressif (Progressive Loading). Cela est également pris en charge au moment de l'exécution dans les builds Unity.

CLI pour les Assets

L'interface de ligne de commande (CLI) pour Needle Cloud permet d'automatiser les téléchargements et la compression de fichiers. La CLI peut être utilisée dans le cadre d'une étape de construction (remplaçant un asset par une version optimisée), ou comme un outil autonome (pour le traitement par lots de fichiers).

FAQ

  1. Qu'est-ce que Needle Cloud ? C'est un service en ligne pour télécharger, compresser et partager des assets et des scènes 3D.

  2. Comment puis-je télécharger des assets sur Needle Cloud ? Vous pouvez télécharger des fichiers en les faisant glisser sur le site web, ou en les téléchargeant directement depuis les intégrations prises en charge. Si vous avez beaucoup de fichiers, vous pouvez utiliser la CLI (interface de ligne de commande) ou l'API (interface de programmation d'application).

  3. Comment puis-je télécharger des fichiers optimisés depuis Needle Cloud ? Vous pouvez télécharger des fichiers depuis le site web. Cliquez sur Share puis sur Download. Vous pouvez également utiliser la CLI pour télécharger des fichiers.

  4. Puis-je partager mes fichiers avec d'autres ? Oui, vous pouvez créer des liens pour partager vos fichiers. Les liens peuvent être soit des liens de téléchargement direct, soit des liens vers le visualiseur Needle Cloud.

  5. Y a-t-il une limite à la taille des fichiers ? Les limites de téléchargement dépendent de votre forfait. Consultez les détails de votre compte pour plus d'infos.

  6. Les fichiers Needle Cloud peuvent-ils être utilisés avec d'autres outils ? Oui, vous pouvez utiliser vos fichiers dans d'autres programmes en les exportant au format glTF. L'exportation USD arrivera plus tard.

  7. Que se passe-t-il si je n'ai plus d'espace de stockage ? Vous pourriez avoir besoin de mettre à niveau votre forfait ou de supprimer d'anciens fichiers pour faire de la place.

Page automatiquement traduite par l'IA

Installez l'intégration Unity, si ce n'est pas déjà fait. Voir pour plus d'infos.

Needle Cloud Unity Integration

La CLI est disponible en tant que , ce qui signifie que vous devez avoir Node.js installé sur votre machine. Vous pouvez vérifier si Node.js est installé en exécutant la commande suivante dans votre terminal :

Si vous n'avez pas Node.js installé, vous pouvez le télécharger depuis le .

Pour déployer depuis Github Actions ou Stackblitz, vous pouvez fournir un jeton d'accès comme --token <access_token>. Les jetons d'accès peuvent être créés sur sur Needle Cloud. Assurez-vous de créer votre jeton avec les permissions read/write.

Utilisez l' pour déployer une mise à jour depuis Github (par exemple, chaque fois que vous poussez vers le dépôt)

C'est la première version qui a été téléchargée.

C'est la deuxième version qui a été téléchargée.

Cette URL affiche automatiquement la nouvelle version lorsque vous téléchargez une nouvelle version de l'application.

Cette URL ne change pas lorsque vous téléchargez une nouvelle version. Elle ne changera que lorsque vous promouvez explicitement une nouvelle version vers main.

Needle Cloud Version List

glTF et GLB Le format glTF est le format le plus largement pris en charge pour la 3D sur le web. C'est un format léger qui peut stocker des modèles 3D, des animations et des textures. Les fichiers GLB sont des versions binaires des fichiers glTF, où toutes les données sont stockées dans un seul fichier. glTF prend en charge les techniques de compression avancées comme Draco, KTX2 et Meshopt, qui sont entièrement prises en charge par Needle Cloud et Needle Engine.

Needle Engine Utilisez l'extrait de code fourni pour intégrer Needle Engine sur votre site web en tant que .

model-viewer Le projet fournit un composant web pour le rendu de modèles 3D simples et non interactifs dans le navigateur.

Prise en charge de glTF avec chargement progressif (Progressive Loading) : Utilisez le lien Progressive-World ou Progressive-Product. Consultez pour plus d'informations sur le chargement progressif et comment l'activer pour votre moteur.

Consultez pour plus d'informations sur la CLI et comment l'utiliser.

cette page
paquet npm
site web de Node.js
votre page d'équipe
Action Github Needle Cloud
collaborativesandbox-zubcks1qdkhy-1qdkhy.needle.run
collaborativesandbox-zubcks1qdkhy-2e2spt.needle.run
collaborativesandbox-zubcks1qdkhy-latest.needle.run
collaborativesandbox-zubcks1qdkhy.needle.run
Exemple
composant web
model-viewer
npm:@needle-tools/gltf-progressive
npm:needle-cloud
Needle Cloud