Mini Jogo RPG feito com TypeScript e React JS.

​Nesse projeto foram instalados:
​ • Styled-Components.
​ • @types/styled-components.

​Esse projeto tem como objetivo fazer um mini mapa de Jogo de RPG, onde o personagem principal não pode andar por todo mapa. Existindo pontos que serão tratados como obstáculos, como na imagem abaixo:

jogo-RPG

​A Fonte de Água, o Cercado, as Plantas, além de não poder sair para fora do mapa, são considerados obstáculos. Sendo esses especificados na Matriz abaixo, através de 0 e 1:

matriz-jogo-RPG

​A figura do mapa tem 480px e a matriz foi feita justamente para essa imagem. Onde nos 0(s) o personagem não pode transitar, já nos elementos 1(s) o Character pode sim transitar.

​No código existiu constante utilização de Arrow Functions, além de trabalho com Hook Personalizado e tipagem em vários elementos ao longo do código.

​Meu próximo objetivo por aqui para esse projeto é adicionar obstáculos do tipo ‘fire’ no jogo, ou seja, ainda está em construção.

Esse projeto foi feito através de uma vídeo aula do canal Bonieky Lacerda, do vídeo Jogo RPG em React – Projeto 4 – Desafio 5em5 (React).

GitHub

View Github