Skip to content
Permalink
Browse files

Ajustes para maximizar a área jogável

  • Loading branch information...
ClouudStrife committed Jan 28, 2019
1 parent 02d7fd9 commit 4e29bbbb480dc873985506a6d2ccec4ac1e6d731
Showing with 54 additions and 43 deletions.
  1. +34 −30 css/style.css
  2. +20 −13 js/logica.js
@@ -1,4 +1,13 @@
/*Parte das camadas*/

body, html{

height: 100%;
width: 100%;
margin: 0;

}

body
{
background-image: url("../imgs/madeira.png");
@@ -16,14 +25,9 @@ body
}
#palco
{
position:absolute;
left:50%;
top:50%;
margin-left: -400px;
margin-top: -300px;
width: 800px;
height: 600px;
background-image: url("../imgs/papel.png");
min-height: 100%;
padding: 2.5rem;
background: lightcoral;
}

#camadaVitoria
@@ -46,8 +50,7 @@ body

#camadaJogo
{
width: 800px;
height: 600px;

}

#camadaCreditos
@@ -65,19 +68,15 @@ body
/*Parte das coisas escritas na tela*/
#palavraNaTela
{
position: absolute;
left: 40%;
top: 45%;
width: 350px;

width: 100%;
text-align: center;
}

#dicaNaTela
{
position: absolute;
left: 35%;
top: 25%;
width: 450px;

width: 100%;
text-align: center;
}

@@ -91,19 +90,15 @@ body

#pontosNaTela
{
position: absolute;
left: 70%;
top: 8%;
text-align: right;
}

/*Parte dos botoes no jogo*/
#botoes
{
position: relative;
top: 65%;
left: 40%;

width: 400px;
text-align: right;
display: inline-block;
}

.botaoJogo
@@ -196,18 +191,17 @@ p

#btnVoltar
{
position: absolute;

width: 50px;
height: 50px;
top: 87.5%;
left: 88%;

background-image:url("../imgs/btnVoltar.png")
}
/*Parte do personagem do jogo*/
.personagem
{
position: absolute;
top: 37%;


width: 317px;
height: 382px;
background: url(../imgs/personagem.png);
@@ -218,11 +212,13 @@ p
{

z-index: 11;
float: left;
}

#personagemAnt
{
z-index: 10;
display: none;
}

#palavraCerta
@@ -246,3 +242,11 @@ height: 1px !important;
width: 1px !important;
overflow: hidden;
}

#row{

display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
@@ -12,6 +12,9 @@ function iniciar()
jogo.botaoVoltar.setAttribute("role" , "button");
jogo.botaoVoltar.setAttribute("aria-label" , "Voltar");

jogo.linha = document.createElement("div");
jogo.linha.setAttribute("id", "row");

jogo.botaoVoltar.onclick = function() {
ativarBotaoVoltar();
}
@@ -23,7 +26,8 @@ function iniciar()
removerComandosEnterSpace();
}*/

$("#camadaJogo").append(jogo.botaoVoltar);



jogo.falador = document.createElement("div");
jogo.falador.setAttribute("id", "falador");
@@ -32,6 +36,7 @@ function iniciar()
jogo.falador.setAttribute("style", "display: none;");
$("#camadaJogo").append(jogo.falador);


jogo.dicaNaTela = document.createElement("div");
jogo.dicaNaTela.setAttribute("id", "dicaNaTela");
jogo.dicaNaTela.setAttribute("tabIndex", "1");
@@ -52,6 +57,7 @@ function iniciar()
jogo.contribuicaoNaTela.setAttribute("class", "customfont");
jogo.contribuicaoNaTela.innerHTML = "Contribuição de: "+jogo.bd[jogo.bdAux[jogo.sorteio]].contribuicao;
$("#camadaJogo").append(jogo.contribuicaoNaTela);

}
$("#camadaJogo").append(jogo.dicaNaTela);

@@ -61,6 +67,7 @@ function iniciar()

//Pegamos uma palavra aleatoria


jogo.palavraSorteada = jogo.bd[jogo.bdAux[jogo.sorteio]].palavra;

jogo.aux = "";
@@ -85,8 +92,11 @@ function iniciar()
jogo.bdAux[jogo.bdTamanho] = jogo.bdAux[jogo.sorteio];
jogo.bdAux[jogo.sorteio] = ajuda;

colocarTecladoNaTela();
$("#camadaJogo").append(jogo.linha);
$("#camadaJogo").append(jogo.botaoVoltar);
colocarPersonagem();
colocarTecladoNaTela();

update();
}

@@ -116,6 +126,8 @@ function update()
jogo.pontosParciais = aux;
jogo.pontos = jogo.pontos + aux;



$('<div>').attr({'id': 'palavraCerta',})
.appendTo(el);

@@ -220,28 +232,23 @@ function verificarErro(_letra)
if(!deuErro)
{
$("#falador").text("Letra Certa");

var audio = document.getElementById("letraCerta");
audio.currentTime = 0
audio.play()
}
if(deuErro)
{
$("#falador").text("Letra Errada");
jogo.erros++;
mudarPersonagem();

var audio = document.getElementById("letraErrada");
audio.play();
}
}

//Coloca os botoes do teclado na tela


function colocarTecladoNaTela()
{
var botoes = document.createElement("div");
botoes.setAttribute("id", "botoes");
$("#camadaJogo").append(botoes);
$("#row").append(botoes);

var linha1 = new Linha(1);
var linha1 = new Linha(2);
@@ -378,13 +385,13 @@ function colocarPersonagem()
jogo.personagem = document.createElement("div");
jogo.personagem.setAttribute("id", "personagem");
jogo.personagem.setAttribute("class", "personagem");
$("#camadaJogo").append(jogo.personagem);
$("#row").append(jogo.personagem);


jogo.personagemAnt = document.createElement("div");
jogo.personagemAnt.setAttribute("id", "personagemAnt");
jogo.personagemAnt.setAttribute("class", "personagem");
$("#camadaJogo").append(jogo.personagemAnt);
$("#row").append(jogo.personagemAnt);
}

function mudarPersonagem()
@@ -460,4 +467,4 @@ function keyDown(event)
objetoBotao.blur();
break;
}
}
}

0 comments on commit 4e29bbb

Please sign in to comment.
You can’t perform that action at this time.