Site hospedado no render: Engine Simples.
Exemplo: https://engine-simples.onrender.com/game/ujkgms9tfqw40qxdc56k
Este projeto foi criado quando minha mãe disse que precisava de um programa que fizesse isso gratuitamente, o objetivo dele é fazer ser uma engine simples de jogos onde se pode criar um jogo de botões onde o usuário escolhe uma opção das dadas pelo criador e vê se foi a resposta certa ou não, o criador do jogo também pode adicionar uma imagem ou animação simples no jogo, o resultado final pode ser baixado ou adicionado a outro site.
Ele será criado com HTML, CSS e JavaScript.
Como nunca criei um projeto desse tipo antes, ele irá demorar muito tempo para ficar pronto, eu possivelmente farei outros projetos nesse meio tempo com assuntos que estarei estudando para fazer esse, talvez até desista desse daqui no meio do caminho.
Já adicionei um modo de criar fases novas e perguntas novas.
Adicionei um modo que limita a quantidade maxima de caixas de texto e um botão que apaga a ultima caixa, deixei como minimo duas caixas em vez de quatro como na versão anterior. Adicionei um botão que remove a última fase, deixando um minimo de uma fase.
Adicionei um botão de criar fase, mudei algumas coisas no CSS e criei a função criar jogo.
Mudei o nome da função criar_jogo() para function manipular_perguntas() e agora quando se cria uma fase ou pergunta nova as que já estavam escritas não se apagam.
Havia um problema de lógica no HTML que fazia com que toda vez que eu adicionasse uma pergunta, ela fosse para baixo do botão 'criar jogo!', mas agora o problema foi resolvido. Finalmente posso dizer que meu site cria um jogo, por mais que ele é bem mal feito e só pode ser usado localmente enquanto o site estiver aberto.
Percebi que havia um erro no jogo que quando a pessoa escreve as possiveis respostas não a como escrever a pergunta, então adicionei essa opção. Agora da para ver quantos acertos houve e os botões se tornaram responsiveis e estão todos de tamanho igual agora. Agora em vez de dar um alert toda ves que acerta ou erra, o código bota uma tag h1 por 2 segundos dizendo se ouve um acerto ou erro.
Agora o resultado (acertou/errou) e o final estão centralizados Começarei uma das partes mais complexas do projeto, que é o fato de que eu começarei a usar funções das quais não tenho nenhum conhecimento ainda, que é algo que não aconteceu até o momento atual, o primeiro objetivo será criar algo que deixe fácil para o usuário mudar a cor de fundo.
Descobri a existencia de um input que tem como valor type="color", ultilizarei isso para criar um seletor de cores para meu usuário. Input pronto e mudando a cor, agora o trabalho é botar o site no ar.
Agora os botões são centralizados caso não haja imagem.
Depois de muito tempo estou retornando a esse projeto. A atualização dessa vez é pequena só organizei um pouco o código e adicionei a possibilidade de mudar a cor das palavras acerto e erro.
Adicionei a opção de mudar a fonte do jogo criei uma borda para a tela.
Criei um servidor em node.js para o site.
Agora há meta tags no html e um cabeçalho com um botão e o meu nome no topo da pagina.
Agora o site tem um sistema para enviar um email para o usuário.
Agora a parte de verificação de e-mail e criação de conta está completa.
Sistema de login criado.
Atualizei o código, por mais que as mudanças foram pequenas uma delas quebrava o código anterior, por isso estarei atualizando o pakage.json para a verção 2.0.0, e fiz com que o servidor interagice direto com o cliente.
Dessa vez fiz varias alterações, mas o principal foi que modifiquei os arquivos HTML para EJS.
Agora a conta é salva localmente, de forma com que o login é feito de forma automatica.
Agora o jogo pode ser salvo, e um link é gerado altomaticamente que levara para o jogo.
Agora existe uma opção de deslogar e a pagina principal do site é resposiva.
Houve uma atualização no desing de algumas partes do site.
Agora o site salva localmente os dados do jogo, para que eles não sejam perdidos quando a aba fechar ou ser recarregada, mas são apagados ao criar o jogo.
Agora é possivel clicar em um botão e ver todos os jogos que foram criados.
Agora a um botão de apagar ao lado do jogo criado, representado por uma licheira criada pelo bootstrap.
Agora há um botão de atualizar.
Desing melhorado.
Agora a verção estavel e ultilizavel do site está terminada, já que existe um link que é possivel copiar para adicionar o jogo ao site do usuario, as únicas coisas que faltam são adicionar a opção de adiconar imagens e vídeos ao jogo e melhorar o desing do jogo.
Agora se pode adicionar um título ao jogo.
Agora a forma de cores mudou, fazendo com que em vez de o usuário escolha as cores diretamente, ele escolhe uma paleta de cores.
Agora o site é capaz de botar imagens e vídeos no jogo. O projeto está praticamente finalizado, todas as funções propostas no ínicio do projeto estão praticamente pronta. Eu posso vir a fazer atualizações para corrigir bugs e melhorar o desempenho, mas por hora é isso.
Melhorei a organização e adicionei uma camada de criptografia ao código.