3D EDITOR ONLINE GRATUITO – TUTORIAL

Compartilhar

Introduction

3EDITOR ONLINE is completely free and complements the functions of viewer, editor e conversor para os formatos de arquivo 3D mais usados. Você pode usar texturas escolhendo entre suas imagens e materiais de objetos 3D, e você pode exportá-lo como uma cena inteira ou um único objeto.

Com este editor você poderá criar seus vídeos personalizados usando seu avatar ou jogos interativos reais.

Interface
  1. 3EDITOR ONLINEA barra de navegação. Ele fornece acesso fácil às opções de importação/exportação e para adicionar qualquer objeto na cena.
  2. 3EDITOR ONLINEReproduzir/Parar. Aqui você pode reproduzir ou parar sua cena 3D. Se você tiver algum script associado aos seus objetos, quando você aperta o play, ele executará o script.
  3. 3EDITOR ONLINEConfigurações do projeto. Aqui você pode definir as configurações do projeto.
  4. 3EDITOR ONLINEDelineador. Onde você listou todos os elementos incluídos na cena (3Objetos D, luzes e câmeras).
  5. 3EDITOR ONLINEPainel Propriedades. Se você tiver um elemento da cena selecionado, aqui você tem todas as informações necessárias para modificá-lo. Alguns dos campos são editáveis, outros são apenas legíveis.
  6. 3EDITOR ONLINEBarra de ferramentas 3D. Você pode traduzir, girar ou dimensionar qualquer elemento, no modo local ou global.
  7. 3EDITOR ONLINEEditor de cena. Aqui você pode editar diretamente sua cena e selecionar qualquer elemento para editá-la.
  8. 3EDITOR ONLINEAdicionar. Uma maneira visual de adicionar elementos à cena.
Importar

Você pode importar qualquer arquivo 3D que tenha em seu dispositivo, ou qualquer objeto/cena exportado (Formato JSON). GlTF binário (.glb) é recomendado porque você também incluiu os materiais.

3Conversor D on-line
CONVERTER objeto

Converta qualquer objeto selecionado em qualquer arquivo 3D.

3D Exportar on-line
Exportar objeto

Exporte qualquer objeto selecionado em qualquer arquivo 3D no formato JSON.

Exportar cena

Exporte toda a cena no formato JSON.

Exportar glTF

Exporte qualquer objeto selecionado em qualquer arquivo 3D.

Desfazer refazer

You can undo or redo any action pressing these buttons (see video below) or through the toolbar / Editar / Desfazer ou refazer.

3D Configurações do projeto

Você pode mostrar/ocultar pressionando ‘info’ ícone ao lado dos botões desfazer/refazer. Aqui você pode definir o nome do seu projeto, se você quiser salvar automaticamente, para configurar as propriedades básicas do renderizador ou se você deseja ter suporte VR. Além disso, você pode definir a cor de fundo e a névoa da sua cena. Você tem uma parte de informações com todos os objetos, vértices e triângulos na cena, isso afeta diretamente o desempenho da sua cena.

Como usar o gráfico de cena

Dentro dele, você pode arrastar os elementos e organizá-los com hierarquia.

Usando múltiplas câmeras

Se você tiver várias câmeras em sua cena, você pode alterar a câmera que estará ativa no gráfico da cena.


3D Adicionando Objetos

Adicionar um grupo

Os grupos são úteis para vários objetos 3D compartilharem sua posição, propriedades de rotação e escala.

Adicionar um objeto 3D

Você pode adicionar até 14 diferentes formas 3D. Se você precisar adicionar outras formas diferentes, você pode importá-lo do seu dispositivo se tiver um modelo 3D salvo.

Adicione uma luz
Luz ambiente

Esta é uma luz que projetará a mesma quantidade de luz em todas as direções. Você pode alterar a intensidade (1 por padrão) e cor.

Luz direcional

Esta luz emite luz a partir de uma posição que projeta sombras (se você tiver o Cast marcado) e intensidade diferente dependendo de sua posição.

Luz do hemisfério

Esta luz é semelhante à luz ambiente (mesma luz em todas as direções) mas você pode configurar a cor superior e inferior.

Luz pontual

Isto é semelhante a uma lâmpada, você tem as mesmas propriedades da luz direcional e pode brincar com sua distância e decaimento.

Holofote

É um cone de luz, você tem propriedades semelhantes às da luz pontual e um parâmetro de penumbra para suavizar a luz nos cantos do cone.

Adicionar uma câmera
Câmera ortográfica

Com esta câmera todos os objetos aparecem na mesma escala.

Câmera de perspectiva

Os objetos que estão distantes são menores que os próximos.


3Propriedades do objeto D

Propriedades relacionadas ao ID

Cada elemento adicionado à cena possui um UUID único, você pode renová-lo, mas não é obrigatório. O campo Nome é importante para gerenciar seus elementos dos scripts.

Posição / Rotação / Propriedades relacionadas à escala

Você pode editar esses parâmetros para valores exatos ou arrastar o ponteiro.

Propriedades relacionadas à visibilidade

Além do visível, seleção de tronco removendo objetos que estão completamente fora do tronco de visualização do processo de renderização. E sombra / Elenco / Receber é OBRIGATÓRIO se você quiser usar sombras em sua cena.

Propriedades personalizadas
Câmera

As propriedades mais comuns para editar aqui são o FOV (Campo de visão) (os valores comuns são de 35 para 90) e o próximo e o distante, se você quiser ajustar a área renderizável.


Geometrias

Noções básicas de geometria

Cada objeto 3D é uma malha e esta malha tem duas partes, uma geometria e um material. Esta geometria determina a forma do objeto.

Propriedades relacionadas ao ID

Semelhante ao objeto (Malha) elemento, cada geometria tem seu próprio UUID e nome.

Propriedades personalizadas

Cada geometria tem suas próprias propriedades. Por exemplo, uma caixa tem largura, altura e profundidade e quantos segmentos são compostos.


3Materiais D

Noções básicas de materiais

Todo objeto 3D possui um material (por padrão é um MeshStandardMaterial). É importante saber que vários objetos podem compartilhar o mesmo material (você pode copiar e colar entre eles).

Tipos de materiais
Tipos comuns usados

Embora existam mais de 10 tipos de materiais, na maioria das vezes usaremos um desses dois.

MalhaBasicMaterial

É o mais barato (em desempenho) porque não calcula nenhuma luz. É como um material apagado, e é comumente usado com uma imagem como textura de mapa.

MalhaPadrãoMaterial

É o mais realista, mas caro (em desempenho). Você pode brincar com vários mapas e com valores de rugosidade e metalidade. É a coisa mais próxima de um material PBR.


3Scripts D

Adicione um novo script

Em cada elemento da cena você pode adicionar vários scripts. Programando com JS e seguindoeste manual você pode adicionar interatividade ao seu projeto.

Use scripts predefinidos

Você pode adicionar três exemplos de código básico aos seus elementos. Girar, traduzir e/ou dimensionar.

VOCÊ PRECISA DO SEU PROJETO OU VÍDEO PERSONALIZADO?

Entre em contato conosco


    Compartilhar