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
  • 概要
  • 機能
  • Unityからのデプロイ
  • CLIからのデプロイ
  • デプロイURL
  • サポートされている3D形式
  • Cloudアセット
  • アセット用CLI
  • FAQ
Edit on GitHub
  1. documentation
  2. lang
  3. ja
  4. cloud

Needle Cloud

Needle Cloudはオンラインサービスです。Web上で3Dアセットやアプリを保存、管理、共有するのに役立ちます。glTF、USD、FBX、VRMなど、さまざまなファイル形式がサポートされています。Needleで作成された空間Webアプリは、Unity統合から、またはコマンドライン(CLI)を介してクラウドに直接デプロイできます。

PreviouscloudNextcustom-integrations

Last updated 25 days ago

Needle Cloud

概要

Needle Cloudはオンラインサービスです。Web上で3Dアセットやアプリを保存、管理、共有するのに役立ちます。 glTF、USD、FBX、VRMなど、さまざまなファイル形式がサポートされています。Needleで作成された空間Webアプリは、Unity統合から、またはコマンドライン(CLI)を介してクラウドに直接デプロイできます。Blender統合は後日提供予定です。それまではCLIをご利用いただけます。

始めるにはにアクセスしてください。

Needle Cloud 概要

機能

  1. 空間Webアプリのホスティング Needleで作成されたアプリは、エンジンの統合機能からクラウドに直接デプロイできます。これにより、独自のサーバーを設定することなく、チームや顧客に簡単にアプリへの公開アクセスを提供できます。必要に応じて、パスワードでアプリを保護することもできます。

  2. プライベートかつ安全な3Dアセット管理 3Dファイルを簡単にアップロードして整理できます。高速なCDN(コンテンツ配信ネットワーク)のおかげで、ファイルは安全に保管され、世界中のどこからでも迅速にアクセスできます。 Needle Cloudはマーケットプレイスでもソーシャルネットワークでもありません。代理店、スタジオ、クリエイターがアセットをプライベートかつ安全に管理できるように設計されています。

  3. 多様な形式の3Dアセットの最適化 ファイルを自動的に圧縮して、視覚的な品質を維持しながらサイズを削減します。これにより、ファイルの読み込みが速くなり、ユーザーデバイスの帯域幅とメモリを節約できます。

  4. 共有とバージョン管理 ファイルへのリンクは他のユーザーと共有したり、プロジェクトで直接使用したりできます。アセットやアプリの新しいバージョンをアップロードできます。個々のバージョンにはラベルを付けることができ、柔軟なレビューワークフローが可能になります。たとえば、バージョンをmainまたはexperimentalとしてラベル付けできます。必要に応じて、ラベルを以前のバージョンに戻すこともできます。

  5. CLIによる自動化およびパイプラインツールneedle-cloud CLI(コマンドラインインターフェース)を使用すると、ファイルのアップロードと最適化を簡単に自動化できます。これは、既存のパイプラインにNeedle Cloudを統合する場合や、多数のファイルのアップロードを自動化する場合に役立ちます。

  6. ライセンス管理 ソロクリエイターおよびチーム向けのNeedle Engineのライセンスは、Needle Cloudを通じて管理されます。これにより、許可されたユーザーのみがファイルとプロジェクトにアクセスできるようになります。エンタープライズおよびEduライセンスについてはお問い合わせください。

Unityからのデプロイ

Needle CloudはUnity Editorに統合されています。これにより、Unityから直接Needle Cloudにアプリをデプロイできます。また、Needle CloudからUnityにアセットを直接アップロードおよびダウンロードすることもできます。

  1. シーンにExport Infoコンポーネントを追加します。 このコンポーネントは、アプリのエクスポート設定を構成するために使用されます。 メニュー項目 GameObject > Needle Engine > Add Export Info を使用するか、メニュー項目 File > New Scene からNeedleテンプレートを使用して新しいシーンを作成できます。

  2. Upload to Needle Cloudをクリックします。 これにより、アプリがビルドされ、Needle Cloudにアップロードされます。特定のチームとプロジェクトにデプロイすることも選択できます。ボタンの横に表示されるプロジェクトの_アップロード名_は、シーンに保存されます。今後のアップロードでは同じアップロード名が使用され、アップロードされたすべてのバージョンはNeedle Cloudウェブサイト上でグループ化されます。

CLIからのデプロイ

Needle Cloudは、アセットの管理とアプリケーションの効率的なデプロイを可能にするコマンドラインインターフェース(CLI)を提供します。CLIを使用すると、タスクを自動化し、Needle Cloudを既存のワークフローに統合できます。

node -v

needle-cloud CLIパッケージをグローバルにインストールするか、npxを介して使用できます。これにより、グローバルにインストールすることなくCLIコマンドを実行できます。

  1. npxコマンドを使用する(推奨)

    npx needle-cloud deploy '/dist' --team 'My team' --name 'some-project-id'
  2. またはneedle-cloudをグローバルにインストールする グローバルにインストールすると、システムのどこからでもCLIを使用できます。CLIをグローバルにインストールするには、端末で以下のコマンドを実行します。

    npm install -g needle-cloud

    これで、端末でneedle-cloudコマンドを使用できます。

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

自動デプロイ

例: 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

例: CLIコマンドを使用したデプロイ

# 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ヘルプ

helpを使用して、利用可能なすべてのコマンドラインオプションと個々のコマンドのヘルプを表示します。

# see all available options
npx needle-cloud help
# get help for a specific command e.g. deploy
npx needle-cloud help deploy

デプロイURL

Needle Cloudにデプロイすると、各アップロードには一意のURLが付与されます。チームまたはクライアントと、_特定の_バージョンへのリンク、または_ラベル付けされた_バージョンへのリンクを共有できます。


以下の例では、これまでに2回デプロイされたアプリがあります。各デプロイには特定のURLが付与されます。これは特定のバージョンに固定されているため、_固定された_URLとも呼ばれます。

_最新_のデプロイは常に以下のURLで利用できます。このURLは常にアプリの最新バージョンを指しているため、チームと共有するのに役立ちます。このバージョンの別の一般的な名前は_dev_または_canary_です。

_main_デプロイはクライアントと共有するのに役立ちます。これは常にプロモートしたアプリの最新バージョンを指しているためです。このバージョンの他の一般的な名前は、production、stable、または_live_です。

通常、新しいバージョンをアップロードし、レビューしてから、_main_にプロモートするかどうかを決定します。


Needle Cloudウェブサイトには、最新バージョンとmainバージョンを含む、アプリのすべてのデプロイ済みバージョンが表示されます。⋮をクリックし、Set main labelまたはRemove main labelを選択することでラベルを移動できます。

サポートされている3D形式

  1. OpenUSD USDは、3Dデータ交換のための強力な形式です。映画およびVFX業界での使用で知られており、ゲーム業界でも人気が高まっています。Needle Cloudは、USD-WASMに関する当社の取り組みを通じてUSDZファイルとUSDファイルをネイティブにサポートし、さらに処理と最適化のためにUSDファイルをglTFに変換します。

  2. FBX FBXは長年3Dデータ交換で人気のある形式ですが、PBRマテリアルや拡張機能などの現代的な機能がいくつか不足しています。Needle Cloudは、さらなる処理と最適化のためにFBXファイルをglTFに変換します。

  3. VRM VRMはヒューマノイドアバターの形式です。glTFに基づいており、glTF拡張機能の使用による追加の制約があります。Needle CloudはVRMファイルをネイティブにサポートし、フォニーム、トゥーンシェーディング、ダイナミックボーンなどの複雑なVRM拡張機能を含む、他のglTFファイルのように最適化できます。

  4. OBJ OBJは、3Dモデル用のシンプルなテキストベースの形式です。MTLファイルを介した基本的なマテリアル、アニメーション、オブジェクトの階層をサポートしています。Needle Cloudは、さらなる処理と最適化のためにOBJファイルをglTFに変換します。

:::tip 可能な場合はglTFまたはUSDを使用する glTFとUSDは、3Dデータ交換の主要な形式として推奨されます。これらは広くサポートされており、現代的な機能と優れたマテリアルモデルを備えています。 :::

Cloudアセット

アセットのアップロード

ファイルをウェブサイトにドラッグするか、コンピューターから選択することで簡単にアップロードできます。 glTF以外のファイルは、さらなる処理のために自動的にglTFに変換されますが、元のファイルはダウンロードおよびウェブ閲覧用に保持されます。

アセットのバージョン

アセットの編集ページにアクセスすると、これまでにあなたまたはあなたのチームによってアップロードされたすべてのバージョンを確認できます。バージョンを「main」または「experimental」としてタグ付けすることもできます。「Latest」は最新バージョンのデフォルトタグです。

アセットへのリンク共有

特定のファイルまたはタグ付けされたファイルをチームまたはクライアントと共有するためのリンクを作成できます。タグ付きリンクは、タグを移動すると自動的に更新されるため、「main」リンクを一度共有しておけば、新しいリンクを送信することなくファイルを更新し続けることができます。

Needle EngineでのCloudアセットの使用

Needle Cloudに保存されているファイルは、Needle Engineプロジェクトに簡単に直接取り込むことができます。Needle Cloud Assetコンポーネントは、アセットへのリンクを受け取り、ランタイムで読み込みます。これにより、プロジェクトのサイズを小さく保ち、クラウドで更新できるアセットをオンデマンドで読み込むことができます。

::: tip 可能な場合はProgressive Loadingを使用する Needle Cloudに保存されているアセットは、Progressive Loadingテクノロジーを使用して、理想的なランタイム使用のために自動的に最適化されます。各メッシュおよびテクスチャに対して、複数のレベル・オブ・ディテールバージョンが生成され、アセットの必要な部分のみがランタイムで読み込まれます。

これにより、帯域幅とメモリを大幅に節約できます(アセット全体を読み込む場合と比較して通常90%以上)。 :::

ウェブサイトへのCloud Viewerの埋め込み

独自のウェブサイトに3Dを組み込む簡単な方法は、Needle Cloud viewerを埋め込むことです。 これを行うには、アセットの編集ページに移動し、Embedをクリックします。次に、iframeコードスニペットをコピーして、ウェブサイトに貼り付けることができます。

::: tip 特定のバージョンの埋め込み アセットへの直接リンク、または特定のタグを使用してビューアを埋め込むこともできます。これにより、ウェブサイト上の埋め込みコードを更新することなく、Needle Cloudでアセットを更新できます。 :::

他のフレームワークへの埋め込み

以下の埋め込みオプションが利用可能です。

  1. Needle Cloud Vieweriframeコードスニペットを使用して、Needle Cloudビューアをウェブサイトに埋め込みます。

  2. three.js three.jsに慣れている場合は、提供されているコードスニペットを、Needle Progressive Loadingをサポートし、Needle Cloudからファイルを効率的に読み込むthree.jsアプリの開始点として使用できます。

  3. React-Three-Fiber React-Three-Fiberを使用している場合は、提供されているコードスニペットを、Needle Progressive Loadingをサポートし、Needle Cloudからファイルを効率的に読み込むプロジェクトの開始点として使用できます。

  4. Unity Unityを使用している場合は、Needle Cloud Assetコンポーネントを使用してNeedle Cloudアセットをプロジェクトに直接統合することで、シームレスな読み込みと最適化が可能です。これはUnityビルドでのランタイムでもサポートされています。

UnityまたはUnrealのような他のエンジンでのCloudアセットの使用

Needle Cloudに保存されているアセットを、UnityやUnrealなどの他のエンジンで使用する方法はいくつかあります。

  1. ダウンロードとインポート アセットをダウンロードしてプロジェクトにインポートできます。

  2. 直接リンク プロジェクトでアセットへの直接リンクを使用できます。この方法では、Needle Cloudでアセットを更新すると、プロジェクトでも自動的に更新されます。使用するリンクは、エンジンとそのglTF機能によって異なります。

    • DracoとKTX2を含むglTFのサポート:Optimizedリンクを使用します。

    • glTFはサポートしているが、圧縮拡張機能なし:Upload(gltf/glbアップロード用)またはConverted(その他のアップロード用)リンクを使用します。

  3. Needle Cloud Assetコンポーネント Needle Engineを使用している場合は、Needle Cloud Assetコンポーネントを使用してランタイムでアセットを読み込むことができます。プラットフォームに最適なリンクを自動的に選択し、Progressive Loadingを使用してアセットを読み込みます。これはUnityビルドでのランタイムでもサポートされています。

アセット用CLI

Needle Cloudのコマンドラインインターフェース(CLI)を使用すると、ファイルのアップロードと圧縮を自動化できます。CLIはビルドステップの一部(アセットを最適化されたバージョンに置き換える)として、またはスタンドアロンツール(ファイルのバッチ処理用)として使用できます。

FAQ

  1. Needle Cloudとは何ですか? 3Dアセットとシーンをアップロード、圧縮、共有するためのオンラインサービスです。

  2. Needle Cloudにアセットをアップロードするにはどうすればよいですか? ファイルをウェブサイトにドラッグするか、サポートされている統合機能から直接アップロードできます。ファイルが多い場合は、CLI(コマンドラインインターフェース)またはAPI(アプリケーションプログラミングインターフェース)を使用できます。

  3. Needle Cloudから最適化されたファイルをダウンロードするにはどうすればよいですか? ウェブサイトからファイルをダウンロードできます。Shareをクリックし、次にDownloadをクリックします。CLIを使用してファイルをダウンロードすることもできます。

  4. ファイルを他のユーザーと共有できますか? はい、ファイルを共有するためのリンクを作成できます。リンクは、直接ダウンロードリンク、またはNeedle Cloudビューアへのリンクのいずれかです。

  5. ファイルサイズに制限はありますか? アップロード制限はプランによって異なります。詳細についてはアカウントの詳細をご確認ください。

  6. Needle Cloudのファイルは他のツールで使用できますか? はい、ファイルをglTFとしてエクスポートすることで他のプログラムで使用できます。USDエクスポートは後日提供予定です。

  7. ストレージ容量が不足した場合はどうなりますか? プランをアップグレードするか、古いファイルを削除して容量を確保する必要がある場合があります。

このページはAIによって自動的に翻訳されました。

Unity統合をインストールしてください(まだの場合)。 詳細はを参照してください。

Needle Cloud Unity統合

CLIはとして提供されており、Node.jsがお使いのマシンにインストールされている必要があります。端末で以下のコマンドを実行することで、Node.jsがインストールされているか確認できます。

Node.jsがインストールされていない場合は、からダウンロードできます。

Github ActionsまたはStackblitzからデプロイするには、--token <access_token>としてアクセストークンを提供できます。アクセストークンは、Needle Cloud上ので作成できます。read/write権限を持つトークンを作成してください。

を使用して、Githubからアップデートをデプロイできます(例: リポジトリにプッシュするたびに)。

これはアップロードされた最初のバージョンです。

これはアップロードされた2番目のバージョンです。

このURLは、アプリの新しいバージョンをアップロードすると、新しいバージョンを自動的に表示します。

このURLは新しいバージョンをアップロードしても変更されません。新しいバージョンを_main_に明示的にプロモートした場合にのみ変更されます。

Needle Cloud バージョンリスト

glTFとGLB glTF形式は、Web上の3Dで最も広くサポートされている形式です。3Dモデル、アニメーション、テクスチャを格納できる軽量な形式です。GLBファイルはglTFファイルのバイナリバージョンで、すべてのデータが単一のファイルに格納されます。 glTFは、Draco、KTX2、Meshoptなどの高度な圧縮技術をサポートしており、これらはNeedle CloudとNeedle Engineによって完全にサポートされています。

Needle Engine 提供されているコードスニペットを使用して、としてNeedle Engineをウェブサイトに埋め込みます。

model-viewerプロジェクトは、ブラウザでシンプルでインタラクティブでない3DモデルをレンダリングするためのWebコンポーネントを提供します。

Progressive Loadingを含むglTFのサポート:Progressive-WorldまたはProgressive-Productリンクを使用します。 プログレッシブローディングとそのエンジンの有効化方法の詳細については、を参照してください。

CLIとその使用方法の詳細については、を参照してください。

このページ
npm package
Node.jsウェブサイト
チームページ
Needle Cloud Github Action
collaborativesandbox-zubcks1qdkhy-1qdkhy.needle.run
collaborativesandbox-zubcks1qdkhy-2e2spt.needle.run
collaborativesandbox-zubcks1qdkhy-latest.needle.run
collaborativesandbox-zubcks1qdkhy.needle.run
例
web component
model-viewer
npm:@needle-tools/gltf-progressive
npm:needle-cloud
Needle Cloud