Esta série vai ajudar você, que usa ou gostaria de começar a criar estes jogos que rodam diretamente no navegador. Criaremos aqui, com o uso do Flash e da ActionScript 3.0, um mini-game bem simples que tem como objetivo fazer a pessoa que tentar jogá-lo rir.

Usaremos o famoso meme da internet, Troll Face para criar um joguinho de forma rápida, detalhada e objetiva.

Não se preocupe se você não possui muita experiência, ou não possui nenhuma, você ainda assim, conseguirá seguir estes tutoriais.

Esta série irá trabalhar com o Adobe Flash CS (ou superior) e com ActionScript 3.0 e os tutoriais estarão tanto em TEXTO quanto em VÍDEO-AULAS.

Resultado Final

CLIQUE PARA VISUALIZAR O RESULTADO FINAL

O que irei aprender?

Além de obter mais experiência, você irá aprender mais sobre alguns itens como:

• Montagem de Cena
• Criação de MovieClips e Buttons
• Movimentação de Personagem
• Como obter a posição do mouse
• Verificar colisão entre dois MovieClips
• Adicionar links para seu site
• Exibir/Esconder MovieClips do seu jogo

Já deu para ver que é bem interessante e que vale a pena conferir e obter mais habilidade.

Outras Informações

Todos os gráficos são disponibilizados para download e tudo é feito passo-a-passo, tanto por texto quanto por vídeo-aula, fique traquilo, você não ficará perdido!

O nível do tutorial é iniciante.

Seja um Usuário Premium

Esta série de tutoriais é PREMIUM e somente usuários premium podem acessar esta série. Felizmente, a Conta Premium DevTuts é bem acessível e pode ser adquirida através de inúmeros meios de pagamento e de forma 100% segura.

A Conta Premium lhe fornece acesso à todos os outros tutoriais premium do site e não a este somente. TODOS!

Você pode conferir mais informações e obter sua Conta Premium clicando na imagem acima ou aqui!

Olá caro leitor!

Neste tutorial vamos aprender a instalar o NotePad++ e adicionar  suporte á HLSL no mesmo. É um tutorial fácil e simples então vamos logo ao que interessa.

O que é o Notepad++

O notepad++ é um editor de textos que fornece suporte à diversas linguagens e pode ser utilizado para criar códigos de Web Sites, Shaders etc.

Verifique abaixo uma lista de linguagens suportadas pelo NotePad++:

• C e C++
• HTML , XML E PHP
• JavaScript e ASCII art
• CSS
• Assembler e Ruby
• Phyton e Perl
• HLSL

O NotePad++ suporta outras linguagens além destas, portanto recomendo o download.

Download e Instalação  do Notepad++

Para realizar o download basta clicar na imagem acima e você irá ser redirecionado para página do download no site oficial.

Instalando o Notepad++

Depois de ter feito o download do Notepad++, abra o instalador que será um icone parecido com este abaixo.

Agora dê um duplo clique no ícone e irá ser aberta uma janela para escolha do idioma em que o programa será instalado. A escolha de idioma é de sua preferência, em meu caso irei escolher português.

Clique em Ok e logo em seguida irá aparecer a primeira janela de instalação  com algumas recomendações, etc.

Clique no botão Próximo se deseja continuar a instalação ou em Cancelar se deseja parar a instalação.

Logo depois de ter clicado no botão ‘Próximo’ irá aparecer a janela com os Termos de Uso.

Se deseja continuar clique em Eu concordo

Logo em seguida irá pedir o local onde o programa deve ser instalado.

Caso queira mudar o diretório do local basta clicar em Procurar e adicionar o caminho desejado e, para continuar, clique em Próximo

Agora  irá aparecer uma lista de componentes , alguns irão vir selecionados.

Agora estamos quase no fim, basta clicar no botão Instalar e aguardar a conclusão da Instalação.

Adicionando Suporte á HLSL

O suporte à HLSL deve ser adicionado através de um plugin, que extende a capacidade do NotePad++.

Primeiramente devemos realizar o download do Plugin necessário.

O plugin foi feito pelo autor do site www.enchantedage.com, fica então nosso agradecimento à ele.

Depois de ter feito o download do plugin extraia o arquivo .rar em um local desejado.Logo que ter extraido irá conter os seguintes arquivos.

Agora vamos ao Notepad++ importar o plugin userDefineLang.xml, abra seu Notepad++ e  na barra superior vamos á opção View.

Logo em seguida vamos a opção View >> User-Defined Dialogue…

Irá ser aberto uma janela, basta clicar em Import e abrir o arquivo feito no download do plugin HLSL e pronto.

Depois de ter clicado no botão Import, deverá aparecer o seguinte aviso ‘Import successful’

Agora só basta fechar seu Notepad++ e abri-lo novamente.

Para usar o suporte basta ir na aba ‘Languages’ e ir em ‘HLSL’.

Conclusão

O NotePad++ é um poderoso programa de edição de textos e por suportar diversas linguagens irá facilitar muito o desenvolvimento de seus projetos. Além disto, o mesmo é gratuito, então vale o Download e o uso desta ótima ferramenta.

Abraços.

A versão 3.0 traz muitas novidades para você, querido leitor!

• Novo sistema de Comentários! – Agora temos o sistema de resposta e a pessoa pode acompanhar os comentários, recebendo as respostas por e-mail!
• Volta aos tutoriais todos os dias! - Para quem acompanha o DevTuts desde o inicio, lembra de que os tutoriais eram postados 5 vezes por semana. Pois é, este sistema voltará ao DevTuts =D
• Novo layout -Agora temos um novo visual, melhorando a leitura de nossos tutoriais!
• Sistema de Séries - Agora nosso conteúdo ficará muito mais organizado, com as Séries de Tutoriais!

Aos usuários Premium, também trazemos novidades!

• Sorteios - Realizaremos sorteios para presentear os usuários mais sortudos!
• Download dos Videos – Você poderá baixar os videos das aulas para acompanhar de seu computador, celular, iPhone ou qualquer outro dispositivo, aonde estiver!
• Suporte Premium – Tem problemas ou um projeto para desenvolver? Forneceremos todo o suporte necessário!

Temos ainda outras novidades que iremos liberar posteriormente. Estamos realizando ajustes ainda, e precisamos de sua ajuda! Use os comentários para dar sua opinião para o novo visual, sobre as novidades, dúvidas, enfim, apreciamos sua palavra!

Peço ainda que se possivel, adquira uma Conta Premium, para ter acesso à tudo o que disponibilizamos e ainda ajudar o DevTuts à se tornar uma referência em treinamentos para Desenvolvimento de Jogos!

Um abraço,

Rafael Angeline – Gerente DevTuts

Olá caro leitor!…

Neste tutorial você será introduzido à uma incrivel tecnologia chamada HLSL! Ficará sabendo para que ela serve, onde é que podemos usar, o que podemos fazer com ela e você saberá também por que você deve aprender HLSL.

Espero que goste desta incrivel tecnologia e aproveite ao máximo este aula feita especialmente para você!

Um Abraço!

O que é HLSL?

HLSL é a sigla para High Level Shader Language. Traduzindo para o português seria algo como Linguagem de Alto Nível para Shader.

Ok, vamos aprofundar mais…

Antigamente, as placas-de-vídeo permitiam a renderização 3D, mas a forma utilizada pela placa era única e estática, sendo impossível alterar a mesma. Isto é conhecido por fixed pipeline.

Todo jogo 3D era renderizado da mesma forma, no mesmo estilo. Para diferenciar o jogo, os artistas tinham que fazer o possível com texturas e com os modelos 3D já que esta era a única forma.

Com a evolução das placas-de-vídeo, finalmente conseguiram criar a revolução gráfica dos jogos! Algo chamado Programmable Pipeline (ou PP para os íntimos) foi criado e com isto surgiram uma nova classe de programadores, a lendária classe do Programador Gráfico (Graphic Programmer).

Com a criação do PP, foi criada a possibilidade de programar a forma como o seu jogo seria renderizado. Utilizando fórmulas que explicam a reflexão da luz e fórmulas que podem simular relevo em uma superficie plana, o Graphic Programmer é capaz de alterar radicalmente o visual de um jogo 3D e adicionar ainda efeitos íncriveis que dão ao jogo aquela emoção especial.

Inicialmente, a GPU só podia ser programada utilizando a linguagem Assembly, ou seja, era bem díficil e por ser uma linguagem de baixo-nível, se algum erro ocorresse… digamos apenas que seria extremamente díficil encontrar e corrigir o erro.
No meio desta horrível situação, três linguagens surgem: GLSL, Cg e HLSL. Não irei falar da relação destas três linguagens, já que isto é tema para uma outra aula. O foco aqui é a HLSL.

A HLSL foi criada pela famosa Microsoft para ser usada com a DirectX, da mesma forma que a GLSL foi criada para ser usada com a OpenGL.

O fato é que a HLSL foi feita para rodar em aplicativos que utilizem DirectX, que é a API mais utilizada para a criação de jogos do mundo. Você pode utilizar a HLSL em um aplicativo DirectX puro, ou em um aplicativo feito em algum framework baseado na DirectX, tal como o XNA Framework (também da Microsoft).

Agora, após toda esta introdução, chegamos ao prato principal… A resposta à questão “O que é HLSL?” é a seguinte:

“ HLSL é uma linguagem criada pela Microsoft, veio para ser utilizada na programação da GPU em alternativa à linguagem Assembly, muito mais complicada e sujeita à erros. O objetivo é facilitar a programação da GPU e pode ser utilizada em aplicativos feitos ou baseados na API DirectX. “

Talvez não tenha ficado muito claro, mas relaxe. Isto fará mais sentido quando você continuar com as próximas aulas.

Pergunta respondida =D

Para que serve a HLSL?

“Para que serve a HLSL?” … esta é uma pergunta que surge na mente de todos os que desejam iniciar nesta arte oculta que é a programação da GPU.

Nesta parte irei mostrar o potencial e a finalidade da HLSL, aposto que após esta parte você irá se interessar ainda mais por esta área tão intensa e poderosa!

Aposto que você já deve ter visto/jogado muitos games onde você ficou impressionado com a qualidade gráfica do jogo. Seja um jogo com estilo gráfico realista (God of War por exemplo) ou um jogo ao estilo anime (Naruto Rise of Ninja, por exemplo), os efeitos gráficos são criados utilizando-se a HLSL.

Renderização Realistica

Renderização Cartoon (Não-Realistica)

Além de permitir o uso de luzes e definir o estilo gráfico de um game, a HLSL serve para criar os chamados post-processing effects, que são os efeitos que irão tratar a renderização final adicionando algum efeito, tais como troca de cor ou o conhecido motion blur, mostrado na imagem abaixo.

Efeito Motion Blur (note o ‘esticado’ que há na tela)

Através de fórmulas e técnicas que descrevem matematicamente a iluminação podemos criar no computador desde uma cena realistica até uma cena ao estilo cartoon, ou um misto dos dois, você tem infinitas possibilidades.

A resposta para a pergunta seria a seguinte

“A HLSL é utilizada na criação de efeitos gráficos para jogos e aplicações, podendo criar desde cenas realisticas até cenas cartoon. Podemos utilizar a HLSL para criar efeitos que dão maior intensidade ao jogo, como o efeito de borrar a tela em um jogo de corrida que ocorre quando estamos em alta velocidade“

Pode-se notar facilmente que a HLSL é extremamente poderosa e, atualmente, domina junto com GLSL e Cg toda renderização em jogos 3D.

Onde a HLSL é usada?

Atualmente a HLSL é utilizada na criação de aplicativos e jogos baseados na API Microsoft DirectX. Utilizado por várias gigantes no ramo de criação de jogos, tais como a Activision, Blizzard, entre outras.

Algumas das ferramentas com as quais você pode utilizar shaders escritos em HLSL estão listadas abaixo.

(Nota) Lembrando que um arquivo HLSL é chamado de shader. Aproveitando, adianto que os arquivos escritos com HLSL devem ser salvos como .fx

• Aplicativos que utilizem a DirectX de forma pura, ou seja, com C++
• Aplicativos que sejam criados com o Microsoft XNA Framework
• Aplicativos que utilizem o motor gráfico Ogre3D ou qualquer outro que suporte tal recurso
• Você também pode utilizar seus shaders em programas de modelagem, como o Autodesk Maya

Como pode ver, há uma grande quantidade de tecnologias e empresas que utilizam esta incrivel linguagem.

Por que eu devo aprender HLSL?

Como a HLSL pode ser utilizada em várias ferramentas diferentes é interessante aprender pois você poderá escrever um único arquivo que poderá ser utilizado em diversas ferramentas.

Além disto, você será capaz de criar o estilo gráfico de seu jogo e aprender técnicas avançadas de iluminação para jogos ou aplicativos 3D.

(Dica) Digo mais… como existem poucas pessoas que dominam a HLSL você concerteza será muito interessante na hora em que estiverem analisando uma possível contratação =D

Então não espere… mergulhe de cabeça na HLSL. Nos próximos tutoriais iremos preparar nossas armas e codificar, além é claro, de entender como tudo isto funciona e também conhecer as fórmulas matemáticas que irão definir a iluminação e as técnicas de renderização do seu jogo.

Concluindo…

Espero que tenha aproveitado o tutorial e que tudo esteja mais claro na sua cabeça!

Mais alguma pergunta? É só postar seu comentário utilizando o formulário abaixo e eu responderei com todo o prazer e o mais rápido possível, podendo até atualizar este tutorial com as novas perguntas e suas respostas.

Lembrando que também aceito elogios e sugestões nos comentários.

Obrigado por acompanhar nosso trabalho, um grande abraço!

Bem-vindo à mais uma aula no DevTuts. Na aula de hoje você irá aprender como navegar pelo mundo 3D da Unity 3D, como criar alguns objetos e por ultimo, como mover/rotacionar e aumentar ou diminuir o tamanho destes objetos.

Navegando na Cena

O nosso foco de hoje será nos 4 botões da Unity responsáveis pelas funções que iremos estudar nesta aula.

Em ordem, temos o botão que permite, ao ser selecionado, nos movermos pela cena.

O botão difere sua função dependendo de que botão do mouse você utilizar.

• Se você utilizar o botão esquerdo do mouse, poderá se mover na horizontal e na vertical.
• Se você utilizar o botão direito, você poderá dar um Zoom na cena, seja se aproximando ou se afastando.

Mas apenas este botão não é o necessário, já que você não pode girar. Para isto, contamos com um atalho que permite que tais funções sejam realizadas.

Ao se pressionar Alt, você pode se mover na cena utilizando os botões do mouse também. Novamente, dependendo do botão um tipo de ação será realizada.

• Se você segurar o botão esquerdo e arrastar ( com a tecla Alt pressionada ) você poderá girar em torno da tela
• Se você segurar o botão do meio e arrastar ( com a tecla Alt pressionada ) você poderá se mover na cena, na horizontal e na vertical
• Se você segurar o botão direito e arrastar ( com a tecla Alt pressionada ) você poderá dar Zoom em alguma parte da cena ou se afastar deste ponto

Com isto, você pode facilmente se movimentar pela cena de seu jogo e editar mais facilmente.

Visualizando a cena de diferentes ângulos

Uma outra função interessante é a de poder visualizar a cena por cima, por baixo, pela frente e pelos lados.

Contamos com um alguns botões dentro do Painel Scene que serve exatamente para isto.

Ao se clicar em um dos eixos, a cena é rotacionada para poder ser visualizada de tal maneira.

Se você clicar no botão da parte de cima, poderá ver a cena por cima. O mesmo ocorre com os outros botões, se clicar no botão do eixo X  esquerdo, poderá visualizar a cena pelo lado esquerdo e assim por diante.

Para voltar à visualização em perpectiva (que é a padrão) basta clicar no Cubo que fica no centro e pronto.

Criando e Manipulando alguns Objetos

Agora você irá aprender a criar alguns objetos e manipular os mesmos utilizando os botões da Unity 3D.

Para criar objetos, geralmente utilizamos as opções do menu GameObject, através deste temos acesso à diversos tipos de objetos para serem criados. Estes menu permite criar desde um GameObject vazio até um Ragdoll.

Vamos criar um cubo por hora e aprender como manipular o mesmo. Para criar um cubo, basta ir em GameObject – Create Other -> Cube - e então um cubo irá aparecer no espaço 3D. Você também poderá selecionar o cubo através do painel Hierarchy.

Para manipular o cubo, você irá precisar utilizar os botões superiores, que permitem respectivamente – Mover – Rotacionar e Aumentar/Diminuir a escala.

Outra alternativa é você utilizar o painel Inspector, que quando o objeto ser selecionado, mostra informações do objeto.

Ao selecionar o cubo, o painel Inspector irá mostrar a rotação, posição e escala do objeto em cada um dos 3 eixos.

O interessante é que você pode alterar os valores da forma que quiser e com mais precisão. Poder alterar os dados tanto visualmente quanto via valores faz do editor da Unity algo muito interessante e poderoso.

Dica – Focando no objeto

Uma dica legal é quando você quer focar em um objeto na Unity 3D. Imagine que você tenha uma cena gigante e queira focar em um objeto em especial. O que fazer?

Simples! É só seguir uns passos:

1. Selecione o objeto no Painel Hierarchy
2. Mova o mouse para dentro do Painel Scene
3. Pressione a tecla F
4. Tãdã! Prontinho!

Fácinho, não?

Conclusão

Pois é, já chegamos ao fim de mais uma aula. Nesta aula você aprendeu a dominar melhor o editor e sua habilidade só irá aumentar daqui para frente!

De acordo com minha grade… poderemos começar a desenvolver algo mais concreto já na próxima aula!

Te espero lá! Não esqueça de deixar um comentário logo abaixo, pode perguntar, elogiar, criticar, fique a vontade!

Ah, lembre-se também de nos acompanhar pelo Twitter e assinar nosso Feed.

Valeu!



Olá caro leitor!

Nesta aula você irá entender alguns conceitos chaves, ou seja muito importântes, da Unity 3D.

Entender o que são é extremamente importânte para o caso de você querer se aprofundar nesta incrivel engine! Nesta aula você irá entender o que são:

• Assets
• Scenes
• GameObjects
• Components
• Prefabs
• Scripts

Estes 6 itens acima serão de extrema utilidade na criação de qualquer aplicativo que utilize a Unity 3D.

Caso ainda não tenha visto, vale a pena dar uma olhada no ultimo tutorial lançado – Tutorial Unity 3D – Explorando a Interface da Unity 3D

Sem mais conversas, vamos começar abordando cada item da lista acima, não se preocupe, pois você irá entender ao longo dos outros tutoriais, como utilizar na prática os itens acima.

Assets

Na Unity 3D, toda mídia que for utilizada, como por exemplo: imagens 2D (texturas), modelos 3D, sons, scripts etc. Tudo isto é chamado de Assets.

Tanto que na pasta de seu projeto Unity 3D há uma pasta chamada Assets, como mostra a imagem abaixo:

Dentro da pasta Assets temos uma estrutura de pastas identicas ao de nosso painel Project, dentro da Unity 3D, veja uma comparativo:

Na pasta Assets se localizam todas as Scenes (explicadas abaixo), Texturas/Imagens, Modelos 3D, Sons, Scripts etc. Mas deve-se lembrar de somente deletar itens através do painel Project da Unity 3D!

Scenes

Na Unity3D você trabalha com o sistema de Scenes, que representam cada Cena/Tela de seu jogo. Em outras palavras, temos um Projeto e dentro deste projeto várias Telas.

Uma Tela/Scene pode representar o Menu, o Jogo, os Créditos, as Opções etc. Este conceito facilita e muito a vida do desenvolvedor, já que podemos criar diferentes níveis/fases do jogo em Scenes separadas.

Uma Scene representa uma tela do jogo. Ela pode representar o Menu, uma fase do Jogo, a tela de Créditos e afins. Cada Scene se localiza na pasta Assets de seu projeto e seu formato é o .unity.

GameObjects

Quando você cria um objeto na cena, como por exemplo, um cubo, este cubo passa a ser chamado de GameObject. Ou seja, agora ele é um objeto do jogo e possui ao menos um component (explicado abaixo) anexado à ele, que é o Transform. Este component simplesmente diz ao jogo a Posição X – Y – Z, a rotação do objetos nos eixos e também a escala aplicada ao objeto.

Uma lista dos GameObjects da cena está contida no painel Hierarchy, conforme mostra a imagem abaixo.

GameObject é o nome dado à qualquer objeto (um cubo, um modelo, um som, uma luz) adicionado na cena. Todo GameObject possuí, no mínimo, um Component adicionado à ele, este Component é o Transform – que armazena as transformações do objeto -.

Uma lista dos GameObjects da cena está localizada no painel Hierarchy.

Um GameObject pode ser filho de outro GameObject, ou seja, um GameObject pode abrigar mais de 1 GameObject.

Components

Na Unity 3D você irá fazer uso intenso de Components. Um Component pode ser anexado à GameObjects de sua Cena.

Um Component pode definir comportamentos, aparencia e outros fatores de um GameObject. Ao anexar um Component, o GameObject alvo passa a agir conforme manda o Component.

A Unity 3D nos traz vários Components prontos, como o Rigid Body - que aplica física no GameObject alvo – temos também o Mesh Renderer – que renderiza/desenha o objeto no jogo.

Quando você estiver criando seus próprios Components, irá ter que criar Scripts e anexá-los à qualquer GameObject que quiser. Um exemplo seria você querer um Script para definir o comportamento de um inimigo.

Você cria o Script e anexa ele ao GameObject, quando o jogo executa, o GameObject (o inimigo no caso), passa a agir conforme dita o Script criado por você!

Ao selecionar um objeto no painel Hierarchy, você visualiza no painel Inspector, os Components adicionados ao objeto selecionado, como mostra a imagem abaixo.

Nesta imagem, cada área Circulada em Laranja é um Component anexado, temos o Component padrão : Transform – que armazena as transformações do GameObject – temos também o Poly Surface e também o Mesh Renderer - que renderiza/desenha  nosso GameObject na tela.

Esta lista é expansivel, ou seja, você pode adicionar quantos Components/Scripts quiser!

Prefabs

Este recurso é extremamente util no desenvolvimento. Ao criar um Prefab, você poderá criar um template de um GameObject dentro dele e criar quantos quiser dentro de seu jogo.

É como se utilizar classes, aqui você pode definir o modelo, a textura, os scripts etc. e todos os GameObjects que virem deste Prefab terão estas caracteristicas. A melhor parte é: ao editar o Prefab, todos os objetos que foram criados a partir deste Prefab também são alterados!

Imagine: Você tem 100 inimigos idênticos na mesma cena, ou seja, 100 GameObjects. Imagine que você não esteja usando Prefabs, então você decide que quer trocar a textura do inimigo… Significa que você terá que alterar 100 objetos, ou seja, extremamente cansativo!

Com um Prefab, você só modifica a textura no Prefab base e todos os GameObjects (os 100 inimigos) serão alterados também! Extremamente útil e rápido!

Ao utilizar um Prefab, você cria um ‘template’ de objetos, o que significa que você poderá criar quantas cópias quiser e ao alterar o Prefab, todas as cópias também serão alteradas! É um recurso muito útil.

Podemos dizer que criar um Prefab na Unity 3D é como criar uma Classe no C++, por exemplo.

Scripts

Scripts permitem que você defina o comportamento de um GameObject. Ao utilizar Scripts, você tem uma imensa variedade de funções que pode realizar.

Você pode definir o que ocorre com o Player ao tocar no inimigo, ou ainda fazer o mesmo andar quando a tecla A for pressionada, por exemplo.

Os scripts podem ser anexados à GameObjects, que passam à agir conforme você definiu no Script.

Os Scripts permitem que você defina o comportamento dos objetos de seu jogo, você pode realizar tarefas como ‘disparar um tiro’, pular, movimentar-se etc. etc.

Você pode criar seus Scripts utilizando C#, JavaScript ou Boo. Sendo os dois primeiros os mais utilizados.

Conclusão

Agora que você sabe o que são os itens abordados, você está pronto para iniciar na Unity 3D de verdade! Nas próximas aulas você terá conteúdo prático ou seja, HORA DE COLOCAR A MÃO NA MASSA!

E com isto terminamos nossa aula…

Espero que tenha apreciado e fico no aguardo de seu comentário! Aproveite e nos Siga no Twitter para receber novidades, promoções e noticias!

Rafael.

Olá caro leitor!

Com prazer apresento este tutorial onde irei realizar uma abordagem completa sobre a Interface da Unity 3D que custuma confundir e até mesmo assustar iniciantes. Com este tutorial você irá se sentir mais seguro para usar a Unity 3D quando for desenvolver seu jogo.

Se você não sabe o que é Unity 3D confira este Tutorial – Introdução à engine Unity 3D – O que é? O que posso fazer? Vantagens e Muito mais. – para ter uma introdução completa à Unity 3D, ótimo para iniciantes e para sanar dúvidas em relação à engine.

Aproveite e não se esqueça de nos dizer sua opinião comentando este tutorial, só desta forma poderemos melhorar!

Explorando a Interface da Unity 3D

Entender como a interface da Unity 3D funciona é extremamente importânte e irá permitir que você se sinta mais a vontade quando estiver usando a Unity e também é algo essencial para que você possa seguir outros tutoriais mais avançados.

Irei dividindo a aula em tópicos. Cada tópico trata de uma parte da interface da Unity 3D. Vamos começar.

Organização da Interface

A interface da Unity 3D é bem organizada e possui o essencial para realizar a maioria das tarefas necessárias durante a produção do jogo.

Na Unity 3D, teremos sempre o menu localizado no topo do aplicativo, que é onde se localizam os Menus – File, Edit, Assets, Create etc. Este menu é muito importante e permite a realização de diversas funções dentro da Unity3D.

Menu Superior da Unity 3D

Abaixo deste menu temos alguns botões que também são de extrema importância. Os botões servem para mover objetos, mover a câmera, rotacionar e escalar objetos, alterar o Layout da Unity 3D entre outras funções. Na imagem abaixo você pode ver de quais ferramentas estou falando:

Agora temos, no layout padrão, 4 áreas cruciais para o desenvolvedor. A área maior é a representação visual de nosso jogo. Nesta área podemos manipular objetos, adicionar scripts a estes objetos e uma porção de outras utilidades. Nesta mesma área podemos testar nosso jogo, sem precisar compilar o jogo todo. Basta apertar um simples botão para Rodar o jogo ou voltar ao Editor.

Temos ainda mais três janelas: Hierarchy, Project e Inspector. Na imagem abaixo você consegue visualizar as quatro áreas principais:

Dentro da janela Hierarchy ( Area 1 ), temos toda a hierarquia de todos os objetos que estão sendo utilizados. Deste scripts até modelos 3D, mostrando em forma hierárquica o que cada Objeto contém. Por exemplo, uma Câmera FPS na Unity, contém um objeto Graphics para renderizar e representar o Player com um cilindro e também um objeto Main Camera, que é a Câmera em si, base para a renderização do jogo. Através desta janela, podemos ter acesso rápido à qualquer elemento do jogo!

Já na janela Project ( Area 3 ), temos acesso à todos os arquivos que fazem parte do projeto. Como os modelos, Sons, texturas, Prefabs, Scripts etc. Você pode importar também modelos, texturas e scripts padrões da Unity 3D, caso queira reutilizar no seu projeto. Lembrando que se você deletar algo na janela Project este arquivo irá sumir da pasta e não pode ser recuperado à não ser que você tenha este mesmo arquivo em outra pasta, então cuidado!

A janela Project ( Area3 ) é extremamente útil para se ter controle e acesso sobre os arquivos de mídia de seu jogo, também podemos criar pastas e diversos outros tipos de arquivos nesta página, como também importar arquivos de mídia para a mesma, como por exemplo: modelos 3D, texturas 2D e sons.

Temos por ultimo, a janela Inspector ( Area 4 ). A janela Inspector irá mostrar as propriedades de qualquer objeto selecionado, seja um modelo, uma Câmera, um Prefab etc. Totalmente essencial para se manipular as propriedades de qualquer objeto do jogo, como posição, rotação e escala por exemplo.

Com isto temos a divisão básica da Unity 3D já explicada. Agora temos que dar uma olhada mais detalhada em cada uma destas àreas citadas acima. Começando pela primeira área a ser citada.

O Menu superior

Como citado logo acima, esta área é bem importânte e permite a realização de diversas funções. O menu é dividido em áreas, vamos dar uma olhada em cada uma destas:

O menu File… este é o primeiro e neste menu temos algumas opções disponiveis:

Temos aqui algumas opções no Menu

• New Scene – que irá criar uma nova cena em seu projeto. Uma cena pode ser um Menu ou uma tela do seu jogo, ai você decide.

• Open Scene – esta irá abrir uma cena já salva em seu projeto.

• Save Scene e Save Scene As – Estas opções irão salvar sua Cena com o nome que der para elas, no formato .unity

• New Project , Open Project e Save Project – a primeira irá criar um novo projeto, a segunda irá abrir um projeto e a ultima irá salvar seu projeto. Um projeto pode conter várias Cenas.

• Build Settings e Build & Run – a primeira irá definir em que plataforma seu jogo irá rodar e quais cenas serão compiladas. A segunda irá criar o arquivo final e irá rodar seu jogo.

• Exit - A ultima opção simplesmente fecha a Unity 3D

O Menu Edit… este menu permite a configuração de vários parâmetros da Unity 3D, além de permitir Copiar, Recortar e Colar objetos dentro da Unity 3D. Permite configurar os controles, Prefêrencias e ainda emular capacidades gráficas para que seja possivel ver como é rodar seu jogo em um computador com menos potência que o seu.

O Menu Assets… o menu Assets permite criar ou adicionar midias ao seu jogo, como imagens, sons etc. Podemos também importar packages, que seria uma coleção de modelos, scripts, shaders, materiais etc. Depende muito do projeto e do que o mesmo utilizará. Você pode ainda sincronizar com um projeto do Microsoft Visual Studio, caso esteja usando a linguagem C# para criar seus códigos na engine.

O Menu GameObject – Podemos criar GameObjects dentro da Unity e manipular os mesmos. A parte que é mais usada é a Create Other – esta parte permite você criar um cubo, por exemplo, ou até mesmo uma Luz dentro da Cena.

O Menu Component… dentro deste menu, temos alguns componentes já definidos, que podem ser colocados dentro de Objetos da sua cena. Um dos Componentes, por exemplo, permite que você faça seu objeto sofrer ação da física, ou seja, você transforma o seu objeto em um Rigid Body. Ao aplicar o componente sobre o objeto ele automaticamente passa a ser considerado na simulação fisica. Isto permite que você reutilize um código e possa utilizar em todo objeto que quiser e não utilizar nos objetos que não queira!

O Menu Terrain… que permite que você crie um terreno dentro de seu jogo. Você pode também esculpir o terreno, deixando o mesmo da maneira que quer ou importar um heightmap, que após ser lido, fará com que o terreno siga as elevações contidas no heightmap. Você pode ainda criar um lightmap para aumentar a performance, já que desta forma, as sombras no terreno não precisarão ser recalculadas a todo instânte.

O Menu Window – este menu permite que alteremos o layout da Unity 3D, mudando assim a organização das áreas. Permite também exibir telas, como a Inspector, Project, Scene, Game etc.

O Menu Help – Nele temos alguns links para a documentação etc. Temos ainda a opção – Enter Serial Number… – caso você atualize para a licença Pro, você deve seguir as instruções contidas nesta opção.

Com isto os menus acabaram, podemos então partir para a próxima parte!

Os botões localizados abaixo do Menu Superior

Temos aqui vários botões divididos em grupos.

O primeiro grupo consiste em 4 botões e são utilizados para realizar transformações e movimentar a câmera para navegar no mundo 3D.

O primeiro botão serve para que você possar mover a câmera, girar e diminuir ou aumentar o zoom da câmera, em outras palavras, serve para você poder navegar no mundo 3D enquanto edita o seu jogo.

Temos então 3 botões logo ao lado. Para utilizar estes botões você deve selecionar algum objeto da cena, seja sua câmera, uma caixa ou qualquer outra coisa.

Após selecionar o objeto você deve clicar em um destes botões para realizar a transformação que desejar.

• O primeiro botão serve para mover o objeto nos eixos X, Y e Z.

• O segundo botão serve para rotacionar o objeto sobre os eixos X, Y e Z.

• O terceiro botão serve para aumentar ou diminuir o tamanho de um objeto, ou seja, sua escala. Lembrando que alguns objetos, como uma câmera, não podem ser escalados por não se tratarem de objetos que serão visiveis. Já no caso de modelos 3D etc. A escala pode ser utilizada livremente.

Logo ao lado temos dois botões que definem o comportamento das ferramentas explicadas agora a pouco.

O primeiro define se as transformações deverão ocorrer baseando-se no Centro do Objeto ou em seu Pivô, que é um ponto que você mesmo pode definir, podendo fazer com que um objeto seja rotacionado a partir de qualquer ponto ao invés de seu centro. Basta clicar e o botão muda, clicar novamente faz com que ele mude novamente.

Já o segundo botão define se as transformações devem ocorrer de forma global ou levando em consideração apenas o objeto selecionado. Estes dois botões não possuem um peso muito grande no desenvolvimento de um jogo, então não se preocupe caso não entenda direito suas funcionalidades.

Ai temos um conjunto de três botões que servem para controlar o jogo.

• O primeiro botão, como pode notar, é o Play. Ao clicar neste botão, o editor passa a executar o jogo e ao clicar novamente, ele volta ao modo editor.

• O botão ao lado, pausa a execução do jogo até que seja pressionado novamente para que o jogo volte à execução.

• O ultimo botão irá passar para o próximo frame e voltar com o Pause. Este é bem util quando se quer analisar o comportamento do jogo, pois pode-se ver o jogo frame à frame.

Temos então no lado direito, dois menus chamados “Layer” e “Layout”.

O menu “Layout” é bem interessante, pois você pode com ele mudar a disposição das áreas na  Unity 3D. Por padrão, a opção Tall é a utilizada, mas você pode escolher outras.

Com isto terminamos de abordar estes grupos de botões e podemos partir para a explicação sobre os Painéis.

Os Painéis

O primeiro painel à ser tratado é o painel principal, que concentra o editor visual e é também neste painel que seu jogo irá rodar enquanto estiver testando o mesmo. Este é o Painel número 1 da imagem mostrada no inicio do tutorial.

Podemos notar que temos duas abas no topo deste painel, a primeira aba se chama “Scene” e a segunda se chama “Game”. Começaremos pela aba “Scene”.

- Scene

A aba “Scene” engloba o editor, ou seja, dentro desta aba você pode mover os objetos do jogo, organizar o cenário, posicionar luzes entre muitas outras tarefas.

Temos abaixo da aba, algumas opções que podemos habilitar e desabilitar conforme nossas necessidades. O primeiro item permite que possamos escolher a forma que os objetos serão renderizados no editor. Temos 3 Opções, irei criar uma esfera para exemplificar as opções. (basta clicar sobre o botão escrito “Textured” e o menu se abre).

• Textured : esta é a opção padrão e faz com que tudo seja renderizado de forma que sejam mostradas as texturas ou a cor dos objetos.

• Wireframe : esta opção faz com que apenas as linhas que criam o modelo 3D, chamadas de vértices, apareçam. Nesta opção, nem a textura nem a cor do objeto podem ser visualizadas.

• Tex – Wire : esta opção permite que possamos ver os vértices do modelo e também a cor ou textura dos objetos 3D de nossa cena.

Estas opções são uteis na hora em que você quer visualizar melhor os modelos, inclusive, ter noção da geometria por trás do modelo texturizado. De qualquer forma, o modo mais usado é o padrão, no caso: Textured, ou seja, somente com a textura ou cor habilitada.

No item ao lado (mostrado na imagem acima, basta clicar no botão ao lado de Textured onde está escrito “RGB“), temos as opções de cores, ou seja, podemos alternar se queremos visualizar em RGB (cores normais), Alpha (mostra a transparencia dos objetos), Overdraw ( nesta opção, tudo que estiver se sobrepondo será pintado de um vermelho cada vez menos transparente e por ultimo, temos Mipmaps ( funciona apenas com objetos texturizados e pinta de uma cor sólida as áreas do objeto onde a textura está ficando muito pequena, não é muito util para o desenvolvedor ). A opção mais utilizada é a RGB, já que permite visualizar as cores dos objetos da cena.

Temos então dois pequenos icones ao lado, um se parece com um Sol e o outro com um Quadro.

O icone que se parece com um Sol permite com que as luzes colocadas na cena possam ser ativadas ou desativadas no editor, permitindo uma visualização sem ter que testar o jogo. Por padrão, as luzes estão desativadas, ou seja, basta um clique e as luzes são ativadas. Caso esteja desativado, os objetos contarão com uma iluminação própria. Outra observação a se fazer é que, caso não haja nenhuma luz na cena e mesmo assim você ative o botão, a cena irá ficar apagada já que não há nenhuma luz na cena. (Abaixo uma imagem mostrando o botão quando desativado ou quando ativo)

E por ultimo temos o botão que se parece com um quadro, ao lado do que se parece um Sol, este botão permite que você ative no editor efeitos como Skybox, Fog e Lens Flare que por padrão, só podem ser vistos quando se está testando o jogo.

Agora podemos passar para a próxima aba, que é a “Game”. Dentro desta aba temos também alguns botões que também nos são uteis.

Lembrando que a aba Game permite à você, desenvolvedor, visualizar como seu jogo está ficando sem ter que compilar o código e ainda permite que sejam visualizados dados sobre a performance do jogo etc.

- Game

Ao entrar na aba Game, temos aqui um fundo azul, neste momento nosso jogo já está rodando e podemos partir para os botões que se localizam abaixo da aba.

O primeiro botão permite que você altere as dimensões da tela. Temos algumas opções:

• Free Aspect : a tela irá assumir o tamanho da área que seu painel está ocupando.

• 5 : 4 – 4 : 3 etc. : estes botões representam a escala da tela, no caso 5 por 4, 4 por 3, não é muito utilizado na hora da distribuição do jogo.

• Standalone : está é muito utilizada na distribuição para Pc, nesta o tamanho da tela será 1024×768, se você pretende distribuir para Desktop, use este modo para testar.

• Web : este é o formato mais usual para a internet, se pretende distribuir o jogo para ser utilizado em navegadores, use este formato para testar o resultado final.

Lembrando que o formato final é definido na hora de compilar a versão final do jogo e não através da aba “Game”.

Temos ao lado, um botão que diz “Maximize on Play“ (imagem acima), quando se habilita este botão ao se clicar no botão Play ou clicar na aba “Game”, o painel onde seu jogo executa irá ocupar mais espaço que o normal.

Depois deste, temos o botão que diz “Gizmos” (imagem acima), ativando este botão, qualquer luz ou local que emita som será visivel. Bem util para verificar a localização de uma luz ou de onde um som está partindo.

E por ultimo, temos um botão muito util para nós, que estamos desenvolvendo. O botão diz “Stats” (imagem acima) e ao ativar o botão você pode ver o FPS, ou seja, os frames por segundo. Se estiver acima de 60 FPS está ótimo, se estiver à 32 FPS é aceitavel, abaixo disto já não é normal. Veja abaixo a janela que mostra as informações sobre a execução do jogo:

Temos ainda outras informações, como: o número de chamadas à função Draw, Triangulos e Vértices, tamanho da tela, uso da memória RAM etc.

Finalizamos agora a aba “Game” e podemos passar ao próximo Painel.

O Painel Hierarchy

Este painel irá mostrar toda a hierarquia de objetos da cena, através deste painel você pode selecionar rapidamente um objeto de sua cena, dar um nome à ele e verificar quais objetos são filhos de outros objetos, pode-se também duplicar um objeto ou mesmo deletar o mesmo.

Este painel será muito usado em outros tutoriais sobre a Unity 3D.

O Painel Inspector

Este painel fica vazio quando não temos nada selecionado. Quando selecionamos algum objeto no editor ou através do Painel Hierarchy, este painel é preenchido e permite a edição de propriedades do objeto selecionado. O painel é extremamente util e também será muito utilizado!

O Painel Project

Este painel serve para você acessar e organizar os Resources de seu jogo, ou seja, texturas – modelos – sons – scripts etc.

Uma observação muito importânte é que toda modificação, como renomear ou excluir uma pasta ou arquivo do projeto, deve ser feito por este painel! Deletar a pasta diretamente através do Windows, por exemplo, pode causar erros em seu projeto!

Portanto, lembre-se: “Qualquer alteração nos arquivos dos projetos DEVE ser feita através do Painel Project na Unity 3D!”

Conclusão

Com isto terminamos de abordar a interface da Unity 3D. Vale lembrar que esta aula é básica e você não chegou a aprender em detalhes como utilizar estes painéis. Isto irá ser abordado em próximas aulas e conforme você for ganhando experiência, irá entender toda a interface e ainda saberá usar a mesma de forma eficiente. Mas uma introdução é sempre boa, para que a pessoa saiba o que está por vir e deixe sua mente preparada para absorver melhor o conhecimento.

Termino aqui este tutorial. Até a próxima!

Não deixe de seguir o DevTuts no Twitter para saber as próximas aulas, o que estamos fazendo e os lançamentos – DevTuts Twitter – Siga-nos

Para economizar no tamanho de um modelo 3D o XNA Framework não gera as tangentes de um modelo mesmo que você tenha exportado estas tangentes a partir de seu programa de Modelagem ( 3D Max, Maya, Blender etc. )

O XNA Framework irá considerar apenas a Normal dos vértices e ignorar a Tangete dos Vértices. Isto pode ou não pode ser um problema para o programador, iremos neste tutorial verificar quando isto se torna um problema e como resolver esta situação.

Qual o Uso da Tangente?

Se a sua intenção é simplesmente renderizar um modelo com uma técnica mais simples ter acesso à tangente não será necessário e fazer o XNA processar a  mesma só ocuparia mais espaço que o necessário.

Mas caso você  queira utilizar uma técnica mais avançada, como Normal Mapping e derivados (Parallax Mapping etc.) você terá que ter acesso aos dados da Tangente pois estas técnicas precisam delas para que funcionem.

Sem o acesso à tangente dos vértices o Shader HLSL (.fx) não irá funcionar corretamente, fazendo com que  a renderização fique incomum e não conforme o esperado. Ou seja, sem as tangentes seu shader que implemente a técnica de Normal Mapping não irá funcionar corretamente, apresentando problemas.

Problema no Normal Mapping

Abaixo irei postar duas imagens mostrando a diferença entre a técnica de Normal Mapping sendo aplicada à um modelo 3D sem as tangentes e em outro com as tangentes.

No modelo da imagem abaixo, as tangentes NÃO foram processadas

Pode-se notar que o resultado do modelo sem tangente não é nem de longe o esperado. A técnica Normal Mapping serve para simular relevo e deixar o modelo mais detalhado sem triângulos adicionais. Sem as tangentes o efeito não existe!

No modelo da imagem abaixo, as tangentes FORAM processadas

Já com as tangentes o resultado é bem melhor que o da imagem acima, podendo-se notar os detalhes no modelo!

Como fazer o XNA Framework processar as Tangentes?

Felizmente é muito simples fazer com que o XNA Framework obtenha e armazene as tangentes de seu modelo 3D. Tudo que temos que fazer é alterar as propriedades de nosso modelo 3D que está na pasta Content. Basta seguir os passos abaixo:

1º Passo – Selecione o Modelo e abra as Propriedades

Este passo é bem simples, tudo o que precisa ser feito é você clicar no modelo 3D que está dentro da pasta Content e automaticamente a caixa de propriedades (Properties) irá aparecer abaixo. Caso a mesma não apareça, ela pode ser aberta com o atalho Ctrl+W – P ou indo em View — Properties Window

Resumidamente, clique sobre o modelo 3D e a caixa de propriedades irá aparecer. Feito isto siga o próximo passo.

2º Passo – Alterando o Content Processor para gerar as Tangentes

Agora o segundo e ultimo passo é alterar o Content Processor Model – XNA Framework para que ele obtenha e armazene as tangentes do modelo. Para fazer isto basta seguir os passos mostrados na foto abaixo:

Após alterar o campo Generate Tangent Frames para True, as tangentes serão armazenadas e você não terá mais problemas com o Normal Mapping ou outra técnica que utilize as tangentes dos vértices!

Conclusão

Foi uma dica rápida, mas por este simples detalhe o Normal Mapping não funciona e pode fazer com que você fique tentando descobrir o que há de errado com o arquivo .fx durante dias, quando na verdade o arquivo estava correto mas o XNA não estava gerando as tangentes.

Fica ai a dica para você, caro leitor! Espero que ajude.

Rafael.

Olá caro leitor. Este é o primeiro tutorial sobre a Unity 3D, que é uma das grandes engines do mercado, tendo atingido um grande público desenvolvedor por diversos motivos que citarei ao decorrer deste tutorial.

Espero que aprecie este novo tutorial gratuito e os próximos lançamentos sobre esta incrivel engine.

Irei escrever este tutorial na forma de Pergunta – Resposta, ou seja, haverá uma pergunta e eu mesmo irei responder tal questão.

O que é Unity 3D?

Unity 3D é uma engine completa para desenvolvimento de jogos 3D e 2D. Sua vantagem está em seu incrivel editor visual que torna possivel visualizar todo o jogo e criar um jogo completo a partir desde ambiente de Desenvolvimento.

A engine possui recursos incriveis que batem de frente com engines mais veteranas, como a Unreal Engine e a CryEngine ( usada na criação de Crysis e Far Cry ). Com esta engine você poderá desenvolver um jogo 3D ou 2D que rode tanto no Windows, quanto no Mac, no iPhone, no iPad, no Android ou no Wii ou no próprio Navagador Web.

Óbvio que nem todos podem desenvolver para iPhone e iPad ou para Android ou ainda para o Wii, já que é necessário ser um desenvolvedor autorizado. Mas todos são hábeis para programar jogos para Windows, Mac e para os Navegadores Web ( que rodam o jogo através do plugin UnityPlayer ).

A Unity 3D é Gratuita?

A Unity 3D possui 5 licenças diferentes, cada uma para um certo tipo de desenvolvedor. Os detalhes sobre o que uma suporta ou não, de forma completa estão nesta página Clique Aqui.

As licenças são Unity, Unity Pro, Unity iPhone Basic, Unity iPhone Advanced e Unity Wii. De acordo com a Unity Technologies, em breve mais plataformas serão suportadas, tais como Android.

Vamos dar uma olhada em cada uma destas licenças e principalmente nas que mais interessa ao desenvolvedor, que é a Unity e a Unity Pro.

- Unity

Esta é a versão gratuita da Unity que pode ser usada tanto para estudos quanto para fins comerciais, válida para empresas que não ganharam 100.000 dólares no ultimo ano fiscal. Ou seja, se você ganhar mais de 100.000 dólares deve obter a Unity Pro. Bem justo.

Esta versão possui menos recursos que a Unity Pro, mas é totalmente possivel criar um jogo de qualidade com esta licença, sem dúvida alguma. As vantagens da Unity Pro serão abordadas no próximo item.

Qualquer aplicação feita com a versão gratuita irá mostrar o logotipo da Unity Engine e para retirar este logotipo você deve obter a versão Pro.

- Unity Pro

Esta é a versão paga da Unity engine e possui diversos recursos bem interessantes, perfeita para estúdios ou para o desenvolvedor que tem uma grana para investir.

O preço desta não é tão salgado quanto as outras engines (Unreal Engine ou CryTek) já que ela custa apenas $1.200 (mil e duzentos dólares).

Não é um preço acessivel à qualquer pessoa, mas é bem acessivel à algum estúdio ou pessoa que tenha dinheiro para investir, algo em torno de 5.000 reais dá e sobra para comprar a versão Unity Pro.

- Unity iPhone Basic e Unity iPhone Advanced

Estas versões são para o desenvolvimento para iPhone (dispositivo da Apple). As diferenças entre a Basic e Advanced estão mais na parte de desempenho e customização tais como o uso de plugins feitos em C++ ou Objective-C.

Na Basic a marca d’agua da Unity irá aparecer e para retirar a mesma, somente com a versão Advanced. Ambas as versões são pagas e você precisa ser um Desenvolvedor autorizado pela Apple.

Os preços são respectivamente +300 dólares pela Basic e +1200 dólares pela Advanced.

Caso você queira a versão Gratuita da Unity, somente a versão Basic poderá ser comprada. Para se obter a versão Advanced você deve comprar junto com a Unity Pro.

- Unity Wii

Esta versão permite o desenvolvimento para o console Nintendo Wii. Você deve ser um Desenvolvedor Autorizado Nintendo e entrar em contato com a Unity Technologies para obter os preços e para baixar tal versão.

Com uma desta em mãos e o kit de desenvolvimento fornecido pela Nintendo, você pode produzir jogos para a WiiWare ou Gravar Discos com Jogos para o Nintendo Wii.

Quais as Vantagens de cada Versão da Unity 3D?

Uma lista completa com os recursos de cada versão pode ser encontrada no site oficial clicando neste link.

Qual a melhor versão para mim?

Se você tiver o dinheiro necessário compre a Unity 3D Pro. Caso você seja um desenvolvedor Indie ( independente ) baixe a versão gratuita, nela você poderá criar jogos para estudar ou para comercializar, caso assim deseje.

Caso queira desenvolver para o iPhone da Apple, terá que comprar a licença iPhone Basic ou Advanced que são ambas pagas. Além disto, terá que ser um desenvolvedor autorizado pela Apple pagando uma taxa e outros processos. Um computador que rode o Mac OS também é necessário, ou seja, terá que comprar uma CPU ou Notebook da Apple.

Caso você seja uma empresa autorizada pela Nintendo, você poderá obter informações sobre o preço etc. diretamente com a Unity Technologies.

O que posso fazer com a Unity 3D?

Esta questão é bem fácil de responder: você pode criar jogos incriveis, tanto em 3D quanto em 2D com uma agilidade incrivel no desenvolvimento! Jogos com uma performance muito boa e efeitos de ultima geração (uma boa coleção de shaders prontos e fáceis de usar) além da facilidade no desenvolvimento e o melhor, rodando em diversas plataformas!

Gostaria de ver o que você pode fazer com esta incrivel ferramenta? Clique aqui e confira as demos agora mesmo (exige a instalação do plugin UnityWebPlayer para visualização diretamente no navegador).

Veja abaixo uma imagem tirada de um dos aplicativoss que demonstram uma pequena parte do poder da Unity 3D

Como pode notar, a qualidade é muito boa chegando à niveis profissionais. E tudo com aproximadamente 50% de esforço à menos do que codificar tudo do zero. Claro que dependendo de sua necessidade ou plataforma alvo, escolher outra ferramenta as vezes é o unico caminho. Mas para quem não possue necessidades especificas de desenvolvimento, a Unity 3D é uma das melhores escolhas à serem feitas.

Posso vender meus jogos criados nela?

Sem dúvida pode. Você poderá vender seus jogos para PC, Mac e Navegador Web sem pagar nada. A diferença é que a Unity 3D não possui recursos iguais ao da Unity 3D Pro e caso utilize a versão gratuita, o logotipo da Unity irá aparecer na tela de seu jogo.

Para as demais plataformas (iphone, ipad, android, wii) é necessário obter licenças especificas que não são gratuitas e além disto ser um desenvolvedor autorizado ( processo que também não é gratuito =P )

Quais os Recursos que a Unity 3D Pro tem e a Unity 3D não tem?

Podemos fazer uma lista com os recursos que a Unity 3D possui e a Unity 3D não possui. Confira abaixo.

• Post-Processing Effects – efeitos especiais na tela, tais como SSAO (Screen Space Ambient Occlusion), Depth of Field (DOF), Blur, Motion Blur etc. Estes efeitos especiais estão presentes somente na versão Pro.
• Render-to-Texture – permite obter a renderização final e armazenar em uma Textura. Com este textura em mãos, você pode criar efeitos de água realisticos e muitos outros (dependendo de sua criatividade)
• Sombras em Tempo Real ( RealTime Shadows ) - recurso importante em jogos atuais, faz com que as sombras sejam geradas em tempo real e de forma realistica, melhorando e muito o visual do jogo.
• Profiler – Permite identificar e analisar completamente seu jogo para ajudar a descobrir formas de otimização e pontos que estão consumindo muitos recursos.
• Low-Level Rendering Acess – permite modificações de baixo nivel na forma com que a Unity 3D renderiza o jogo. Geralmente alterada apenas por projetos de grande porte com performance critica.
• C/C++ ou Objective-C Plugins – permite usar uma biblioteca externa dentro da Unity 3D, permitindo utilizar por exemplo, outra engine física etc. Você pode ainda escrever seus próprios plugins para você utilizar.
• Reprodução de Videos – permite ao desenvolvedor reproduzir videos, seja em uma superficie 3D ou em uma textura 2D.
• Streaming Assets – permite carregar os modelos, texturas, sons etc. (Assets) de forma progressiva ou seja, com o famoso Loading…
• Sem o Logotipo/Marca d’agua da Unity 3D – com a Unity 3D Pro o logotipo da Unity 3D não precisa ser exibido.

Além destes citados acima teremos mais recursos com o lançamento da Unity 3D 3.0, que incluem:

• Outras plataformas como, Android – iPad – XBox360 – PS3 e as já suportadas atualmente
• Deffered Rendering Otimizado, que irá melhorar o sistema de iluminação acabando com o limite de luzes (claro que é bom não exagerar =D )
• Sistema de LightMapping Profissional.
• Sistema de Occlusion Culling da Umbra - um dos melhores do mundo, fazendo com que o desempenho do jogo melhore e muito!

E quais são os Recursos que a Unity 3D gratuita possui?

A Unity 3D possui, em sua versão gratuita, diversos recursos muito interessantes. Irei citar abaixo os principais e que facilitam e muito a vida do desenvolvedor Indie (independente).

Editor

O editor da Unity 3D é muito completo e você pode programar o seu jogo todo por meio deste editor. Pode-se posicionar objetos, editar scripts, importar arquivos e muitas outras tarefas. O editor é organizado e pode ser customizado para o modo que mais lhe agradar! Destacando ainda que você pode testar o jogo diretamente no editor sem compilar a versão definitiva e ainda Pausar ou dar Play no aplicativo.

Pode-se notar que o editor é bem interessante e fácil de usar e o mais importante: é Completo!

Gráficos

A velocidade de renderização é muito alta pois é altamente otimizada e roda tanto DirectX quanto OpenGL. Sistema de Particulas, modelos animados e muito mais, fazem parte da Unity 3D que possui um motor gráfico muito bem feito.

Suporte aos mais famosos formatos de arquivos (Assets)

Algo muito interessante é que a Unity 3D suporta muitos formatos de forma extremamente completa!

• Suporte à modelos 3D nos formatos .mb & .ma (Autodesk Maya) – .max (Autodesk 3D Max) – .blend (Blender) – e muitos outros, como XSI, Lightwave, Cinema4D etc.
• Suporte à fontes TrueType – .TTF
• Suporte ao formato .psd - permitindo editar o seu arquivo com Camadas (Layers) além de outros formatos, como .jpg – .png – .bmp -  .tga etc.
• Suporte à diversos formatos de audio e contando ainda com Conversão para .OGG - diminuindo assim o tamanho do seu jogo e utilizando um formato 100% gratuito!
• Compressão DXT para as imagens – diminuindo seu tamanho de forma considerável.

Tem ainda muitos outros recrusos, mas você já deve ter notado que é uma ferramenta que suporta muito bem os arquivos necessários para se criar um jogo (sons, modelos 3D, imagens 2D).

MultiPlataforma

Com a Unity 3D você pode distribuir seu jogo para diversas plataformas com apenas alguns cliques! Nem preciso dizer mais.

Shaders

Você pode escrever seus próprios shaders ou utilizar os efeitos especiais presentes na Unity 3D Pro, mas além disto você poderá contar com uma incrivel coleção de 40 tipos de Shaders diferentes.

• Diffuse
• Parallax
• Bumped Diffuse
• Paralax Specular
• e muitos outros!

Terrenos

Você pode esculpir seus terrenos na hora com a Unity 3D, gerar mapas de luz para aumentar a performance e a Unity 3D se encarrega da otimização para você!

Você pode notar que o editor de terrenos da Unity 3D é muito poderoso e bem flexivel, permitindo além de esculpir na hora a importação de um HeightMap que será usado pela Unity 3D para criar o terreno.

Networking

A Unity 3D também fornece de maneira fácil o Network para seu jogo, fazendo o mesmo se tornar um jogo Multiplayer com uma boa facilidade se comparado à se criar as conexões do zero em outra linguagem ou framework.

Física

A Unity 3D utiliza um motor físico criado pela nVidia, o consagrado PhysX, permitindo que se crie simulações físicas com extrema qualidade. Alguns dos recursos são:

• Ragdolls – permitindo que se controle “corpos”, um exemplo seria seu personagem principal que sofreria com a ação das leis da física.
• Carros – é possivel implementar veiculos nesta engine e isto é um recurso importante.
• Joints – permite conectar objetos criando pontes, correntes etc.
• Rigidbodies – Implementa corpos que sofrem com a ação das leis da física, como por exemplo, um cubo ou uma esfera.

Audio & Video

A Unity 3D possui um ótimo suporte em relação à reprodução de Audio e Video. Ofereçe diversos recursos para a reprodução dos mesmos e suporte à diversos formatos (os mais utilizados). Na lista abaixo você confere algumas caracteristicas:

• Suporte à reprodução de videos tanto em uma Textura 2D quanto em uma superficie 3D. (disponivel somente na Unity 3D Pro)
• Suporte à diversos formatos, como por exemplo: .mp3 – .ogg – .wav – .aac – entre outros
• A Unity 3D pode converter todos os arquivos de áudio e video para o formato .ogg automaticamente. Este formato possui qualidade semelhante ao .mp3 ou .aac mas é totalmente gratuito!

Scripting

Você pode programar toda a lógica e funcionamento do jogo com scripts. Os scripts podem ser escritos em C# – Javascript ou Boo (dialeto da linguagem Python) e vale destacar que o desempenho não é alterado dependendo da linguagem. Pode escolher qualquer uma e o desempenho será o mesmo!

Luzes e Sombras

A Unity 3D possui um bom sistema de iluminação que suporta os tipos de luzes mais conhecidos, como Omni Light – Spot Light ou Directional Light.

Na versão Pro, a Unity 3D permite o uso de Sombras em tempo real e efeitos especiais avançados, como SSAO (Screen Space Ambient Occlusion) entre outros com apenas alguns cliques!

Me interessei… Onde posso fazer o Download da Unity 3D?

O download pode ser feito no site oficial da Unity 3D - clicando neste link.

Conclusão

Espero que tenham gostado desta pequena introdução à esta incrivel engine que é a Unity 3D. Estarei criando tutoriais sobre esta engine e espero que você, caro leitor, aproveite cada um deles!

Obrigado e continue nos acompanhando.

Rafael.

Nesta postagem irei disponibilizar para você, caro leitor, um Game Component para XNA Framework que pode ser facilmente implementado em seu jogo e seguindo alguns passos, terá na tela o FPS de seu jogo, ou seja, quantos frames por segundo seu jogo está rodando.

Temos um tutorial aqui no DevTuts que explica sobre o FPS de um jogo, confira clicando aqui:  [Dica] Definindo o FPS (Frames por Segundo) no XNA Framework

Download do Component

O FPSCounter Game Component é totalmente Gratuito! Pode aproveitar a vontade. Abaixo você poderá conferir o componente em ação, as features ( caracteristicas e vantagens ) de se usar o componente, poderá conferir como implementar o Game Component em seu jogo e também poderá visualizar sua documentação com exemplos para que possa aproveitar ao máximo.

O Game Component em Ação

FPSCounter – Game Component rodando em um aplicativo XNA 2D

FPSCounter – Game Component rodando em um aplicativo XNA 3D

Features (Caracteristicas) do FPSCounter

O Game Component FPSCounter é extremamente fácil de se utilizar e pode ser usado tanto em aplicações 2D quanto 3D, pois foi implementado o modo de compatibilidade que altera as RenderStates do GraphicsDevice para não renderizar incorretamente, já que usar o SpriteBatch irá desconfigurar a renderização. Com o FPSCounter você não precisa se preocupar, basta definir uma simples propriedade como true e pronto, o Component é compativel com 3D.

• Fácil de Usar.
• 7 KB apenas
• Código Comentado
• Descrição das Funções e seu parâmetros
• É permitido editar: a cor do texto e sua posição na tela
• Pode ser colocado em seu jogo com apenas 2 ações e com 3 ou 4 linhas de código.

Como pode notar, o Game Component é bem objetivo, rápido de se configurar e permite duas customizações básicas (cor e posição do Texto). Abaixo você confere como utilizar o Componente.

Como Usar o FPSCounter Game Component em 5/6 passos

Nesta seção irei explicar como você poderá utilizar o Game Component com apenas alguns passos rápidos. São 5 passos caso esteja utilizando em um projeto 2D, caso seja um projeto 3D são 6 passos. Abaixo você confere como usar o Game Component.

#1 Passo – Adicionando o arquivo FPSCounter.cs no Projeto.

A primeira coisa a se fazer é adicionar o arquivo baixado em seu projeto. Para fazer isto, você deve clicar, no Solution Explorer, com o botão direito sobre o nome do projeto – Ir em Add – Existing Item…

Na janela que se abre, selecione o arquivo FPSCounter.cs que você baixou e descompactou. Dê OK.

Pronto! O Game Component está adicionado em seu projeto.

#2 Passo – Adicionando uma SpriteFont ao projeto

Para desenhar algum texto na tela é necessário um objeto do tipo SpriteFont. A classe FPSCounter.cs já se encarrega de carregar esta SpriteFont, portanto tudo que temos que fazer é adicionar a SpriteFont na pasta Content do projeto.

Para fazer isto siga os passos da imagem abaixo:

• Clique com o Botão direito na Pasta Content
• Vá em Add…
• E clique com o botão esquerdo do mouse em “New Item…”

Agora na janela que se abriu você seleciona SpriteFont e na caixa de texto, substitui o nome da Fonte para o nome de sua preferência, no caso eu utilizei myFont.spritefont . Dê OK.

Veja a imagem abaixo:

Agora sua SpriteFont está adicionada na pasta Content. Podemos passar para a codificação.

Observação: após clicar em Add o arquivo Sprite Font é aberto, lá você pode alterar as configurações da fonte etc. em nosso caso, irei manter as configurações padrões e ir para a classe Game1.cs

#3 Passo – Adicionando a váriavel do tipo FPSCounter na classe Game1.cs

Agora a primeira coisa a se fazer é adicionar uma váriavel no topo da classe Game1.cs do tipo FPSCounter, como mostra o código abaixo:

1

FPSCounter counter;

#4 Passo – Inicializando o FPSCounter

Agora iremos inicializar nossa váriavel counter que criamos logo acima. Portanto, vamos ao método Initialize da classe Game1.cs e dentro desta função, digite a linha destacada (linha 5) no código abaixo:

1
2
3
4
5
6
7
8

protected override void Initialize()
{
// TODO: Add your initialization logic here
 
counter = new FPSCounter(this, "myFont");
 
base.Initialize();
}

O primeiro construtor da classe FPSCounter solicita uma váriavel do tipo Game, no caso, passamos this para que nossa própria classe Game1 seja passada como parâmetro. Outro parâmetro obrigatório é o nome da fonte que você adicionou a pasta Content, em nosso caso, “myFont“.

Passando estes dois parâmetros, o FPSCounter já funciona sem problemas, os demais parâmetros são opcionais.

#5 Passo ( OPCIONAL – Somente para 3D) – Definindo o modo de compatibilidade com gráficos 3D

Alguns sabem, mas a maioria não: desenhar qualquer gráfico 2D na tela com a classe SpriteBatch desconfigura as RenderStates fazendo com que o 3D seja renderizado de forma incorreta, sem verificação de profundidade (Depth) e outros problemas.

Se você deseja utilizar este componente em um jogo ou aplicativo 3D, não tem problema, com apenas uma linha você pode fazer o mesmo entrar em modo de compatibilidade, ou seja, restaurando as RenderStates para as configurações corretas após desenhar na tela.

Digite logo abaixo da linha acima a seguinte linha destacada no código abaixo (linha 7) :

1
2
3
4
5
6
7
8
9
10

protected override void Initialize()
{
// TODO: Add your initialization logic here
 
counter = new FPSCounter(this, "myFont");
 
counter.CompatibleMode = true;
 
base.Initialize();
}

Basta definir a propriedade CompatibleMode como sendo true e pronto. Importante: só é necessário ativar o modo de compatibilidade caso gráficos 3D estejam sendo renderizados. Para jogos 2D este passo não deve ser executado.

#6 Passo – Adicionando o FPSCounter à lista de Componentes

Agora só precisamos adicionar nossa váriavel counter à lista de Componentes da classe Game1.cs, para que o Componente seja atualizado automaticamente a partir de agora. Isto é feito com apenas uma linha.

Digite logo abaixo a seguinte linha, ainda dentro do método Initialize:

1
2
3
4
5
6
7
8
9
10

protected override void Initialize()
{
// TODO: Add your initialization logic here
 
counter = new FPSCounter(this, "myFont");
 
Components.Add(counter);
 
base.Initialize();
}

Feito isto você já pode testar o seu aplicativo e notar que a contagem do FPS está sendo realizada! Seu FPSCounter já está funcionando!

Documentação

Abaixo você irá descobrir como ter maior poder sobre o FPSCounter, alterando algumas coisas como a posição do texto e a cor do texto.

Váriaveis

As seguintes váriaveis podem ser acessadas fora da classe FPSCounter.cs, elas podem ser alteradas ou seus valores podem ser obtidos sem problemas.

FPSCounter.Color

Esta váriavel é do tipo Color e armazena/define a cor do texto à ser desenhado. Seu valor padrão é Color.White, ou seja, o texto será branco a não ser que você altere está váriavel.

- Exemplo

protected override void Initialize()
{
// TODO: Add your initialization logic here

counter = new FPSCounter(this, "myFont");

counter.Color = Color.Red;

Components.Add(counter);

base.Initialize();
}

Este código fará com que a cor do texto seja Vermelho.

FPSCounter.Position

Esta váriavel é do tipo Vector2 e armazena/define a posição do texto à ser desenhado. Seu valor padrão é (20 , 20).

- Exemplo

protected override void Initialize()
{
// TODO: Add your initialization logic here

counter = new FPSCounter(this, "myFont");

counter.Position = new Vector2(700, 20);

Components.Add(counter);

base.Initialize();
}

Este código fará com que a posição do texto seja 700 em X e 20 em Y.

Conclusão

Espero que tenha apreciado o Game Component e que ele seja util para você. Fiz ele pensando na facilidade de uso, espero que tenha ficado bom.

Até a próxima! Rafael.