Parallax Scrooling

Criando Parallax Scrooling

Criando um fundo em movimento diferente ao personagem.


Antes de começar, agradeço à STALTZ, que me deu tutoriais de BSB, se não, não estaria postando aqui

Índice

• Introdução
  O que é Parallax Scrooling ?
  Pondo em prática
  Notas
  Links

Introdução

Esta matéria abordará um efeito bem bonito, que deixa seu jogo profissional, mas antes temos que ter a idéia de que nem tudo são flores. Parallax Background (ou BSB) usa códigos. Mas não se assuste. iremos aprender passo a passo, evitando muitas dúvidas.

O que é Parallax Scrooling ?

Vou responder com uma pergunta: "Você já andou de carro ?" Concerteza sim. O fundo: você já reparou que quanto mais longe, menos se mexe ? Isso é Parallax Scrooling.

Em que programas posso fazer isto ?

Multimedia Fusion, Game Maker e The Games Factory. Mas aqui vamos aprender pelo Multimedia Fusion.

Pondo em prática

Chegou o momento ! Vamos cair nos livros (brincadeira) !

1. Abra seu MMF 1/2 e em seu jogo, faça o seguinte esquema:
https://2img.net/r/ihimizer/i/passo1hy3me3.gif/

2. Depois de ter clicado em OK, deixe a janela com essas configurações abaixo e depois clique no botão Edit:
https://2img.net/r/ihimizer/i/passo1hy3yf8.gif/

Entendendo:

Por que eu coloquei "None" nas três caixas ?

O Parallax tem que ser puro, só a foto que você escolheu para o fundo. São bordas e cores, por isso que colocamos "None" nas caixas.

Patern ? Por que "Patern" ?

Com esta opção, o Parallax ficará parecido com um Quick backdrop, ou seja, o fundo vai repertir se aumentar, e não, esticar...

Por que "Alignment" está em "Center" e "Center"

Este é o lugar em que o BSB vai ficar. Depende do tamanho do frame. VOcê pode alterar o posicionamento o quanto quiser, mas se ele não aparecer do jeito que você quiser... Existe uma solução porca: Esticar o Parallax (lembra por que marcarmos Patern ?)

3. Depois de ter apertado o botão "Edit", você irá editar a parte física, cole o fundo ou até faça um. Para salvar, dê Ctrl + S e feche se for com MMF 1 ou clique em "OK" com MMF 2.

Problemas:

O usuário pode enfrentar problemas com o BSB. Por que ? Ele foi inserido depois de outros objetos. Não ! Não é preciso deletar tudo e contruir de novo ! Basta clicar com o direito no BSB e selecionar "Order > To Back"

4. A parte física está pronta, agora vamos para os eventos... Faça o seguinte :
https://2img.net/r/ihimizer/i/passo1hy3cg7.gif/

5. Um editor de expressões irá aparecer. Apague totalmente tudo, dê espaço e escreva:

Código:

X Left Frame*0.7

Entendendo:

O que é este código afinal ? E que 0.7 é esse ?

O "X Left Frame*" quer dizer o movimento do Parallax de esquerda e direita. Já o "0.7" é um exemplo. Quanto menor o número (o mínimo é 0.0, que o BSB fica totalmente solto), mais ele se mexe, quanto maior (o máximo é 1.0 que o BSB fica fixo na tela), menos ele se mexe.

Agora, depois de ter impresso o código, dê OK. Aparecerá outra janela (Y). Agora escreva:

Código:

Y Top Frame*1.0

Entendendo:

Que códigos são esses ? O.o"

É a mesma coisa que na janela "X", mas o "Y" é para cima e baixo. Usa os mesmos princípios.

Agora dê "OK" e...

6. Seu Parallax esta pronto !

Notas

Só pra acrescentar à matéria, é possível que crie parallax de várias camadas diferente e em layers diferentes, cada um com sua velocidade, no caso do MMF 2.
Porém, para colocar transparência em objetos que não sejam retangulares, deve-se mudar as seguintes opções todas para NONE:

Fill Color (No alto à esquerda)
Border Color #1 (logo abaixo de Fill Color)
Border Color #2 (logo abaixo de Border Color #1)
Text Color (abaixo de Tooltip na esquerda)

Deixando todas em NONE, a cor transparente não será exibida.
A parte ruim é o posicionamento do Parallax, pq ele varia muito.

Ah, e para repetir a imagem, como quick backdrop, escolha PATTERN no menu Image, em cima do botão EDIT.

Lembrando que tem que atualizar o build do MMF, caso contrário o parallax não irá funcionar...

Espero ter ajudado !
Boa sorte a todos