Projeto de Jogos Parte II Gráficos



Documentos relacionados
Edição Visual Imagens, Tilemaps e Sprites 2006 PUCPR Tutoria de Jogos 1º Ano

GRÁFICOS Exemplos de jogos 2D (com simulação do 3D)

Desvendando Jogos 2D. Por Marcos Romero Setembro / Cyborg Arena - RHGames

Multimídia. Hardware/Software para Multimídia (Parte I) Sistemas Multimídia. Tópico. Hardware e Software para Multimídia

APLICATIVOS GRÁFICOS (AULA 4)

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Formatos de Imagens

Capítulo 5. Figura 5.2. Conector para o monitor.

Fundamentos de Hardware

COMPUTAÇÃO GRÁFICA RESOLUÇÃO

CTRL-SHIFT DOCUMENTO DE GAME DESIGN DESENVOLVIDO POR HILGAMES

Chien 2D Tutorial Básico

COMPUTAÇÃO GRÁFICA REPRESENTAÇÃO DE IMAGENS

Programação Gráfica Parte 2 Versão em C 2006 PUCPR Tutoria de Jogos 1º Ano

Figura 1: Formato matricial de uma imagem retangular. Figura 2: Ampliação dos pixels de uma imagem

Trabalho GA - Editor de Cenário Parallax

Projeto de Jogos Parte I PUCPR - Tutoria de Jogos - 1º Ano

Thunder Pro II Gold Edition Manual de operações v 8.7 Rev:b

GNU Image Manipulation Program, mais conhecido pelo acrônimo GIMP.

Webcam Magnética Night Vision 8MB

Professor: Ronilson Morais Lobo. Salvador / 2015

Representação de Imagens

CorelDRAW UM PROGRAMA DE DESIGN

Ciências da Computação Disciplina:Computação Gráfica

Sistemas Operacionais. Andrique Amorim Gerência de Arquivos

Informática Aplicada

Características. Gráficos em tempo real, incluindo medições, gráfico de barras, parciais de circuito, tempos de volta, e texto.

TRABALHO COM GRANDES MONTAGENS

REGRAS GERAIS REDE 2 horas e 30 minutos. Os desafios deverão ser entregues conforme instrução: Exemplo: desafio1_equipepentagrama

RAID. Propõe o aumento da confiabilidade e desempenho do armazenamento em disco. RAID (Redundant Array of Independent Disks )

ARTIGO. O que tem o melhor zoom: 18x ou 36x?

Universidade Federal de Santa Maria UFSM Centro de Tecnologia CT. Power Point. Básico

MANUAL PARA INCLUSÃO DIGITAL- ANDRAGOGIA

Sistema de gerenciamento, controle e auditoria de computadores e usuários em uma rede local.

Archive Player Divar Series. Manual de Utilização

Introdução à Engenharia ENG1000

Técnicas para Animação de Imagens em Jogos 2D Utilizando Java

ferramentas da imagem digital

Exercícios de revisão V2. FAT: 300 GB / 2KB = 150MB X 8 bytes (64 bits / 8) = 1.2GB

Apostila para o 7º ano Profª Yandra

Manual de utilização do Zimbra

CALDsoft7 - Software de planificação em caldeiraria

Multiplexador. Permitem que vários equipamentos compartilhem um único canal de comunicação

Formatos de Imagem PNG. Universidade Federal de Minas Gerais. Bruno Xavier da Silva. Guilherme de Castro Leite. Leonel Fonseca Ivo

Referência de cores Fiery

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

Coleção - Análises de marketing em clientes de

Segundo Pré-teste. Data de realização. 18 de Novembro de Local.

Placas de Vídeo. Prof. Alexandre Beletti Ferreira

Introdução a Programação de Jogos

ESCOLA BÁSICA 2 / 3 DE MARTIM DE FREITAS Informática - Ano letivo de 2013 / 2014

SPS ZOOM D Laser Scanner

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

Sumário. Computação Gráfica Illustrator

Webcam Night Vision. Manual do Usuário

TECNOLOGIA EM SISTEMAS PARA INTERNET Disciplina:FERRAMENTAS E TÉCNICAS DE ANIMAÇÃO WEB. Professora Andréia Freitas

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.

Técnicas de Cartografia Digital

OneDrive: saiba como usar a nuvem da Microsoft


CURSOS OFERECIDOS. seus objetivos e metas. E também seus elementos fundamentais de Administração, como: PLANEJAMENTO, ORGANIZAÇÃO E CONTROLE.

AULA 5 Manipulando Dados Matriciais: Grades e Imagens. 5.1 Importando Grades e Imagens Interface Simplificada

Capítulo 1: Introdução

Administração de Sistemas Livres. Aula 4 - Ambientes Gráficos Profª. Lais Farias Alves

Manual do Aplicativo - Rastreamento Veicular

TRBOnet Standard. Manual de Operação

Aplicação de dados para TETRA Rio de Janeiro Nov Thierry de Matos Reis -

Click to Full Screen Última atualização 22 de Agosto, 2014

Periféricos e Interfaces Ano lectivo 2003/2004 Docente: Ana Paula Costa. Aula Teórica 20

Configuração do Ambiente de Trabalho

Curso de Instalação e Gestão de Redes Informáticas

Esclarecimento: Não, a operação de matching ocorre no lado cliente da solução, de forma distribuída.

SIMULADO Windows 7 Parte V

Conteúdo. 1. Requisitos para instalação do PrefSuite Cliente Servidor 4

Scalable Vector Graphics. Kadu Neves Rafael Rocha

Comunicado de imprensa

ANEXO 11. Framework é um conjunto de classes que colaboram para realizar uma responsabilidade para um domínio de um subsistema da aplicação.

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

AULA 2. Aspectos Técnicos. Luciano Roberto Rocha. MBA em Marketing Digital SOCIAL GAMES

Sphinx Scanner Informações gerais V

POWER POINT 2003 CARREGANDO O POWER POINT

Mídia Kit NetCartas Versão 1.0

Módulo 4. Construindo uma solução OLAP

Selling Platform. Ofereça um serviço personalizado e único aos seus clientes

EVIL ANGEL CHIBI - SCAPE OF DEATH

Tecnologia e Informática

15 Computador, projeto e manufatura

Taxa de Gravação da Memória RAM (MegaBytes / segundo) G5 2.7 Ghz (Mac) Linux Kernel

Conteúdos Off-Line e para Dispositivos Móveis

Chapter 2 Guia de referência rápida 2-

Itinerários de Ônibus Relatório Final

Técnicas e ferramentas de ataque. Natiel Cazarotto Chiavegatti

Programação Gráfica Parte 1 Versão em Java 2006 PUCPR Tutoria de Jogos 1º Ano

Manual do usuário. isic 5 - Windows Phone

Apostilas OBJETIVA Escrevente Técnico Judiciário TJ Tribunal de Justiça do Estado de São Paulo - Concurso Público Caderno 1.

GS 16SVR960 Sistema de Gravação de Vídeo - 960H - 16 canais

Reconhecimento de marcas de carros utilizando Inteligência Artificial. André Bonna Claudio Marcelo Basckeira Felipe Villela Lourenço Richard Keller

OURO MODERNO Designer Gráfico APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

O Windows 7 é um sistema operacional desenvolvido pela Microsoft.

Operação Básica. Login no Sistema

Transcrição:

Projeto de Jogos Parte II Gráficos Paulo V. W. Radtke pvwradtke@gmail.com http://www.ppgia.pucpr.br/~radtke/jogos Conteúdo Introdução Vídeo Considerações (PC e celular) O Mundo em Blocos de Imagem Sprites e Animação Formatos de Arquivo PUCPR - CCET 1

Introdução Os recursos de áudio e vídeo são o componente fundamental da interface do jogo com o usuário. Através da imagem o usuário tem o retorno visual do mundo representado em memória do jogo. Através do áudio podem ser fornecidas pistas da ação, aumentando o grau de imersão. PUCPR - CCET 3 Introdução Ambos os recursos podem ser utilizados para tornar a experiência mais interessante ou agradável. Efeitos visuais podem tornar o jogo mais bonito e interessante de se ver. Música pode tornar a atmosfera do jogo mais completa. PUCPR - CCET 4

Introdução Problemática: Limite de hardware. Escopo do jogo. Custo de produção dos recursos. A combinação destes fatores influencia diretamente a apresentação áudio-visual do jogo. PUCPR - CCET 5 Introdução Knightlore (Spectrum 48k, Ultimate, 1983): PUCPR - CCET 6 3

Introdução Half-Life (Windows PC, Valve, 4) PUCPR - CCET 7 Introdução Tanto o Knightlore como o Half-Life foram jogos que redefiniram os padrões de áudiovisual no seu lançamento. O hardware da época ditou o limite atingido por cada um dos jogos. PUCPR - CCET 8 4

Introdução Regras de ouro: Bons gráficos não fazem um bom jogo. Música e efeitos sonoros devem fazer parte da experiência, mas nunca se tornam a experiência em si. Objetivo: encontrar o balanceamento adequado entre investimento em visual e áudio frente ao investimento no conceito e implementação. PUCPR - CCET 9 Introdução Foco desta tutoria: jogos D. Técnicas analisadas: Geração de imagens a partir de tilemaps. Animação de objetos em sprites. PUCPR - CCET 1 5

Vídeo Considerações (PC) Modos de vídeo em palette (56 ou 16 cores): Caminho: modo true color ou high color. PUCPR - CCET 11 Vídeo Considerações (PC) Motivação da escolha do modo de cores: Aceleração por hardware disponível em diversas situações. Processadores e memórias suficientemente rápidas para trabalhar com grandes quantidades de dados. A maioria das placas aceleradas 3D trabalha com os modos de vídeo com palette em modo simulado, logo não é mais rápido utilizá-los. PUCPR - CCET 1 6

Recomendações - Desktop Resoluções VGA e VGA ModoX: Resolução mínima do Windows XP: 8x6 pixels. Mínimo multi-plataforma: 64x48 pixels. PUCPR - CCET 13 Recomendações - Desktop Motivação da escolha a resolução: Processadores e memórias suficientemente rápidas para trabalhar com grandes quantidades de dados. Suporte de sistemas operacionais para padronizar o acesso a estas resoluções de vídeo. PUCPR - CCET 14 7

Recomendações - Desktop Em geral, jogos que não façam uso extensivo de efeitos de imagens translúcidas e rotação não são problema para os sistemas atuais. Quanto menor a resolução, menor a complexidade dos gráficos a serem produzidos. O hardware atual possibilita atingir taxas de desenho de tela na ordem dos 75 quadros por segundo. PUCPR - CCET 15 Recomendações - Celulares Celulares são dispositivos de baixa resolução por natureza. Os modelos atuais variam de resolução, como 18x16, 16x4, etc. Uma resolução comum segura é 18x18. Outras resoluções dependem de uma família de aparelhos. O ideal é escolher uma família de aparelhos e produzir nestas condições. PUCPR - CCET 16 8

Recomendações - Celulares Além da baixa resolução, celulares também possuem uma baixa gama de cores no display. Em geral, a profundidade de cores varia de 1 a 16 bits (14 a 65536). Logo, nem todas as cores são reproduzidas, sendo necessário escolher as faixas de contraste. PUCPR - CCET 17 Recomendações - Celulares Celulares tem desempenho reduzido de vídeo, logo a simplicidade dos gráficos tornase mandatória. A taxa de atualização da tela é pequena se comparada com sistemas desktop, logo o jogo deve considerar este aspecto. Memória limitada requer uso inteligente de gráficos, e jogos mais complexos devem obrigatoriamente usar tilemaps. PUCPR - CCET 18 9

O Mundo em Blocos Jogos D fazem uso extensivo de uma técnica conhecida como tile mapping. Nesta técnica, os gráficos são construídos a partir de blocos menores que se encaixam. Assim, uma pequena quantidade de gráficos é capaz de gerar uma área extensa de cenário. PUCPR - CCET 19 O Mundo em Blocos King s Valley II Konami, 1988 PUCPR - CCET 1

O Mundo em Blocos Cada tela é representada por um mapa que contém uma referência cruzada para um bloco do tile set (conjunto de blocos). Ao desenhar a tela, o jogo determina a posição de cada bloco (tile) na tela e usa um índice para referenciar o bloco a ser desenhado. PUCPR - CCET 1 O Mundo em Blocos - Exemplo 1 Tile set (blocos) Referência cruzada no tile set 1 1 1 1 Tile map (mapa) Imagem gerada PUCPR - CCET 11

O Mundo em Blocos No caso de um jogo com movimentação de tela, um mapa é parcialmente visualizado na tela. A ilusão de movimento é dada pelo deslocamento dentro do mapa de um indexador que indica o bloco do canto esquerdo superior da tela (coordenadas padrão). PUCPR - CCET 3 O Mundo em Blocos Os blocos do tile map podem ser utilizados também para controlar o posicionamento dos elementos. Por exemplo, o chão aonde o jogador anda é indicado por alguns índices (referências) de blocos. O mesmo vale para escadas, paredes e outros elementos. PUCPR - CCET 4 1

O Mundo em Blocos Ao movimentar, o jogo testa o tipo de bloco que o jogador está pisando para determinar se o jogador: Anda; Cai. Pára (por andar contra uma parede). Morre (pisar em fogo, espinho ou cair na água). PUCPR - CCET 5 O Mundo em Blocos O tamanho do bloco depende da resolução do sistema alvo e da granularidade desejada. Para celulares, blocos 8x8 são um bom compromisso. Já para sistemas desktop, 16x16 ou 3x3 são mais adequados pela resolução mais alta. PUCPR - CCET 6 13

O Mundo em Blocos Existe um editor de mapas gratuito para Windows, o Mappy. O editor importa arquivos BMP e PNG para gerar mapas. Além de trabalhar com diversos tamanhos de blocos, o editor possui suporte a mapas isométricos (ex: Knightlore). PUCPR - CCET 7 O Mundo em Blocos PUCPR - CCET 8 14

O Mundo em Blocos A primeira opção é usar uma biblioteca de playback do Mappy, disponível para Allegro. Além desta opção, também podemos: Exportar o mapa em formato texto. Exportar o mapa como declaração de matriz em C/JAVA. Exportar o mapa em um formato binário para ser lido dentro de uma matriz C/JAVA. Obs: a Game API do MIDP. suporta explicitamente os tilemaps. PUCPR - CCET 9 O Mundo em Blocos Considerações: Alguns jogos não necessitam obrigatoriamente de tilemaps, como o caso de jogos de trivia, jogo da velha, jogos de aventura, etc. Nestes casos, imagens integrais são utilizadas e a lógica do jogo ou um descritor determina o posicionamento dos elementos em cada tela. PUCPR - CCET 3 15

Animação e Sprites Considera-se um sprite todo elemento gráfico que é desenhado contra um cenário de fundo no jogo. Possui as seguintes características: Animação (opcional). Possui uma área transparente, referente a área sem desenho útil. Os testes de colisão entre elementos e cenário são feitos sobre estes elementos. PUCPR - CCET 31 Animação e Sprites A animação é atingida principalmente através da troca temporizada de quadros animados: PUCPR - CCET 3 16

Animação e Sprites A transparência dos pontos não desenhados pode ser atingida de duas maneiras: 1. Através de colorkey: uma cor é escolhida para exclusão (normalmente rosa em true color ou cor em sistema de palette).. Através de canal de alpha em imagens 3 bits. PUCPR - CCET 33 Animação e Sprites Colorkey Canal de alpha PUCPR - CCET 34 17

Animação e Sprites Allegro suporta tanto canal de alpha como colorkey. JME suporta na maioria dos aparelhos canal de alpha simples ou pontos opacos, ou pontos completamente ignorados. PUCPR - CCET 35 Animação e Sprites Canal de alpha tem a vantagem de permitir transparência real, inclusive pontos translúcidos. Além disso, é possível fazer operações de anti-aliasing para suavizar bordas de imagens com precisão. Desvantagem: modo de 3 bits não é suportado em TODOS os displays para sistemas desktop. PUCPR - CCET 36 18

Animação e Sprites Colorkey tem como vantagem a maior velocidade, requerendo apenas cópia de pontos. Como desvantagem, não é possível utilizar anti-aliasing para melhorar a qualidade de imagem. PUCPR - CCET 37 Animação e Sprites Normalmente, como nos blocos de cenário, associa-se aos sprites um tamanho fixo. Esta escolha normalmente é feita para padronizar e acelerar o mecanismo de colisão através de máscaras de bits. Para criar elementos maiores, utilizam-se vários sprites e uma espécie de tilemap para representar cada quadro do elemento. PUCPR - CCET 38 19

Formatos de Arquivo A maioria dos editores do mercado trabalha com um grande conjunto de formatos de imagem. Destes formatos, nos interessam os seguintes: BMP (Allegro) TGA (Allegro) PNG (JME) PUCPR - CCET 39 Formatos de Arquivo No caso do JME, é importante que o editor suporte a edição de imagens contra um fundo transparente. Exemplos: Paint Shop Pro Gimp Photoshop PUCPR - CCET 4

Formatos de Arquivo No caso do Allegro, a escolha do formato é praticamente uma escolha pessoal. A única ressalva é quanto a modos 3 bits. Neste caso, o adequado são imagens TGA. Motivo: por mais que alguns editores gerem arquivos BMP 3 bits e a Allegro suporte, estes são fora do padrão oficial e a vasta maioria dos editores sequer os gera. PUCPR - CCET 41 Próximo Seminário Projeto III: Áudio Exemplo de projeto: jogo da velha PUCPR - CCET 4 1

Perguntas? PUCPR - CCET 43