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
  • Notre Vision 🔮
  • L'avenir du Web 3D
  • Pourquoi une autre plateforme pour la 3D sur le web ? N'y a-t-il pas déjà assez d'options ?
  • Créer un Workflow, pas un Éditeur
  • Standards Ouverts au lieu de Conteneurs Propriétaires
  • Objectifs et Non-Objectifs
  • Objectifs
  • Non-Objectifs
  • Relation avec d'autres moteurs et frameworks
  • Needle Engine et Unity WebGL
  • Needle Engine et three.js
Edit on GitHub
  1. documentation
  2. lang
  3. fr

vision

PreviousUtiliser Needle Engine directement depuis HTMLNextVR & AR (WebXR)

Last updated 26 days ago

Notre Vision 🔮

L'avenir du Web 3D

Nous pensons que l'utilisation de la 3D sur le web va considérablement se développer dans les prochaines années. Alors qu'aujourd'hui les applications natives sont la norme, de plus en plus de contenu est rendu disponible sous forme d'application web ou de . De nouveaux appareils VR et AR vont , créant un problème intéressant : la réactivité ne signifie plus seulement "petit écran" ou "grand écran", vous avez aussi affaire à des espaces, de la 3D, du placement spatial et potentiellement des lunettes et des contrôleurs !

Ajoutez à cela une poussée vers plus d'interactivité et de collaboration, et vous obtenez un mélange intéressant de défis.

Chez Needle, nous pensons que l'idéation et la création dans cet espace devraient être faciles. Nous nous sommes donné pour objectif d'accélérer les choses – en créant notre propre runtime pour atteindre ces objectifs. C'est pourquoi nous intégrons la possibilité de déployer en AR et VR directement dans nos composants de base, et testons continuellement que les nouvelles idées fonctionnent sur toutes les plateformes.

Pourquoi une autre plateforme pour la 3D sur le web ? N'y a-t-il pas déjà assez d'options ?

Il existe de nombreuses options, c'est vrai ! Nous avons constaté que les systèmes actuels1 peuvent être grossièrement classés en deux catégories : certains ont une excellente gestion des assets, des outils et des workflows conviviaux pour les artistes, mais produisent une sorte de "binary blob", et d'autres sont plus axés sur le code, conviviaux pour les développeurs et permettent une excellente intégration dans les workflows web modernes2.

Nous voulons faire le pont entre ces mondes et combiner le meilleur des deux : des workflows conviviaux pour les artistes et des technologies web modernes. Combiné avec des formats modernes et un workflow rapide, nous pensons que cela permettra à beaucoup plus de créateurs d'apporter leur contenu sur le web. Nous avons également vu une opportunité de bien gérer l'AR, la VR et la collaboration dès le départ.

1: Exemples incluent Unity, PlayCanvas, three.js, react-three-fiber, Babylon, A-Frame, Godot, et bien d'autres.2: Il y a plus de nuances à cela que ce qui peut être abordé dans un paragraphe d'introduction ! Tous les moteurs et frameworks ont leurs forces et leurs faiblesses, et évoluent constamment.

Créer un Workflow, pas un Éditeur

Nous pensons que la prochaine vague d'applications 3D sur le web viendra avec de meilleurs workflows : tout le monde devrait être capable de créer une scène 3D, une galerie d'art, de présenter un produit ou un scan 3D sur le web ou de réaliser des jeux simples. Atteindre cet objectif nécessitera plus que le simple support d'un système particulier et l'exportation vers le web à partir de celui-ci.

Notre objectif est de permettre aux gens d'apporter des données sur le web à partir de leurs outils de création : que ce soit Unity, Blender, Photoshop, ou autre chose. Nous sommes conscients que c'est un grand objectif – mais au lieu de tout faire en même temps, nous voulons itérer et nous en rapprocher ensemble.

Standards Ouverts au lieu de Conteneurs Propriétaires

Au cœur de Needle Engine se trouve le format et sa capacité à être étendu avec des extensions personnalisées. L'objectif est le suivant : un seul fichier .glb peut contenir toutes les données de votre application.

Il est important de noter que l'objectif n'est pas d'embarquer du code réel à l'intérieur de glTF ; l'embarquement et l'exécution du code sont le travail des runtimes web modernes et du bundling. Nous pouvons certainement imaginer que des représentations abstraites de logique (par exemple, des graphes, des machines à états, etc.) puissent être standardisées à un certain degré et permettre des mondes interopérables, mais nous n'en sommes pas encore là.

Objectifs et Non-Objectifs

Objectifs

  • L'itération doit être rapide et le déploiement doit être rapide.

  • Travailler sur des projets web 3D doit être aussi simple que travailler sur des projets web 2D.

  • Les développeurs et les artistes doivent pouvoir collaborer directement.

  • Le web réactif s'étend au-delà des écrans – l'AR et la VR doivent être intégrées, pas des ajouts ultérieurs.

  • Nous voulons contribuer aux projets open source.

  • Discussion ouverte concernant les standards 3D et web.

  • Capacité à apporter et à récupérer vos données dans des formats ouverts.

  • Capacité à choisir le framework web que vous utilisez, et non à être lié à des frameworks et des fournisseurs particuliers.

  • Les cas d'utilisation courants fonctionnent sans ou avec une expérience de codage limitée.

Non-Objectifs

  • L'objectif n'est pas d'avoir une couverture à 100 % de toutes les combinaisons de versions d'Editor, d'ensembles de fonctionnalités, de pipelines de rendu.

  • L'objectif n'est pas de fournir un environnement entièrement sans code.

  • L'objectif n'est pas d'égaler l'ensemble des fonctionnalités, les capacités ou les performances d'exécution d'autres moteurs.

Relation avec d'autres moteurs et frameworks

Needle Engine et Unity WebGL

En travaillant avec Unity pendant de nombreuses années, nous avons constaté que si le moteur et l'éditeur progressent à un rythme soutenu, la sortie WebGL a quelque peu pris du retard. L'intégration des players Unity dans les systèmes web est plutôt difficile, "parler" au site web environnant nécessite un certain nombre de contournements, et surtout, les temps d'itération sont très lents en raison de la manière dont Unity compile tout le code en WebAssembly via IL2CPP. Ces technologies sont géniales et permettent d'obtenir d'excellentes performances d'exécution et une grande flexibilité. Mais elles sont tellement plus lentes et isolées par rapport aux workflows de développement web modernes que nous avons décidé de prendre les choses en main.

Needle Engine et three.js

Needle Engine s'appuie sur three.js. Tout le rendu passe par lui, les fichiers glTF sont chargés via les interfaces d'extension de three, et notre système de composants s'articule autour de Object3D et du graphe de scène de three. Nous nous engageons à intégrer certaines de nos modifications et améliorations en amont, en créant des "pull requests" et en signalant des problèmes en cours de route.

Page automatiquement traduite utilisant l'IA

PWA
s'étendre au web
glTF
En savoir plus sur notre utilisation de glTF et des extensions