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
  • 私たちのビジョン 🔮
  • 3D Webの未来
  • なぜWeb向け3Dの別のプラットフォームなのか?既に十分な選択肢があるのではないか?
  • エディターではなく、ワークフローの作成
  • プロプライエタリなコンテナではなく、オープンスタンダード
  • 目標と非目標
  • 目標
  • 非目標
  • 他のエンジンおよびフレームワークとの関係
  • Needle EngineとUnity WebGL
  • Needle Engineとthree.js
Edit on GitHub
  1. documentation
  2. lang
  3. ja

vision

PreviousHTMLからNeedle Engineを直接使用するNextVR & AR (WebXR)

Last updated 25 days ago

私たちのビジョン 🔮

3D Webの未来

今後数年間で、Web上での3Dの利用は大幅に拡大すると私たちは信じています。今日ではネイティブアプリが一般的ですが、より多くのコンテンツがWebアプリまたはとして利用可能になっています。新しいVRおよびARデバイスは、興味深い問題を生み出します。レスポンシブとは突然「小さな画面」または「大きな画面」だけでなくなり、空間、3D、空間配置、そして潜在的にメガネやコントローラーも扱うことになります!

さらに、よりインタラクティブ性とコラボレーションへの推進が加わり、興味深い課題の組み合わせが生じます。

Needleでは、この空間でのアイデア出しと制作が容易であるべきだと信じています。私たちは、これらの目標を達成するために独自のランタイムを作成し、物事を加速させることに着手しました。そのため、ARおよびVRへのデプロイ機能をコアコンポーネントに組み込み、新しいアイデアがプラットフォーム間で機能することを継続的にテストしています。

なぜWeb向け3Dの別のプラットフォームなのか?既に十分な選択肢があるのではないか?

数多くの選択肢があるのは事実です!私たちは、現在のシステム1がおおよそ2つのカテゴリーに分類できることを発見しました。一部は優れたアセット処理、ツール、アーティストフレンドリーなワークフローを持っていますが、何らかのバイナリブロブを出力します。他はよりコードに焦点を当て、開発者フレンドリーで、最新のWebワークフローへの優れた統合を可能にします2。

私たちはこれらの世界を橋渡しし、両方の良いところを組み合わせたいと考えています。アーティストフレンドリーなワークフローと最新のWebテクノロジーです。最新のフォーマットと迅速なワークフローを組み合わせることで、より多くのクリエイターがコンテンツをWebに持ち込むことができるようになると信じています。また、最初からAR、VR、およびコラボレーションを正しく行う機会も見出しました。

1: 例としては、Unity、PlayCanvas、three.js、react-three-fiber、Babylon、A-Frame、Godotなどが挙げられます。2: これには入門的な段落に収まる以上のニュアンスがあります!すべてのエンジンとフレームワークには長所と短所があり、常に進化しています。

エディターではなく、ワークフローの作成

私たちは、次の波のWeb向け3Dアプリが、より良い_ワークフロー_をもたらすと考えています。誰もがWeb上で3Dシーン、アートギャラリー、製品プレゼンテーション、3Dスキャンを組み合わせたり、シンプルなゲームを作成したりできるべきです。この目標を達成するには、特定のシステムをサポートし、そこからWebにエクスポートするだけでは不十分です。

私たちの目標は、人々が_彼らの_クリエイティブツール(Unity、Blender、Photoshop、またはそれ以外)からWebにデータを持ってこれるようにすることです。これが大きな目標であることは認識していますが、すべてを一度に行うのではなく、一緒に反復して近づいていきたいと考えています。

プロプライエタリなコンテナではなく、オープンスタンダード

Needle Engineの中核には、フォーマットとそのカスタム拡張機能による拡張能力があります。目標は、単一の.glbファイルにアプリケーション全体のデータを含めることです。

glTF内に実際のコードを同梱することは目標ではないことに注意すべきです。コードの同梱と実行は、最新のWebランタイムとバンドリングの仕事です。ロジックの抽象的な表現(グラフ、ステートマシンなど)がある程度標準化され、相互運用可能なワールドを可能にすることは確かに想像できますが、まだその段階ではありません。

目標と非目標

目標

  • 迅速なイテレーションと高速なデプロイ。

  • 3D Webプロジェクトでの作業が、2D Webプロジェクトでの作業と同じくらい簡単であること。

  • 開発者とアーティストが直接コラボレーションできること。

  • レスポンシブWebが画面を超えて拡張されること - ARとVRが後付けではなく組み込まれていること。

  • オープンソースプロジェクトに貢献したいと考えていること。

  • 3DおよびWeb標準に関するオープンな議論。

  • オープンフォーマットでデータの持ち込み・持ち出しが可能であること。

  • 特定のフレームワークやベンダーにロックインされず、使用するWebフレームワークを選択できること。

  • 一般的なユースケースが、コーディング経験なし、または限定的なコーディング経験で機能すること。

非目標

  • すべてのエディターバージョン、機能セット、レンダーパイプラインのすべての組み合わせを100%カバーすること。

  • 完全なノーコード環境を提供すること。

  • 他のエンジンの機能セット、能力、またはランタイムパフォーマンスに匹敵すること。

他のエンジンおよびフレームワークとの関係

Needle EngineとUnity WebGL

長年Unityを扱ってきた経験から、エンジンとエディターは素晴らしいペースで進化している一方で、WebGL出力はやや遅れていることが分かりました。UnityプレイヤーのWebベースシステムへの統合はかなり難しく、周囲のウェブサイトとの「会話」には多くの回避策が必要であり、そして何よりも、UnityがすべてのコードをIL2CPPを介してWebAssemblyにパックする方法により、イテレーション時間が非常に遅いです。これらのテクノロジーは素晴らしいもので、優れたランタイムパフォーマンスと多くの柔軟性をもたらします。しかし、最新のWeb開発ワークフローに比べて非常に遅く、閉鎖的であるため、私たちは自らの手で事態を収拾することに決めました。

Needle Engineとthree.js

Needle Engineはthree.jsを基盤としています。すべてのレンダリングはthree.jsを介して行われ、glTFファイルはthree.jsの拡張インターフェースを介してロードされ、私たちのコンポーネントシステムはthree.jsのObject3Dとシーングラフを中心に展開しています。私たちは、変更や改善の一部をthree.js本体に貢献し、プルリクエストを作成し、問題を報告することに取り組んでいます。

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

PWA
Webへと拡張され
glTF
glTFと拡張機能の使用について詳しく読む