BOMBOCLAT
jogo 3D em browser inspirado em Bomberman
ao vivo: https://bomboclat.jestev.es/
código fonte: https://github.com/joaoesteves10/cg-bomboclat
Contexto
Remake 3D do Bomberman clássico feito para a UC de Computação Gráfica, com Three.js. O avatar (com braços e pernas articulados) foge de ratos, apanha moedas e usa bombas para destruir blocos num labirinto tridimensional. Tem três modos de câmara (perspetiva, ortográfica e uma câmara livre para inspeção) e um menu de iluminação que liga/desliga individualmente seis luzes (ambiente, sol, fill, rim e duas pontuais). Está também integrado como um dos jogos da plataforma playAble. Desde então foi refatorizado, otimizado e corrigido de bugs; é totalmente self-contained, bastando arrastar o build compilado para qualquer servidor web para correr.
Desafios técnicos
- física e colisões em 3D — deteção de colisões e destruição de blocos num labirinto tridimensional
- seis luzes com controlo em tempo real — ambient, sun (direcional), fill, rim e duas point lights combinadas para dar profundidade à cena, com um menu (tecla L) para ligar/desligar cada uma individualmente durante o jogo
- três modos de câmara — alternância entre perspetiva e ortográfica (tecla C), mais uma câmara livre controlada por rato e setas (tecla V) para ver os modelos de perto e diagnóstico, que pausa o movimento do avatar enquanto ativa
- animação articulada — braços e pernas do avatar animados por rotação/translação ao andar, inimigos com rotação contínua, e explosões animadas por escalonamento
- três labirintos diferentes — layouts maze, classic e arena, cada um definido como uma grelha própria de paredes e blocos destrutíveis
- assets 3D próprios e importados — combinação de modelos feitos de raiz com modelos de terceiros adaptados no MagicaVoxel, para manter um estilo voxel visualmente consistente em toda a cena
Screenshots
