Needle Engine ドキュメント
Downloads
  • What is Needle Engine?
  • お客様の声
  • Get an overview

    • Samples and Showcase
    • 私たちのビジョン 🔮
    • 機能概要
    • 技術概要
  • Resources

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

    • Unity用Needle Engine
    • Blender 用 Needle Engine
    • Web ComponentとしてのNeedle Engine
    • ウェブサイトでのNeedle Engine
    • Needle Cloud
  • Topics

    • Webプロジェクトの構造
    • Everywhere Actions
    • glTFへのアセットのエクスポート
    • フレームワーク、バンドラー、HTML
    • ローカルデバイスでのテスト
    • デプロイと最適化
  • Advanced

    • ネットワーキング
    • VR & AR (WebXR)
    • HTMLからNeedle Engineを直接使用する
    • Editor Sync
  • Troubleshooting

    • デバッグの方法
    • よくある質問(FAQ)💡
    • Get Help
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Needle Engineでのスクリプティング
    • Unity開発者向けスクリプト入門
    • Needleコアコンポーネント
    • Everywhere Actions
  • Components and Lifecycle

    • Creating and using Components
    • @serializable およびその他のデコレーター
    • 自動コンポーネント生成
    • Scripting Examples
    • Community Contributions
    • 追加モジュール
  • Settings and APIs

    • <needle-engine> 設定
    • /lang/ja/reference/needle-config-json.html
    • 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?
  • お客様の声
  • Get an overview

    • Samples and Showcase
    • 私たちのビジョン 🔮
    • 機能概要
    • 技術概要
  • Resources

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

    • Unity用Needle Engine
    • Blender 用 Needle Engine
    • Web ComponentとしてのNeedle Engine
    • ウェブサイトでのNeedle Engine
    • Needle Cloud
  • Topics

    • Webプロジェクトの構造
    • Everywhere Actions
    • glTFへのアセットのエクスポート
    • フレームワーク、バンドラー、HTML
    • ローカルデバイスでのテスト
    • デプロイと最適化
  • Advanced

    • ネットワーキング
    • VR & AR (WebXR)
    • HTMLからNeedle Engineを直接使用する
    • Editor Sync
  • Troubleshooting

    • デバッグの方法
    • よくある質問(FAQ)💡
    • Get Help
  • Videos

    • Tutorials on Youtube
    • Interviews on Youtube
  • Scripting Overview

    • Needle Engineでのスクリプティング
    • Unity開発者向けスクリプト入門
    • Needleコアコンポーネント
    • Everywhere Actions
  • Components and Lifecycle

    • Creating and using Components
    • @serializable およびその他のデコレーター
    • 自動コンポーネント生成
    • Scripting Examples
    • Community Contributions
    • 追加モジュール
  • Settings and APIs

    • <needle-engine> 設定
    • /lang/ja/reference/needle-config-json.html
    • 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プロジェクトの構造
    • Everywhere Actions
    • glTFへのアセットのエクスポート
    • フレームワーク、バンドラー、HTML
    • ローカルデバイスでのテスト
    • デプロイと最適化
    • デバッグの方法
    • よくある質問(FAQ)💡
  • Scripting

    • Needle Engineでのスクリプティング
    • Unity開発者向けスクリプト入門
    • Creating and using Components
    • 自動コンポーネント生成
    • Scripting Examples
    • Community Contributions
  • Advanced

    • VR & AR (WebXR)
    • ネットワーキング
    • Editor Sync
  • Reference

    • 機能概要
    • 技術概要
    • Needleコアコンポーネント
    • /lang/ja/reference/needle-config-json.html
    • <needle-engine> 設定
    • @serializable およびその他のデコレーター

Needleのロゴ + ✨

他のツールとの統合

Needle Engineは、柔軟で拡張可能な設計になっています。他のツールやサービスと統合することで、あらゆるソフトウェアからウェブにリッチでインタラクティブな3Dをもたらすためのワークフローを改善できます。

Needle Engineとのカスタム統合の核となるのは、glTF 3Dフォーマットです。これはウェブ上で最も広くサポートされている3Dフォーマットであり、最も多用途です。この軽量なフォーマットは、3Dモデル、アニメーション、テクスチャ、そしてあらゆる種類の追加データを格納できます。glTFは拡張可能であり、それこそがNeedle Engineの基盤としてこれを選んだ理由です。これにより、より良いレンダリング、物理演算、インタラクション、XR、ネットワークなど、3Dファイルに豊富な機能やインタラクティブな機能を追加できます。

標準化されたglTFフォーマットを交換に使用した結果、任意のソフトウェアへの基本的な統合は容易です。3DアセットをglTFファイルとしてエクスポートし、Needle Engineにインポートするだけです。そこから、スクリプト拡張をサポートするために、統合にさらに機能を追加できます。通常、これは3Dソフトウェアのプラグイン、拡張機能、またはエクスポートフックを介して行われます。

カスタム統合の構造

カスタム統合の構造は以下のようになります。

  1. 3DアセットをglTFファイルとしてエクスポートします。この時点での統合は、3Dソフトウェアでエクスポートボタンをクリックするのと同じくらいシンプルです。
  2. Needle Engineを使用したウェブプロジェクトでglTFファイルを使用します。
    • これは、他の統合で作成されたウェブプロジェクト、サンプルからダウンロードされたもの、またはnpx needle-createで作成された新しいウェブプロジェクトでもかまいません。
    • glTFファイルをassetsフォルダにエクスポートします。glTFファイルを再エクスポートするたびに、ウェブアプリは自動的に更新されるはずです。
  3. この時点では、基本的な機能統合ができており、ウェブプロジェクトでTypeScriptを介してカスタム機能を追加できます。
  4. 次のステップは、ソフトウェア内でコンポーネントを作成・調整する方法を追加することです。ソフトウェアによって、これはカスタムUI、スクリプト、またはプラグインを介して行うことができます。
    • まず、DragControlsのようなコンポーネントから試してみてください。いくつかのオプションがありますが、デフォルト設定でも始めるには十分です。
    • 次に、構成が必要なコンポーネントに移ります。良い出発点となるのは、Everywhere Actionsです。これにより、クリエイターはコードを書く必要なく、幅広いインタラクティブな体験を構築できます。
  5. それらのコンポーネントを、各ノードのNEEDLE_components glTF拡張機能の一部としてエクスポートします。通常、これはソフトウェアの既存のglTFエクスポーターにカスタムglTF拡張機能またはフックを追加することで行われます。
  6. カスタムコンポーネントのUIを生成できるように、ウェブプロジェクトと統合します。UnityとBlenderの場合、これをComponent Compilerと呼びます。これはプロジェクトのコンポーネントのUIを自動的に作成し、TypeScriptコンポーネントと3Dソフトウェア間の橋渡しとして機能します。

ウェブプロジェクトワークフローの統合

完全に機能する統合では、ウェブプロジェクトワークフローのより多くの部分も管理する場合があります。これらの操作はすべてコマンドラインから実行できますが、使いやすさのために、3DソフトウェアのGUIやカスタムメニューにきれいにラップできます。これには以下が含まれます。

  1. 新しいプロジェクトの作成、またはウェブプロジェクトの場所の変更
  2. 3Dソフトウェア内からウェブプロジェクトを実行する
    • 当社のUnity統合は、「Play」ボタンを上書きしてウェブプロジェクトを実行します。
    • Blender統合には、ウェブプロジェクトを実行するカスタム「Play」ボタンがあります。
  3. ウェブプロジェクトをフォルダにビルドする
  4. ビルドされたプロジェクトをNeedle Cloudまたは他のプラットフォームにアップロードし、プロジェクトIDとチームIDを記憶する
    • 当社のUnity統合では、チームの最新のアップロードも表示され、プロジェクトの最新のデプロイメントにジャンプできます。
  5. 個別のアセットをNeedle Cloudまたは他のプラットフォームにアップロード/ダウンロードする

カスタム統合を計画している場合はお問い合わせください!

カスタム統合の構築にご興味があれば、ぜひお問い合わせください。プロセスをお手伝いし、詳細をご説明いたします。エンタープライズ顧客向けに、サービスとしてのカスタム統合も提供しています。


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

Suggest changes
最終更新:: 2025/06/11 12:25
Prev
Needle Cloud
Next
Support and Community