Como modificar a Tela de Loading

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 

Vamos abrir o ficheiro do jogo chamado "Game" 

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()

Esta imagem foi redimensionada. Clique nesta barra para vê-la no tamanho original (727x417px).

É 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

Esta imagem foi redimensionada. Clique nesta barra para vê-la no tamanho original (750x684px).

 


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