o mundo dos jogos 2dprofessor.unisinos.br/ltonietto/jed/pgr/005_visoes2d.pdf · desenvolvimento de...
TRANSCRIPT
![Page 1: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/1.jpg)
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
![Page 2: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/2.jpg)
Sumário
1. Visões 2D Top View Side view Scrolling
2. Efeito de Parallax
![Page 3: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/3.jpg)
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)
![Page 4: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/4.jpg)
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
![Page 5: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/5.jpg)
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
![Page 6: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/6.jpg)
Visão 2D – Top view Vista superior
Ex: Jogos de naves, board games, card games, casual games...
![Page 7: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/7.jpg)
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)
![Page 8: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/8.jpg)
Visão 2D – Top view Vista superior
Observador
![Page 9: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/9.jpg)
Visão 2D – Side view Vista lateral
Platform games, adventures
![Page 10: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/10.jpg)
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)
![Page 11: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/11.jpg)
Visão 2D – Side view Vista lateral
Observador
![Page 12: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/12.jpg)
Parallax Effect
Donkey Kong
Shadow of the Beast
![Page 13: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/13.jpg)
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
![Page 14: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/14.jpg)
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
![Page 15: O Mundo dos Jogos 2Dprofessor.unisinos.br/ltonietto/jed/pgr/005_Visoes2D.pdf · Desenvolvimento de Jogos & Entretenimento Digital UNISINOS Prof. MSc. João Ricardo Bittencourt Update:](https://reader036.vdocuments.mx/reader036/viewer/2022063010/5fc2a5d0694758788c602a0b/html5/thumbnails/15.jpg)
Parallax Effect Demonstração
Observadorx
x-1x-n