3D EDITOR ONLINE GRATUITO – TUTORIAL – 3Editor D Online Grátis

Introdução

3EDITOR ONLINE é totalmente gratuito e complementa as funções do visualizador, 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

3EDITOR ONLINE – A barra de navegação. Ele fornece acesso fácil às opções de importação/exportação e para adicionar qualquer objeto na cena.
3EDITOR ONLINE – Reproduzir/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.
3EDITOR ONLINE – Configurações do projeto. Aqui você pode definir as configurações do projeto.
3EDITOR ONLINE – Delineador. Onde você listou todos os elementos incluídos na cena (3Objetos D, luzes e câmeras).
3EDITOR ONLINE – Painel 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.
3EDITOR ONLINE – Barra de ferramentas 3D. Você pode traduzir, girar ou dimensionar qualquer elemento, no modo local ou global.
3EDITOR ONLINE – Editor de cena. Aqui você pode editar diretamente sua cena e selecionar qualquer elemento para editá-la.
3EDITOR ONLINE – Adicionar. 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

Você pode desfazer ou refazer qualquer ação pressionando estes botões (veja o vídeo abaixo) ou através da barra de ferramentas / 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.