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でのスクリプティング
    • Scripting Introduction for Unity Developers
    • Needleコアコンポーネント
    • Everywhere Actions
  • Components and Lifecycle

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

    • <needle-engine> 設定
    • needle.config.json
    • Needle Engine API
    • three.js API
Help
Samples
Pricing
  • Needle Website
  • Needle Cloud
  • Support Community
  • Discord Server
  • X/Twitter
  • YouTube
  • Newsletter
  • Email
  • Feedback
  • Github
  • English
  • 简体中文
  • Español
  • Português
  • Français
  • हिन्दी
  • 日本語
  • Deutsch
  • Tiếng Việt
Downloads
  • What is Needle Engine?
  • お客様の声
  • 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でのスクリプティング
    • Scripting Introduction for Unity Developers
    • Needleコアコンポーネント
    • Everywhere Actions
  • Components and Lifecycle

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

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

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

    • Webプロジェクトの構造
    • Everywhere Actions
    • glTFへのアセットのエクスポート
    • フレームワーク、バンドラー、HTML
    • ローカルデバイスでのテスト
    • デプロイと最適化
    • デバッグの方法
    • よくある質問(FAQ)💡
  • Scripting

    • Needle Engineでのスクリプティング
    • Scripting Introduction for Unity Developers
    • Creating and using Components
    • 自動コンポーネント生成
    • Scripting Examples
    • Community Contributions
  • Advanced

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

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

Needleのロゴ +

Unity用Needle Engine

Unity用Needle Engineを使用すると、Unity内で直接、非常にインタラクティブで柔軟性があり軽量なWebアプリケーションを作成できます。Unityエディターの強力なツールを使用して、3Dシーンの視覚的な設定、アニメーション、デザインを行います。Unity用Needle Engineは、シーンをglTFにエクスポートすることを担当し、あらゆるWebフロントエンドフレームワークと簡単に統合できます。

Unityパッケージのインストール


  1. ダウンロードした.unitypackageファイルをドロップし、Unityプロジェクトにインポートを確定します。

  2. インストールとインポートが完了するまでしばらく待ちます。「A new scoped registry is now available in the Package Manager.」というウィンドウが表示される場合があります。これはNeedleパッケージのレジストリです。このウィンドウは安全に閉じることができます。

  3. サンプルを探索。
    メニューオプションNeedle Engine > Explore Samplesを選択して、利用可能なすべてのサンプルシーンを表示、開く、変更します。

クイックスタートビデオチュートリアル

サンプルから開始

幅広いトピック、ユースケース、業界をカバーする100以上のサンプルがあります。
概要については、サンプルページをご覧ください。

これらのサンプルはすべてUnityで直接利用できます。

  1. サンプルをブラウズするには、Needle Engine > Explore Samplesに進みます
  2. 「Install Samples」をクリックして、エディター内にサンプルパッケージをインストールします(または、パッケージを手動でインストールするには、サンプルのunitypackageをダウンロードします)
  3. 任意のサンプルを選択し、Open Sceneをクリックします。

サンプルは読み取り専用です – これにより簡単に更新できます。

私たちのサンプルシーンは、UnityのUPMパッケージの一部です。これは、それらのアセットやスクリプトを直接編集できないことを意味します – それらは読み取り専用です。サンプルパッケージからアセットを編集するには、プロジェクトのAssetsフォルダーにコピーします。サンプルパッケージからスクリプトを編集するには、Webプロジェクトのsrcフォルダーにコピーします。

テンプレートから開始

新規プロジェクトを迅速に開始するためのシーンテンプレートを多数提供しています。
これにより、アイデアからプロトタイプまで数クリックで進むことができます。

  1. File > New Sceneをクリックします

  2. 名前に(needle)が含まれるテンプレートのいずれかを選択し、Createをクリックします。Collaborative Sandboxテンプレートをお勧めします。これは、インタラクティビティ、マルチプレイヤー、アセットの追加を始めるのに最適な方法です。

  3. Playをクリックして、新しいWebプロジェクトをインストールして起動します。

20220822-140539-wqvW-Unity_oC0z-needle

ゼロから開始

シーンテンプレートから開始したくない場合は、以下の手順に従うことができます。
実際には、パッケージに含まれている「Minimal (Needle)」テンプレートを再作成します。

  1. 新しい空のシーンを作成

  2. エクスポート用にシーンを設定
    空のGameObjectを追加し、名前を「Exporter」にして、Needle Engineコンポーネント(旧称Export Info)を追加します。
    このコンポーネントでは、エクスポートされたランタイムプロジェクトを作成し、迅速にアクセスできます。
    また、いずれかのパッケージやモジュールが古いか、Webプロジェクトにローカルにインストールされていない場合に警告が表示されます。

    プロジェクト名とシーン名

    デフォルトでは、プロジェクト名はシーンの名前に一致します。それを変更したい場合は、新しいWebプロジェクトを作成したいDirectory Nameを選択または入力できます。パスはUnityプロジェクトからの相対パスです。

  3. Webプロジェクトテンプレートを選択 次に、プロジェクトのWebプロジェクトテンプレートを選択します。デフォルトのテンプレートは、高速なWebアプリバンドラーであるViteに基づいています。

    Unity ExportInfo local templates

  4. Playをクリックして、新しいWebプロジェクトをインストールして開始します

独自のテンプレートを定義

似たようなプロジェクトを多数作成する場合は、Project ViewのコンテキストメニューにあるCreate/Needle Engine/Project Templateを使用して、独自のローカルまたはリモートテンプレートを作成できます。テンプレートは、ディスク上のローカル(コピーされるフォルダ)またはリモートリポジトリ(クローンされるgitリポジトリ)のいずれかにすることができます。

プロジェクトフォルダとファイル

フォルダ
Unity
Assetsここにプロジェクト固有/専用のアセットが配置されます。
Packagesここにこのプロジェクトにインストールされたパッケージが配置されます。パッケージには任意のアセットタイプを含めることができます。主な違いは、複数のUnityプロジェクトに追加できることです。したがって、コードやアセットを共有するための優れた方法です。パッケージの詳細については、パッケージに関するUnityドキュメントを参照してください。
Needle Engine Unityパッケージ
Core/Runtime/ComponentsすべてのNeedle Engine組み込みコンポーネントが含まれています。コンポーネントリファレンスで詳細を学べます。

Unityで新しいWebプロジェクトを作成する際、ローカルテンプレートから作成するかを選択できます(デフォルトでは、viteベースのWebテンプレートを出荷しています)。

ExportInfoプロジェクトパスにリポジトリURLを入力して、リモートテンプレートを参照することもできます(これはシーンと一緒に保存できます)。新しいWebプロジェクトを作成する際、リポジトリはクローンされるかダウンロードされ(gitがインストールされているかどうかによります)、needle.config.jsonファイルが検索されます。クローンされたリポジトリに見つからない場合は、ルートディレクトリが使用されます。github.com/needle-engineでリモートテンプレートプロジェクトの例を見つけることができます。

Unity ExportInfo local templates

一時プロジェクト

NpmDefs経由でのみカスタムファイルを追加し、プロジェクト設定を変更しない場合(例:迅速なフルスクリーンテストの場合)、プロジェクトパスの前にLibraryを付けることができます。プロジェクトはUnityプロジェクトのLibraryフォルダに生成され、ソース管理に追加する必要はありません(Libraryフォルダはソース管理から除外する必要があります)。私たちはこれらのプロジェクトを_一時プロジェクト_と呼んでいます。アイデアを迅速にテストするのに最適です!

次のステップ

  • コンセプト: Webプロジェクト
  • コンセプト: アセットのエクスポート
  • コンセプト: デプロイメント(Webサイトの共有)
  • コンポーネント: Everywhere Actionsについて学ぶ
  • 初心者向けスクリプト: Typescriptの基本
  • 初心者向けスクリプト: カスタムコンポーネントの書き方

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

Suggest changes
最終更新:: 2025/04/22 17:38
Prev
Downloads
Next
Needle Engine for Blender