3D sprites

1

Tagged

Stats

3,554 visits, 4,402 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 15 Feb, 2017. Last updated 25 Feb, 2019

O Conceito

Como todos ja sabem Construct 2 nao suporta modelos 3D, entao a unica maneira de criar um jogo que se pareca 3D é gerando imagens dos objetos 3D e usando-as como sprites.

Onde comecar?

Primeiro arrume algum software de modelagem 3D (Eu estarei usando o Google SketchUp, porque ele é gratis e ele tem um armazem onde voce pode encontrar modelos prontos rapidamente, se voce for muito preguicoso para fazer voce mesmo).

Eu te recomendo usar o modelo de engenharia, se voce nao quizer colorir suas sombras depois no photoshop (elas vao ficar verdes se voce usar o modelo padrao)

Criando o sprite

Apos voce ter criado ou aberto seu modelo, escolha o angulo do seu jogo (platform,top-view, etc.). Eu criei um Torre do relogio (Watch Tower) para um jogo de Torre de defesa (Tower defense game) que estou fazendo no momento.

Para fazer isto mais 3D nos vamos adicionar algumas sombras (Nota: sombras sao um pouco difíceis de se trabalhar, por causa dos objetos que se movem com elas. ie. Se voce colocar sua mao na luz, a sombra da mao que aparece no chao vai estar maior do que a sombra que aparecere em uma mesa, por exemplo)

As propriedades da sombra no Google SketchUp estao localizadas no Menu Janela>Sombras (Window>Shadows) (Nota ! Importante: Relembre a data e hora da sombra que voce esta usando e use as mesma configuracoes para todos os seu modelos!)

Apos voce ter criado/selecionado seu modelo, adicionado sombras, voce esta pronto para exportar isso. Click Arquivo>Exportar>Grafico 2D... (Click File>Export>2D Graphic... ) e salve como .png file.

A imagem exportada devera se parecer um pouco semelhante com esta...

Editando no Photoshop

Esse e o sprite bruto (raw sprite) que estaremos usando. Agora abra o software de edicao de imagem (Eu estarei utilizando o Photoshop neste tutorial). Selecione a area em branco(ou como no meu caso a verde porque eu utilizei o modelo padrao) e presione delete. Agora a area em volta do nosso sprite esta transparente. Click Selecionar>inverso (Click Select>Inverse) e entao recorte(crop) a imagem. Agora nos so temos o sprite e suas sombras. O que nos temos de fazer e colocar a sombra transparente, porque sombras sao transparentes. Selecione a sombra com a ferramenta varinha magica (Magic wand tool ) e pressione CTRL+SHIFT+J. Uma nova camada (layer) sera criada com somente a sombra dentro. Apartir da Bloco Camada (layer tab) que deve estar a direita mude a opacidade para 35% (eu creio que isso e o certo). Salve a imagem por cima da antiga (old raw sprite) com a extensao .png.

O resultado deve se parecer com isto ....

Agora voce pode importar esse sprite no Construct 2 e criar otimos jogos!

P.S Tenha certeza de que a sombra nao esta na area de deteccao de colisao, porque objetos nao podem colidir com sombras. Isso e facilmente feito no Menu "Edicao de animacoes" no Construct 2

Se divirta!

  • 1 Comments

  • Order by
Want to leave a comment? Login or Register an account!