22/08/2014

Aula 10 - Transições de Tela

   Olá, fãs de RPG e coisas legais. Estou aqui hoje para mais uma aula de como fazer um jogo usando o RPG Maker 2003. E o assunto de hoje serão as Transições de Tela ^^

   'Mas o que raios vem a ser isso, Lonely Heart?', vocês devem estar se perguntando. Bom, transição de tela nada mais é do que a forma como a tela se comporta quando o personagem se move de uma tela para a outra (até agora, ela apenas se apagava e acendia quando o personagem saia da casa). Hoje vamos aprender a mudar essa transição, para deixar o jogo mais bonito.

   Antes de mais nada, é bom vocês saberem a diferença entre Apagar Tela e Mostrar Tela. Quando você sai da casa (no jogo exemplo que estamos fazendo), a tela se apaga e depois acende. O ato de a tela apagar é o que chamamos de Apagar Tela, e ele é seguido pelo ato de a tela acender, ou seja, Mostrar Tela. Geralmente os dois atos são seguidos, mas você pode deixar a tela apagada por um tempo, e só depois mostrá-la. Veremos isso adiante.

   Primeiro, vamos dar uma olhada na opção 'Estilos de Transição de Tela', na primeira aba dos Eventos de Comando. Ao clicar nela, a seguinte tela surgirá:


Tipo de Troca de Tela - aqui você define qual tela receberá a mudança de transição de tela:

*Teleport/Erase - é a transição Apagar Tela quando você entra em alguma tela nova ou passa de uma tela para outra.
*Teleport/Show - é a transição Mostrar Tela quando você entra em alguma tela nova ou passa de uma tela para outra.
*Battle Start/Erase - é a transição Apagar Tela quando você entra em batalha.
*Battle Start/Show - é a transição Mostrar Tela quando você entra em batalha.
*Battle End/Erase - é a transição Apagar Tela quando você vence uma batalha.
*Battle End/Show - é a transição Mostrar Tela quando você vence uma batalha.

Apagar/Mostrar Tela - é aqui que você escolhe os diferentes tipos de transição de tela disponíveis. Cada Apagar Tela tem seu Mostrar Tela respectivo.

   --------------------------------------------------------------------------------------------------------------
*Fade Out - a tela se apaga.
*Fade In - a tela acende.



   --------------------------------------------------------------------------------------------------------------
*Whole Random Blocks - blocos pretos aparecem e enchem a tela até ela sumir.
*Whole Random Blocks - blocos começam a preencher a tela até ela aparecer.



   --------------------------------------------------------------------------------------------------------------
*Randon Blocks Up - a tela some com blocos pretos de cima para baixo.
*Randon Blocks Up - a tela se forma com blocos de cima para baixo.



   --------------------------------------------------------------------------------------------------------------
*Randon Blocks Down - a tela some com blocos pretos de baixo para cima.
*Randon Blocks Down - a tela se forma com blocos de baixo para cima.



   --------------------------------------------------------------------------------------------------------------
*Blind Close - a tela some como uma persiana fechando.
*Blind Open - a tela aparece como uma persiana se abrindo.



   --------------------------------------------------------------------------------------------------------------
*Hi-Low Stripe - uma persiana surge em cima e em baixo, apagando a tela.
*High-Low Stripe - uma persiana surge em cima e em baixo, mostrando a tela.



   --------------------------------------------------------------------------------------------------------------
*Left-Right Stripe - uma persiana surge na direita e esquerda, apagando a tela.
*Left-Right Stripe - uma persiana surge na direita e esquerda, mostrando a tela.



   --------------------------------------------------------------------------------------------------------------
*Outside-Inside - a tela se fecha em um quadro preto.
*Outside-Inside - a tela é mostrada como um quadro preto de completando.



   --------------------------------------------------------------------------------------------------------------
*Inside-Outside - um quadro preto aparece e enche a tela.
*Inside-Outside - a tela é mostrada a partir de um quadro que se completa.



   --------------------------------------------------------------------------------------------------------------
*Scroll Up - a tela sobe e some.
*Scroll Down - a tela sobe e aparece.



   --------------------------------------------------------------------------------------------------------------
*Scroll Down - a tela desce e some.
*Scroll Up - a tela desce e aparece.



   --------------------------------------------------------------------------------------------------------------
*Scroll Left - a tela segue para a esquerda e some.
*Scroll Right - a tela surge da direita para a esquerda.



   --------------------------------------------------------------------------------------------------------------
*Scroll Right - a tela segue para a direita e some.
*Scroll Left - a tela surge da esquerda para a direita.



   --------------------------------------------------------------------------------------------------------------
*High & Low Division - a tela se divide horizontalmente e some.
*High-Low Combine - a tela se combina horizontalmente.



   --------------------------------------------------------------------------------------------------------------
*Left-Right Division - a tela se divide verticalmente e some.
*High-Low+Left-Right Combine - a tela se combina verticalmente.



   Obs: por alguma razão que desconheço, os nomes das transições a partir daqui estão todos trocados (embora na aba 'System' do Database estejam normais), mas os efeitos funcionem normalmente. Vou usar os nomes que aparecem nesta opção.

   --------------------------------------------------------------------------------------------------------------
*High-Low+Left-Right Division - a tela se reparte em quatro e some.
*Zoom Out - a tela se combina vindo dos quatro cantos.



   --------------------------------------------------------------------------------------------------------------
*Zoom In - a tela se aproxima e some.
*Mosaic - a tela aparece e se afasta.



   --------------------------------------------------------------------------------------------------------------
*Mosaic - a tela some formando um mosaico.
*Roster Scroll - a tela surge a partir de um mosaico.



   --------------------------------------------------------------------------------------------------------------
*Roster Scroll - a tela some ondulando.
*Unknown - a tela surge ondulando.



   --------------------------------------------------------------------------------------------------------------
*Instant Erase - a tela pisca rapidamente.
*Instant Display - a tela é mostrada após uma piscada rápida.


   --------------------------------------------------------------------------------------------------------------
*Do Not Erase - nenhum efeito de Apagar Tela é colocado.

   Obs: Os efeitos de Mostrar tela ainda ficam funcionando. Caso coloque como Mostrar Tela o Fade In,por exemplo, cria-se o seguinte efeito.


   --------------------------------------------------------------------------------------------------------------
   Vocês podem criar qualquer combinação de movimentos de transição que tiverem vontade. Fica a dica para deixarem os jogos mais bonitos visualmente.

   Também existem duas opções que incrementam ainda mais o jogo. Tratam-se das opções 'Apagar Tela' e 'Mostrar Tela' na segunda aba dos Eventos de Comando. Com essas duas opções, você pode fazer uma transição de tela a qualquer momento do jogo, e não apenas quando o herói se teleporta de uma tela para outra (digamos, quando o herói adormece de repente, ou quando ele se lembra de algo passado e a tela apaga, ou quando ele acorda e a tela reaparece).

   Ao clicar em 'Apagar Tela' ou 'Mostrar Tela' as seguintes telas serão mostradas, respectivamente:



   O interessante é usar essas opções em conjunto com a opção 'Esperar' (na mesma aba). Assim, você coloca Apagar Tela em Fade Out, seguida de uma espera de 2 segundos, e depois Mostrar Tela em Fade In, por exemplo.

   Todos os estilos de transição que mostrei anteriormente se encontram aqui, com a adição de duas novas opções: Movement Creation (Apagar Tela) e Place Movement (Mostrar Tela). Mas o quê essas duas opções novas fazem, Lonely Heart?

   Bom, vamos supor que você tenha configurado para transição de teleporte as opções Fade Out e Mosaic. Então, ao escolher Movement Creation, ele estará ajustado automaticamente para sua escolha de Apagar Tela (neste caso, Fade Out), e ao escolher Place Movement, ele estará ajustado automaticamente para sua escolha de Mostrar Tela (neste caso, Mosaic).

   Resumindo, Movement Creation e Place Movement ficam ajustados automaticamente com as escolhas de transição que você tiver configurado, sem precisar mudar nada durante o evento (a menos que queira, claro).

   Detalhes importantes: Sempre que você muda a transição de tela, esta ficará ajustada durante TODO o jogo, até que uma nova mudança seja feita. E também, as opções Movement Creation e Place Movement só valem para ajustes de transição de teleporte (Teleport/Erase e Teleport/Show).


   Bom, por enquanto isso é tudo. Espero que tenham gostado desta aula (apesar de ter sido complicado tirar todas as imagens desta aula, achei bem divertido). Até mais e continuem treinando no RPG Maker 2003 ^^/

16/08/2014

Uma pausa antes de retomar as aulas

   Olá, fãs de RPGs e coisas legais. Estou aqui hoje só para avisar que muito em breve retomarei as aulas de como criar um jogo usando o RPG Maker 2003 (não, eu NÃO abandonei vocês) ^^

   Mas hoje estou aqui unicamente para divulgar meu outro blog: Mundo da Ika Musume.

   Lá eu irei postar os quadrinhos de Shinryaku! Ika Musume, um mangá pouco conhecido que conta a história de uma simpática garota lula chamada Ika Musume, que decide invadir a superfície para punir os humanos por sujarem o oceano, mas acaba trabalhando em uma casa de praia e vive muitas aventuras e confusões. É diversão garantida ^-^

   Então, não deixem de conferir as aventuras de Ika Musume no link abaixo. Até mais o/

Mundo da Ika Musume