O Mundo dos Jogos 2D

Vises 2D & Parallax

Processamento Grfico
Desenvolvimento de Jogos &
Entretenimento Digital
UNISINOS
Prof MSc Jo!o "icardo #ittencourt
U$date% 2& Mar 2''(
)oaor*+unisinos*r
Sumrio
1. Vises 2D

Top View

Side view

Scrolling
2. Efeito de Parallax
,is!o 2D - Scrolling

Ocorre quando as
dimenses do
mundo so
superiores que a
abertura da
cmera.

A cmera
movimenta-se com
o personaem

Viewport !"rea
amare#a $ a %rea de
visua#i&a'o(
,is!o 2D - Scrolling

)onceito de uma
c.mera sint/tica

Em 2D trata-se de
uma cmera
ortor%fica* ou se+a*
sem $ers$ectiva
Observador
,is!o 2D - Scrolling

Deve-se definir uma ta,a de scrolling que

sinifica o quanto que a cmera se des#oca
!velocidade( em re#a'o ao personaem

-a,a vertica#

-a,a .ori&onta#

E,emp#o

/.0 -1 cada pi,e# movimentado pe#o

personaem des#oca a cmera pe#a metade
,is!o 2D - Top view

,ista su$erior

E,2 3oos de naves* board

games, card games, casual
games...
,is!o 2D - Top view

,ista su$erior

)mera posicionada sob a cena* sem nen.uma

inc#ina'o

4ode ocorrer scrolling da te#a

3oos de 5ave2 possuem scrolling

Casual games2 sem scrolling

Viewport 6 taman.o do mundo

7so de tilemaps quadricu#ares !caso trivia#(

,is!o 2D - Top view

,ista su$erior
Observador
,is!o 2D - Side view

,ista lateral

Platform games,
adventures
,is!o 2D - Side view

,ista lateral

)mera posicionada ao #ado do personaem.

4ode ocorrer scrolling da te#a

7so de tilemaps quadricu#ares !caso trivia#(

5o caso dos adventures em era# $ uti#i&ada

uma combina'o de imaens !no usa
tilemaps(
,is!o 2D - Side view

,ista lateral
Observador
Parallax Effect
Donkey Kong
Shadow of the Beast
Parallax Effect

8ecurso muito interessante para aumentar o

rea#ismo de +oos 2D.

A#to custo computaciona# !no e,isitia em

conso#es mais antios(.

Define-se uma imaem de fundo !pode ser feita

com tilemaps( e 9n9 camadas sob este fundo.

)ria um efeito de profundidade

Da camada do fundo para camada da frente

:undo2 des#oca-se mais #ento

:rente2 des#oca-se mais r%pido

Parallax Effect

)a#cu#a-se a ta,a de scrolling para cada camada

em re#a'o a camada b%sica !onde ocorre a a'o.
)ontem o personaem e os inimios(

)amada de fundo 6 ;//,<=/

>%sica2 1///,;//

-a,a camada de fundo2

ta,a?,6 ;//@1/// 6 /.;

ta,a?A6<=/@;// 6 /.=
Parallax Effect

Demonstra0!o
Observador
x
x-1
x-n