E bem devagar a velha roda gira...
Aventuras em Porto Sul
Então...Era para ser a minha participação no BraveFest, mas acho que fugi tanto da ideia original proposta que é melhor deixar pra lá mesmo kkk
Processo de Criação
Depois que vi o evento que requeria habilidades em front-end eu não poderia ficar de fora. Então comecei a desenvolver. Criei alguns arquivos básicos html, css e js e copiei o layout do condado para ficar tudo padronizado.
Comecei a desenhar a tela do inventário bem estilo RPG Maker mesmo. E depois fui para o código.
Mas queria que fosse algo bem dinâmico mesmo. Mas como era para ser simples não quis usar nenhum banco de dados ou API nesse projeto. Ao invés disso criei um arquivo JSON para usar como banco de dados.
E então criei uma tela de login e uma tela de registro e coloquei para salvar os dados do usuário nesse arquivo JSON.
Então parti para programar o inventário. Ficou bem legal até. Mas dai pensei: por que ao invés de só ter um inventário eu não coloco uma loja simplesinha também para deixar esse inventário mais dinâmico.
Beleza, criei uma loja. A lojinha administrada por Gimble e Gamble. E fui cadastrando itens. Cadastrei armas, objetos e poções. Dai fiquei olhando para as poções e suas descrições : "Cura 20% de HP". Coloquei as descrições básicas do RPG. Mas daí pensei: pq n crio um sisteminha de batalha para deixar essa lojinha e esse inventário ainda mais dinâmico? kkk.
Beleza, criei um sistema de batalha, cadastrei alguns monstros e tava funcionando. Mas dai pensei: que sistema de batalha simples. Vou botar umas habilidades. E cadastrei umas 36 habilidades que dividi em 5 classes: Guerreiro, Mago, Arqueiro, Ladino e Bardo. E que iriam ser desbloqueadas conforme o usuário fosse passando de nível.
Mas daí pensei: Por que não aproveitar esse sistema de ToDos e não fazer quests também.
Então cadastrei 50 quests que iam aparecendo conforme o nível do herói e montando uma história com o tempo.
E foi isso. Quando fui ver tinha montado um jogo.
Não deu para participar do evento mas espero que Gimble e Gamble se divirtam um pouco jogando esse humilde projeto.
Imagens
Créditos das Imagens
Link do Jogo
OBs: Como já disse o sistema é simples, só html css, js e um banco de dados em Json. Ou seja é extremamente fácil de ser hackeado. Não recomendo que usem sua senha padrão para tudo ou algum dado pessoal para o cadastro
Download do código fonte
Aventuras em Porto Sul
MediaFire is a simple to use free service that lets you put all your photos, documents, music, and video in a single place so you can access them anywhere and share them everywhere.
www.mediafire.com
Enfim, espero que gostem. E qualquer bug, sugestão, reclamação ou dúvida é só falar.
E quem quiser usar como base pra algum projeto ou quiser pegar o código e melhora-lo, colocar banco de dados, adaptar o layout para funcionar em mobile também fique a vontade
Última edição:
