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
Edit on GitHub

Last updated 26 days ago

Unsere Vision 🔮

Die Zukunft des 3D-Webs

Wir glauben, dass die Nutzung von 3D im Web in den nächsten Jahren erheblich zunehmen wird. Während heute native Apps die Norm sind, werden immer mehr Inhalte als Web-App oder verfügbar gemacht. Neue VR- und AR-Geräte werden sich und ein interessantes Problem schaffen: Responsive bedeutet plötzlich nicht mehr nur "kleiner Bildschirm" oder "großer Bildschirm", sondern man hat es auch mit Räumen, 3D, räumlicher Platzierung und potenziell Brillen und Controllern zu tun!

Hinzu kommt ein Drang zu mehr Interaktivität und Kollaboration, und schon hat man eine interessante Mischung von Herausforderungen.

Bei Needle glauben wir, dass das Ideieren und Erstellen in diesem Bereich einfach sein sollte. Wir haben uns zum Ziel gesetzt, die Dinge zu beschleunigen – indem wir unsere eigene Runtime entwickeln, um diese Ziele zu erreichen. Deshalb integrieren wir die Möglichkeit zur Bereitstellung auf AR und VR direkt in unsere Kernkomponenten und testen kontinuierlich, ob neue Ideen plattformübergreifend funktionieren.

Warum eine weitere Plattform für 3D im Web? Gibt es nicht schon genug Optionen?

Es gibt zahlreiche Optionen, das stimmt! Wir haben festgestellt, dass aktuelle Systeme1 grob in zwei Kategorien eingeordnet werden können: einige haben großartige Asset-Behandlung, Tools und künstlerfreundliche Workflows, geben aber eine Art binären Blob aus, und andere sind stärker codebasiert, entwicklerfreundlich und ermöglichen eine hervorragende Integration in moderne Web-Workflows2.

Wir wollen diese Welten verbinden und das Beste aus beiden Welten kombinieren: künstlerfreundliche Workflows und moderne Web-Technologien. In Kombination mit modernen Formaten und einem zügigen Workflow glauben wir, dass dies viel mehr Kreativen ermöglichen wird, ihre Inhalte ins Web zu bringen. Wir sahen auch eine Gelegenheit, AR, VR und Kollaboration von Anfang an richtig zu gestalten.

1: Beispiele sind Unity, PlayCanvas, three.js, react-three-fiber, Babylon, A-Frame, Godot und viele mehr.2: Es gibt mehr Nuancen dazu, als in einen Einleitungsparagraphen passen! Alle Engines und Frameworks haben ihre Stärken und Schwächen und entwickeln sich ständig weiter.

Einen Workflow schaffen, keinen Editor

Wir glauben, dass die nächste Welle von 3D-Apps im Web mit besseren Workflows kommen wird: Jeder sollte in der Lage sein, eine 3D-Szene, eine Kunstgalerie, ein Produkt oder einen 3D-Scan im Web zusammenzustellen oder einfache Spiele zu erstellen. Das Erreichen dieses Ziels erfordert mehr als nur die Unterstützung eines bestimmten Systems und den Export ins Web von dort aus.

Unser Ziel ist es, Menschen zu ermöglichen, Daten aus ihren kreativen Tools ins Web zu bringen: sei es Unity, Blender, Photoshop oder etwas anderes. Wir sind uns bewusst, dass dies ein großes Ziel ist – aber anstatt alles auf einmal zu tun, wollen wir iterieren und uns gemeinsam Schritt für Schritt nähern.

Offene Standards statt proprietärer Container

Im Kern von Needle Engine stehen das -Format und seine Fähigkeit, mit benutzerdefinierten Extensions erweitert zu werden. Das Ziel ist: Eine einzelne .glb-Datei kann die Daten Ihrer gesamten Anwendung enthalten.

Es ist wichtig zu beachten, dass es kein Ziel ist, eigentlichen Code innerhalb von glTF zu versenden; das Versenden und Ausführen von Code ist die Aufgabe moderner Web-Runtimes und Bundling. Wir können uns durchaus vorstellen, dass abstrakte Repräsentationen von Logik (z. B. Graphen, State Machines usw.) bis zu einem gewissen Grad standardisiert werden können und interoperable Welten ermöglichen, aber wir sind noch nicht so weit.

Ziele und Nicht-Ziele

Ziele

  • Iteration sollte schnell und die Bereitstellung sollte zügig sein.

  • Die Arbeit an 3D-Webprojekten sollte so einfach sein wie die Arbeit an 2D-Webprojekten.

  • Entwickler und Künstler sollten direkt zusammenarbeiten können.

  • Responsive Web geht über Bildschirme hinaus – AR und VR sollten eingebaut sein, keine nachträglichen Gedanken.

  • Wir wollen zu Open-Source-Projekten beitragen.

  • Offene Diskussion über 3D- und Web-Standards.

  • Möglichkeit, Ihre Daten in offenen Formaten mitzubringen und mitzunehmen.

  • Möglichkeit, das von Ihnen verwendete Web-Framework zu wählen, keine Bindung an bestimmte Frameworks und Anbieter.

  • Gängige Anwendungsfälle funktionieren ohne oder mit begrenzter Programmiererfahrung.

Nicht-Ziele

  • Es ist kein Ziel, eine 100%ige Abdeckung aller Kombinationen von Editor-Versionen, Feature Sets, Render Pipelines zu haben.

  • Es ist kein Ziel, eine vollständige No-Code-Umgebung bereitzustellen.

  • Es ist kein Ziel, den Feature Set, die Fähigkeiten oder die Runtime Performance anderer Engines zu erreichen.

Beziehung zu anderen Engines und Frameworks

Needle Engine und Unity WebGL

Aus langjähriger Arbeit mit Unity haben wir festgestellt, dass die WebGL-Ausgabe etwas hinterherhinkt, obwohl die Engine und der Editor in großem Tempo Fortschritte machen. Die Integration von Unity-Playern in webbasierte Systeme ist eher schwierig, das "Sprechen" mit der umgebenden Website erfordert eine Reihe von Workarounds, und vor allem sind die Iterationszeiten sehr langsam, da Unity den gesamten Code über IL2CPP in WebAssembly packt. Diese Technologien sind fantastisch und führen zu großartiger Runtime Performance und viel Flexibilität. Aber sie sind so viel langsamer und abgeschotteter im Vergleich zu modernen Web-Entwicklungs-Workflows, dass wir uns entschieden haben, die Dinge selbst in die Hand zu nehmen.

Needle Engine und three.js

Needle Engine baut auf three.js auf. Das gesamte Rendering läuft darüber, glTF-Dateien werden über die Erweiterungsschnittstellen von three geladen, und unser Component System dreht sich um three's Object3D und Scene Graph. Wir sind bestrebt, einige unserer Änderungen und Verbesserungen upstream einzubringen, Pull Requests zu erstellen und Probleme auf dem Weg zu melden.

Seite automatisch mit KI übersetzt

  1. documentation
  2. lang
  3. de

vision

PreviousNeedle Engine direkt aus HTML verwendenNextVR & AR (WebXR)
  • Unsere Vision 🔮
  • Die Zukunft des 3D-Webs
  • Warum eine weitere Plattform für 3D im Web? Gibt es nicht schon genug Optionen?
  • Einen Workflow schaffen, keinen Editor
  • Offene Standards statt proprietärer Container
  • Ziele und Nicht-Ziele
  • Ziele
  • Nicht-Ziele
  • Beziehung zu anderen Engines und Frameworks
  • Needle Engine und Unity WebGL
  • Needle Engine und three.js
PWA
auf das Web ausweiten
glTF
Mehr über unsere Verwendung von glTF und Erweiterungen erfahren