🤔 Para Refletir :
"Mudar não é fraqueza, pelo contrário, é um sinônimo de superação."
- Ricky O Bardo

Como modificar a Tela de Loading [Tululoo HTML5] [JavaScript]

makergame2000

Cidadão
Membro
Membro
Juntou-se
13 de Dezembro de 2015
Postagens
217
Bravecoins
2
Como modificar a Tela de Loading



Neste tutorial vamos avançar no profundo, para fazer isto você não precisa de abrir o Tululoo mas sim o o ficheiro JavaScript, mas não se assuste pois isto é muito fácil de fazer, é neste ficheiro que alguns usuário do tululoo fazem o seu jogo pois aqui você pode melhorar a própria engine, modificar funções do tululoo e adicionar entre outros, nós só vamos modificar umas linhas nada mais.

A tela do tululoo normal é esta aqui mas a gente quer mudar isto para não ficar tão morto

4U159E2.png

Vamos abrir o ficheiro do jogo chamado "Game"

p8brrFl.pngl

Atenção que isto é o que faz o seu jogo funcionar
qualquer modificação mal feita vai estragar todo


Eu vou usar notepad++ que server para programar muita coisa
você pode usar qualquer coisa não é preciso ser isto
Procure por function tu_preloader()

bToF7LD.png

É neste bloco de código que tudo se faz agora
Você pode adicionar imagens e mais mas é algo mais complicado, para isso você precisa de saber um pouco de JavaScript e não vou explicar isso agora.


_x = (tu_canvas.width - _w) >> 1, _y = (tu_canvas.height - _h) >> 1
Posição da barra

_s = "Carregar Jogo " + (tu_load_total - tu_loading) + "/" + (tu_load_total);
Texto ao carregar

tu_canvas.style.backgroundColor = "rgb(0, 2, 42)";
Cor do Fundo


tu_context.font = "italic 12px Verdana";
Tamanho e fonte da letra

tu_context.textAlign = "left"
Alinhamento do texto

tu_context.fillRect(_x - 20, _y - 20, _w + 30, _h + 30);
Bordas do retangulo


tu_context.fillStyle = tu_context.strokeStyle = "rgba(100, 190, 92, 1)";
Cor do texto




Como ficou o meu Loading
hPPJ8jz.png



E pronto você pode  fazer mais coisas mas não irei explicar por ser um pouco avançado demais
É mesmo mexer e ver o que dá e assim você aprende






q.PNG
http://arcadotululoo.blogspot.pt/
 
Voltar
Topo Inferior