Documentación de Sumo3D

Volver a Soporte Técnico

Empezando

Sumo3D es un editor donde puede componer escenas, usar texturas de Sumopaint en los objetos 3D, y puede exportarlo para usarlo en Sumocode como parte de una pieza interactiva o un juego.

Más allá de eso, puedes exportar cualquier objeto o escena para usarlo más tarde en otros proyectos.

Interfaz
interface

  1. La barra de navegación . Proporciona un fácil acceso a las opciones de importación / exportación y para agregar cualquier objeto en la escena.
  2. Reproducir / Detener . Aquí puede reproducir o detener su escena 3D. Si tiene algún script asociado a sus objetos, cuando presione reproducir, ejecutará el script.
  3. Configuración del proyecto . Aquí puede configurar los ajustes del proyecto. Leer más
  4. Esquema . Donde ha enumerado todos los elementos que se incluyen en la escena (objetos 3D, luces y cámaras).
  5. Panel de propiedades . Si tienes un elemento de la escena seleccionado, aquí tienes toda la información necesaria para modificarlo. Algunos de los campos son editables, otros solo se pueden leer.
  6. Barra de herramientas 3D . Puede traducir, rotar o escalar cualquier elemento, en modo local o global.
  7. Editor de escenas . Aquí puede editar directamente su escena y seleccionar cualquier elemento para editarlo.
  8. Agregar . Una forma visual de agregar elementos a la escena.

Importar

Puede importar cualquier archivo glTF 2.0 que tenga en su dispositivo, o cualquier objeto / escena exportada (formato JSON). Se recomienda glTF binario (.glb) porque también ha incluido los materiales.

Exportar
Exportar objeto

Exporta cualquier objeto seleccionado en formato JSON.

Exportar escena

Exporta toda la escena en formato JSON.

Exportar glTF

Exporta toda la escena en formato glTF binario (con todos los materiales incluidos).

Deshacer/Rehacer

Puede deshacer o rehacer cualquier acción presionando estos botones (vea el video a continuación) oa través de la barra de herramientas / Editar / Deshacer o Rehacer.

Configuración del proyecto

Puedes mostrarlo / ocultarlo presionando el ícono de 'información' al lado de los botones de deshacer / rehacer. Aquí puede establecer el nombre de su proyecto, si desea guardar automáticamente automáticamente, para configurar las propiedades básicas del 'renderer' o si desea tener soporte para realidad virtual. Además de esto, puede establecer el color de fondo y la niebla de su escena. Tienes una parte de información con todos los objetos, vértices y triángulos de la escena, esto afecta directamente el rendimiento de tu escena.

Cómo utilizar el escenario gráfico

En su interior, puedes arrastrar los elementos y organizarlos con jerarquía.

Usando múltiples cámaras

Si tiene varias cámaras en su escena, puede cambiar la cámara que estará activa en el gráfico de la escena.

Agregar objetos

Agregar un grupo

Los grupos son útiles para que varios objetos 3D compartan sus propiedades de posición, rotación y escala.

Agregar un objeto 3D

Puedes agregar hasta 14 formas 3D diferentes. Si necesitas agregar otras formas diferentes, puedes importarlas desde tu dispositivo si tiene un modelo 3D guardado.

Agregar una luz
Luz ambiental

Esta es una luz que proyectará la misma cantidad de luz en todas direcciones. Puede cambiar la intensidad (1 por defecto) y el color.

Luz direccional

Esta luz emite luz desde una posición proyectando sombras (si ha marcado Cast) y diferente intensidad dependiendo de su posición.

Luz del hemisferio

Esta luz es similar a la luz ambiental (la misma luz en todas las direcciones) pero puede configurar el color superior e inferior.

Punto de luz

Esto es similar a una bombilla, tiene las mismas propiedades que la luz direccional y puede jugar con su distancia y decadencia.

Destacar

Es un cono de luz, tiene propiedades similares a la luz puntual y un parámetro de penumbra para suavizar la luz en las esquinas del cono.

Agregar una cámara
Cámara ortográfica

Con esta cámara todos los objetos aparecen a la misma escala.

Cámara de perspectiva

Los objetos que están lejos son más pequeños que los cercanos.

Propiedades del objeto

Propiedades relacionadas con ID

Cada elemento añadido a la escena tiene un UUID único, puedes renovarlo, pero no es obligatorio. El campo de nombre es importante para administrar sus elementos de los scripts.

Propiedades relacionadas con la posición / rotación / escala

Puede editar estos parámetros a valores exactos o arrastrando el puntero.

Propiedades relacionadas con la visibilidad

Más allá de lo visible, frustum elimina los objetos que se encuentran completamente fuera del frustum de visualización del proceso de renderizado. Y Sombra / Proyectar / Recibir son DEBIDOS si quieres usar sombras en tu escena.

Propiedades personalizadas
Cámara

Las propiedades más comunes para editar aquí son el FOV (campo de visión) (los valores comunes son de 35 a 90) y el cercano y lejano, si desea ajustar el área renderizable.

Geometrías

Conceptos básicos de geometría

Cada objeto 3D es una malla y esta malla tiene dos partes, una geometría y un material. Esta geometría determina la forma del objeto.

Propiedades relacionadas con el ID

Al igual que el elemento de objeto (malla), cada geometría tiene su propio UUID y nombre.

Propiedades personalizadas

Cada geometría tiene sus propias propiedades. Por ejemplo, una caja tiene ancho, alto y profundidad y cuántos segmentos están compuestos.

Materiales

Conceptos básicos de materiales

Cada objeto 3D tiene un material (por defecto es un MeshStandardMaterial). Es importante saber que varios objetos pueden compartir el mismo material (puede copiar y pegar entre ellos).

Tipos de materiales
Tipos comunes utilizados

Aunque existen más de 10 tipos de materiales, la mayoría de las veces usaremos uno de estos dos.

MeshBasicMaterial

Es el más barato (en rendimiento) porque no calcula ninguna luz. Es como un material sin iluminación y se usa comúnmente con una imagen como textura de mapa.

MeshStandardMaterial

Es el más realista pero caro (en rendimiento). Puedes jugar con múltiples mapas y con valores de rugosidad y metalidad. Es lo más parecido a un material PBR.

Guiones

Agregar una nueva secuencia de comandos

En cada elemento de la escena puede agregar varios guiones. Programando con JS y siguiendo este manual , puedes agregar interactividad a su proyecto.

Utilice scripts predefinidos

Puedes agregar tres ejemplos de código básico a sus elementos. Gírelo, traduzca y / o escale.