All Projects → johnatas-henrique → fake-racer

johnatas-henrique / fake-racer

Licence: other
Jogo de corrida tributo aos jogos da era 16-bit. Feito 100% em HTML / JavaScript / CSS.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects
shell
77523 projects

Projects that are alternatives of or similar to fake-racer

CSR2-Racing-Collection
CSR2 Resource Collection
Stars: ✭ 137 (+585%)
Mutual labels:  racing
RejsaCAN-ESP32
ESP32 board with CAN interface, runs on 12V power (with auto shutdown)
Stars: ✭ 88 (+340%)
Mutual labels:  racing
uracer-kotd
A GLES2 top-down racer, built on top of libgdx and Box2D.
Stars: ✭ 95 (+375%)
Mutual labels:  racing
pseudo-3d-pytorch
No description or website provided.
Stars: ✭ 29 (+45%)
Mutual labels:  pseudo-3d
rcn.io
🚴 Making bike racing in USA "a better place" or "great again"
Stars: ✭ 43 (+115%)
Mutual labels:  racing
DreeRally
Death Rally engine reimplementation
Stars: ✭ 68 (+240%)
Mutual labels:  racing
TrackMania AI
Racing game AI
Stars: ✭ 65 (+225%)
Mutual labels:  racing
RejsaRubberTrac
RejsaRubberTrac - A wireless thermal camera for monitoring tire temperatures
Stars: ✭ 77 (+285%)
Mutual labels:  racing
karting
A multiplayer racing example project in Unity using the SocketWeaver SDK
Stars: ✭ 39 (+95%)
Mutual labels:  racing
Hover
Hover is a work-in-progress port of Hover.
Stars: ✭ 58 (+190%)
Mutual labels:  racing

Boas vindas ao repositório do projeto Fake Racer!

Imagens do jogo

initial screen race screen

Meus comentários

Quando eu era criança, sempre me interessei por como as pessoas desenvolvedoras tinham feito os jogos que eu jogava, como elas faziam as coisas se mexerem na tela, como eram animadas e como faziam os meus apertos de botão no controle se transformarem para mim em momentos marcantes.

Daí que sempre quis fazer um pequeno jogo e agora que tenho um pouco de conhecimento em JavaScript, resolvi iniciar a construção do Fake Racer como método de aprendizagem.

Dei esse nome, porque no final das contas, muita coisa é ilusão de ótica, um dos conceitos mais difíceis de acreditar são que as curvas por exemplo, não existem em jogos 2D, é apenas algo "fake", que é tratado para parecer real aos nossos olhos.

Para quem quiser ver o passo a passo do código, recomendo olhar as releases e tags, também pode ser interessante ver o CHANGELOG para poder ver o processo de evolução do código, commit a commit.

Em construção: Feito apenas com propósitos educacionais, feito com base em uma série de vídeos do YouTube e nos seguintes links:

Extent of the Jam
Gablaxian
CodeIncomplete
YT - Franks Laboratory
YT - Vagner Araujo


Sprites reutilizadas de jogos antigos como:

Super Monaco GP (Mega Drive)
Nigel Mansell's World Championship Racing (Super Nintendo)
Top Gear (Super Nintendo)


Instalação do projeto localmente

Não é necessário rodar o projeto localmente para ver o jogo rodando, pois ele está rodando nesse link.

Caso queira rodar local mesmo assim, siga o tutorial abaixo.

Após cada um dos passos, haverá um exemplo do comando a ser digitado para fazer o que está sendo pedido, caso tenha dificuldades e o exemplo não seja suficiente, não hesite em me contatar em [email protected].

  1. Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
  mkdir projetos
  1. Entre no diretório que acabou de criar e depois clone o projeto:
  cd projetos
  git clone git@github.com:johnatas-henrique/fake-racer.git
  1. Para evitar problemas de CORS, utilize a extensão Live Server do VSCode para conseguir carregar todos os assets externos, com o servidor rodando, abra o arquivo index.html, não é necessário rodar um npm install para ver o jogo rodando.

Se você apenas der duplo clique no arquivo index.html, o projeto não vai abrir em seu navegador e se você abrir o console, verá um problema de CORS.


Link para o deploy:

https://johnatas-henrique.github.io/fake-racer/

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].