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
  • Needle Engine para Unity
  • Instala el paquete de Unity
  • Tutorial en video rápido
  • Empieza desde una muestra
  • Empieza desde una plantilla
  • Empieza desde cero
  • Carpetas y archivos del proyecto
  • Typescript en Unity
  • Próximos pasos
Edit on GitHub
  1. documentation
  2. lang
  3. es
  4. unity

Needle Engine para Unity

PreviousEditor SyncNextfr

Last updated 26 days ago

+

Needle Engine para Unity

Needle Engine para Unity te permite crear aplicaciones web altamente interactivas, flexibles y ligeras directamente dentro de Unity. Utiliza las potentes herramientas del editor de Unity para configurar visualmente tus escenas 3D, animar y diseñar. Needle Engine para Unity se encarga de exportar tu escena a glTF y se integra fácilmente con cualquier framework de frontend web.

Instala el paquete de Unity

Descargar Needle Engine para Unity

  1. Arrastra el archivo .unitypackage descargado a un proyecto de Unity y confirma que deseas importarlo.

  2. Espera un momento a que finalice la instalación e importación. Puede abrirse una ventana indicando que "A new scoped registry is now available in the Package Manager.". Este es nuestro registro de paquetes de Needle. Puedes cerrar esa ventana sin problemas.

  3. Explora las muestras. Selecciona la opción de menú Needle Engine > Explore Samples (Explorar muestras) para ver, abrir y modificar todas las disponibles.

Tutorial en video rápido

Empieza desde una muestra

Hay más de 100 muestras que cubren una amplia gama de temas, casos de uso e industrias. Para una descripción general rápida, echa un vistazo a nuestra .

Todas estas muestras están disponibles directamente en Unity:

  1. Ve a Needle Engine > Explore Samples (Explorar muestras) para buscar muestras.

  2. Haz clic en "Install Samples" (Instalar muestras) para instalar el paquete de muestras directamente en tu editor (o para instalar el paquete manualmente).

  3. Elige cualquier muestra y haz clic en Open Scene (Abrir escena).

:::tip Las muestras son de solo lectura – eso facilita su actualización. Nuestras escenas de muestra forman parte de un paquete UPM en Unity. Esto significa que no puedes editar directamente los assets y scripts en ellas – son de solo lectura. Para editar un asset del paquete de muestras, cópialo en la carpeta Assets de tu proyecto. Para editar un script del paquete de muestras, cópialo en la carpeta src de tu proyecto web. :::

Empieza desde una plantilla

Proporcionamos una serie de plantillas de escena para iniciar rápidamente nuevos proyectos. Estas te permiten pasar de una idea a un prototipo en pocos clics.

  1. Haz clic en File > New Scene (Archivo > Nueva escena).

  2. Haz clic en Play para instalar e iniciar tu nuevo proyecto web.

Empieza desde cero

Si no quieres empezar desde una plantilla de escena, puedes seguir estos pasos. En esencia, vamos a recrear la plantilla "Minimal (Needle)" que viene con el paquete.

  1. Crea una nueva escena vacía

  2. Configura tu escena para exportar Añade un GameObject vacío, nómbralo "Exporter" y añádele el componente Needle Engine (anteriormente llamado Export Info). En este componente, creas y accedes rápidamente a tu proyecto de runtime exportado. También te advierte si alguno de nuestros paquetes y módulos está desactualizado o no está instalado localmente en tu proyecto web.

    ::: tip Nombre del proyecto y nombre de la escena Por defecto, el nombre del proyecto coincide con el nombre de tu escena. Si quieres cambiarlo, puedes elegir o introducir un Directory Name (Nombre del directorio) donde quieras crear tu nuevo proyecto web. La ruta es relativa a tu proyecto de Unity. :::

  3. ![Unity ExportInfo local templates](/imgs/unity-project-local-template.jpg)

  4. Haz clic en Play para instalar e iniciar tu nuevo proyecto web

:::tip Define tus propias plantillas Si te encuentras creando muchos proyectos similares, puedes crear tus propias plantillas locales o remotas utilizando el menú contextual de la vista Proyecto en Create/Needle Engine/Project Template (Crear/Needle Engine/Plantilla de proyecto). Las plantillas pueden ser locales en disco (se copia una carpeta) o repositorios remotos (se clona un repositorio git). :::

Carpetas y archivos del proyecto

Carpeta

Unity

Assets

Aquí es donde residen los assets específicos/exclusivos del proyecto.

Packages

Paquete Unity de Needle Engine

Core/Runtime/Components


Al crear un nuevo proyecto web en Unity, puedes elegir crearlo a partir de una plantilla local (por defecto, enviamos una plantilla web basada en vite).

Proyectos Temporales

Si solo planeas añadir archivos personalizados a través de NpmDefs y no cambiar la configuración del proyecto (por ejemplo, para una prueba rápida a pantalla completa), puedes prefijar la ruta del proyecto con Library. El proyecto se generará en la Unity Project Library y no necesita ser añadido al control de versiones (la carpeta Library debe ser excluida del control de versiones). Llamamos a estos proyectos proyectos temporales. ¡Son geniales para probar ideas rápidamente!

Typescript en Unity

Los stubs de componentes C# para archivos typescript también se generarán automáticamente para scripts dentro de paquetes npmdef.

Creación e instalación de un npmdef

Para crear una NPM Definition, haz clic derecho en el navegador del proyecto de Unity y selecciona Create/NPM Definition. Puedes instalar un paquete NPM Definition en tu proyecto de runtime, por ejemplo, seleccionando tu componente Export Info y añadiéndolo a la lista de dependencies (internamente, esto simplemente añadirá el paquete npm subyacente a tu package.json).

No olvides instalar el paquete recién añadido, por ejemplo, haciendo clic en Install en el componente ExportInfo y también reinicia el servidor si ya está en funcionamiento.

Para editar el código dentro de un paquete NPM Definition, simplemente haz doble clic en el asset NPM Definition en tu navegador de proyecto y se abrirá el workspace de vscode que viene con cada npmdef.

Próximos pasos

Página traducida automáticamente por IA

Selecciona una de las plantillas con (needle) en su nombre y haz clic en Create (Crear). Recomendamos la plantilla , que es una excelente manera de empezar con la interactividad, el multijugador y la adición de assets.

20220822-140539-wqvW-Unity_oC0z-needle

Elige una plantilla de proyecto web Ahora, selecciona una plantilla de proyecto web para tu proyecto. La plantilla por defecto se basa en , un rápido bundler de aplicaciones web.

Aquí es donde residen los paquetes instalados para este proyecto. Un paquete puede contener cualquier tipo de asset. La principal diferencia es que puede añadirse a múltiples proyectos de Unity. Por lo tanto, es un excelente método para compartir código o assets. Para saber más sobre los paquetes, consulta .

Contiene todos los componentes integrados de Needle Engine. Aprende más sobre ellos en la .

También puedes hacer referencia a plantillas remotas introduciendo una URL de repositorio en la ruta del proyecto ExportInfo (esto se puede guardar con tu escena, por ejemplo). Al crear un nuevo proyecto web, el repositorio será clonado o descargado (dependiendo de si tienes git instalado) y se buscará un archivo needle.config.json. Si no se encuentra ninguno en el repositorio clonado, se usará el directorio raíz. Se pueden encontrar ejemplos de proyectos de plantilla remota en

Unity ExportInfo local templates

Las NPM Definition son fuertemente integrados en el Editor de Unity, lo que facilita compartir scripts con múltiples proyectos web o incluso de Unity.

image

Collaborative Sandbox
Vite
github.com/needle-engine
paquetes npm
Concepto: Proyectos Web
Concepto: Exportación de Assets
Concepto: Despliegue (Comparte tu sitio web)
Componentes: Aprende sobre las Everywhere Actions
Scripting para principiantes: Aspectos esenciales de Typescript
Scripting para principiantes: Cómo escribir componentes personalizados
la documentación de Unity sobre paquetes
Referencia de Componentes
escenas de muestra
página de Muestras
descarga el unitypackage de muestras