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 Engineプロジェクトの構造

Webプロジェクトファイル

Needle Engine
needle.config.jsonNeedle Engineのビルドと統合のための設定
エコシステム
package.json名前、バージョン、依存関係、スクリプトを含むプロジェクト設定
tsconfig.jsonTypescriptコンパイラ設定
.gitignoregitで無視されるファイルとフォルダー
vite.config.jsvite固有の設定が含まれています。
また、Needle Engineのviteプラグインも追加します。

デフォルトのViteプロジェクト構造

私たちのメインプロジェクトテンプレートは、超高速のviteバンドラーを使用しています。以下に、私たちが作成・配布しているViteテンプレートの構造を示します(ただし、独自のニーズに合わせて適応させることも可能です)。

フォルダー
assets/このアセットフォルダーには、Unityからエクスポートされたアセットが含まれます。例:生成されたgltfファイル、オーディオ、ビデオファイル。プロジェクトの配布用ビルド時にassetsはクリアされるため、手動でファイルを追加することは推奨されません。
include/(オプション) - 参照/ロードする必要があるカスタムアセットがある場合は、includeディレクトリに追加してください。ビルド時、このディレクトリは出力フォルダーにコピーされます。
src/generated/生成されたjavascriptコード。手動で編集しないでください!
src/scripts/プロジェクト固有のスクリプト / コンポーネント
src/styles/スタイルシート
*ここに好きなように新しいフォルダーを追加できます。ビルド時には、必ずそれらを出力ディレクトリにコピーしてください。
ファイル
index.htmlウェブサイトのランディングページまたはホームページ
vite.configviteの設定です。配布用ビルドや開発サーバーのホストに関する設定がここで行われます。通常、これらの設定を編集する必要はありません。
src/main.tsindex.htmlからインクルードされ、needle-engineをインポートします
*ここに好きなように新しいファイルを追加できます。ビルド時には、必ずそれらを出力ディレクトリにコピーしてください(開発中のみ使用される場合を除く)。

私たちのエクスポーターは他のプロジェクト構造でも使用できます。viteはその速度から、私たちの主要なフロントエンドバンドルツールです。ご自由にJavaScriptプロジェクトをセットアップしてください。

ドキュメントで他のフレームワークとのバンドルと使用についてもっと学ぶ


引き続き読む

  • Unity開発者のためのTypescriptガイド
  • Typescriptの基礎
  • カスタムスクリプトの記述
  • エブリウェア・アクション

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

Suggest changes
最終更新:: 2025/04/22 17:38
Next
Everywhere Actions