Configuração do Ambiente com Vite e Renderização de Sprites no Canvas – OHMline

Conteúdo do curso

Módulo 1

0/15

Configuração do Ambiente com Vite e Renderização de Sprites no Canvas

Orientação a Objetos: Criando a Classe Base e Instanciando Personagens

Arquitetura de Mapas: Renderização por Camadas e Cenários de Demonstração

Herança e Controle: Criando a Classe de Pessoas e Sistema de Inputs

Animação de Sprites: Transições de Direção e Vida ao Movimento

Câmera Dinâmica: Sistema de Foco e Centralização do Protagonista

Física do Jogo: Implementando Lógica de Colisão e Bloqueio de Movimento

Inteligência Estática: Estruturando a Lógica Inicial dos NPCs

Gerenciador de Eventos: Sistema de Interação entre Herói e NPCs

Movimentação Autônoma: Criando o Loop de Comportamento dos NPCs

Cenas Customizadas: Orquestrando Movimentos Independentes do Jogador

Sistema de Diálogos: Interface de Texto e Interação por Tecla

Transição de Ambientes: Gatilhos para Troca Dinâmica de Mapas

Objetos Interativos: Criando a Estante de Livros

Polimento Visual: Efeito Typewriter e Transições Suaves de Fade

Módulo 2

0/6

Arena de Combate: Setup do Cenário e Posicionamento de Batalha

Interface de Batalha: Barras de Vida e Animações de Ataque

Curso de Desenvolvimento de Jogos – Jogo 2D

Nesta aula, avançamos na construção da interface visual do jogo utilizando a API Canvas para renderizar a imagem do mapa como plano de fundo. Para a exibição do protagonista, aplicamos a técnica de recorte de sprites, utilizando uma janela retangular que seleciona a área específica da imagem para desenhar o personagem na tela de forma precisa. Por fim, estruturamos o ambiente de desenvolvimento inicializando o servidor através do Vite, garantindo uma execução rápida e otimizada do projeto durante o código.