o mundo dos jogos 2dprofessor.unisinos.br/ltonietto/jed/pgr/005_visoes2d.pdf · desenvolvimento de...
TRANSCRIPT
O Mundo dos Jogos 2D
Visões 2D & Parallax
Processamento Gráfico
Desenvolvimento de Jogos & Entretenimento Digital
UNISINOS
Prof. MSc. João Ricardo Bittencourt
Update: 29 Mar. 2007
Sumário
1. Visões 2D Top View Side view Scrolling
2. Efeito de Parallax
Visão 2D – Scrolling Ocorre quando as
dimensões do mundo são superiores que a abertura da câmera.
A câmera movimenta-se com o personagem
Viewport (Área amarela é a área de visualização)
Visão 2D – Scrolling Conceito de uma
câmera sintética Em 2D trata-se de
uma câmera ortográfica, ou seja, sem perspectiva
Observador
Visão 2D – Scrolling Deve-se definir uma taxa de scrolling que
significa o quanto que a câmera se desloca (velocidade) em relação ao personagem Taxa vertical Taxa horizontal Exemplo
0.5 -> cada pixel movimentado pelo personagem desloca a câmera pela metade
Visão 2D – Top view Vista superior
Ex: Jogos de naves, board games, card games, casual games...
Visão 2D – Top view Vista superior
Câmera posicionada sob a cena, sem nenhuma inclinação
Pode ocorrer scrolling da tela Jogos de Nave: possuem scrolling Casual games: sem scrolling
Viewport = tamanho do mundo Uso de tilemaps quadriculares (caso trivial)
Visão 2D – Top view Vista superior
Observador
Visão 2D – Side view Vista lateral
Platform games, adventures
Visão 2D – Side view Vista lateral
Câmera posicionada ao lado do personagem. Pode ocorrer scrolling da tela Uso de tilemaps quadriculares (caso trivial) No caso dos adventures em geral é utilizada
uma combinação de imagens (não usa tilemaps)
Visão 2D – Side view Vista lateral
Observador
Parallax Effect
Donkey Kong
Shadow of the Beast
Parallax Effect Recurso muito interessante para aumentar o
realismo de jogos 2D. Alto custo computacional (não exisitia em
consoles mais antigos). Define-se uma imagem de fundo (pode ser feita
com tilemaps) e 'n' camadas sob este fundo. Cria um efeito de profundidade Da camada do fundo para camada da frente
Fundo: desloca-se mais lento Frente: desloca-se mais rápido
Parallax Effect Calcula-se a taxa de scrolling para cada camada
em relação a camada básica (onde ocorre a ação. Contem o personagem e os inimigos) Camada de fundo = 600x480 Básica: 1000x600 Taxa camada de fundo:
taxa_x= 600/1000 = 0.6 taxa_y=480/600 = 0.8
Parallax Effect Demonstração
Observadorx
x-1x-n