Jump to content


Photo

Bola Quicando


  • Faça o login para participar
13 replies to this topic

#1 Formando

Formando

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 15/03/2010, 21:17

olá pessoal,achei este codigo na web, sera que alguem pode me esplicar ele.


[codebox]
<script language=javascript>

var LIMITE_Y = 200,
LIMITE_X = 200,
LIMITE_BARRA = 0,
DELAY = 10,
VELOCIDADE = 2,
X = 0,
Y = 0;

var PAUSE = false;
var SENTIDO_Y = "D",
SENTIDO_X= "B";

window.onload = function(){

var BOX = document.getElementById("box");
var BARRA = document.getElementById("bloco");
var AREA = document.getElementById("area");

BARRA.style.left = 75;
BARRA.style.top = 100;

BOX.style.left = X;
BOX.style.top = Y;
var LIMITE_BARRA_X = parseInt(BARRA.style.top.replace("px",""))-parseInt(BOX.offsetHeight)-parseInt(BARRA.offsetWidth);
var LIMITE_BARRA_Y = parseInt(BARRA.style.left.replace("px",""))+parseInt(BOX.offsetWidth);

window.setInterval(function(){

if(PAUSE){

if (Y >= LIMITE_Y) SENTIDO_Y = "E";

if (Y <= 0) SENTIDO_Y = "D";

Y = (SENTIDO_Y == "D") ? (Y+VELOCIDADE): (Y-VELOCIDADE);

if (X >= LIMITE_X) SENTIDO_X = "C";

if (X <= 0) SENTIDO_X = "B";

X = (SENTIDO_X == "B") ? (X+VELOCIDADE) : (X-VELOCIDADE);

if((X == LIMITE_BARRA_X && Y <= LIMITE_BARRA_Y)) SENTIDO_X = "C";

if(X <= (LIMITE_BARRA_X+parseInt(BARRA.offsetWidth)+parseInt(BARRA.offsetHeight)) && Y <= parseInt(BOX.offsetHeight+BARRA.offsetHeight)) {

if(X == (LIMITE_BARRA_X+BARRA.offsetWidth+BARRA.offsetHeight))SENTIDO_Y = "E";

else if (X > LIMITE_BARRA_X && X <= (parseInt(BOX.offsetHeight)+LIMITE_BARRA_X)){

SENTIDO_X = "B";

}else

AREA.style.backgroundColor= (AREA.style.backgroundColor == 'green' ? 'white' : 'green');
}

BOX.style.left = Y;
BOX.style.top = X;
}

},DELAY);

}



</script>
[/codebox]


Muito obrigado.

Edição feita por: Édipo Costa Rebouças, 08/06/2010, 12:18.
Use o padrão bbCode para postagem de códigos


#2 Willian Gustavo Veiga

Willian Gustavo Veiga

    12 Horas

  • Usuários
  • 175 posts
  • Sexo:Masculino

Posted 16/03/2010, 10:32

Bom dia, tudo bem?

Qual parte exatamente você não entendeu?
Você tentou entender o código antes de postar?

Aguardo uma resposta.

Um abraço, tudo de bom.
Posted Image

#3 Formando

Formando

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 16/03/2010, 17:04

o codigo ate q me é familiar,mas não estou entendendo muito a sua logica,estou começando agora em javascript, pra falar a verdade, para a bola começar a se movimentar precisa apertar um botão, só q eu queria que ela se movimentasse automaticamente, só que não sei onde modificar o script, sera q vc pode me ajudar nisso?.Muito obrigado.

#4 Willian Gustavo Veiga

Willian Gustavo Veiga

    12 Horas

  • Usuários
  • 175 posts
  • Sexo:Masculino

Posted 16/03/2010, 20:47

Boa noite.

Você pode postar o HTML, por favor?

Obrigado.
Posted Image

#5 Formando

Formando

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 16/03/2010, 21:13

[codebox]
<style>
div{
position:absolute;
z-index:100;
width:40px;
height:30px;
}
#bloco{
background:black;
width:20px;
height:10px;
}
</style>
[/codebox]

[codebox]
<body>
<div id="bloco">
</div>
<div id="area" style="height:248px;width:248px;border:4px solid black;left:0;top:0;z-index:1;background:white;">
<div id="box">
<img src="b-ball.gif" >
</div>
</div>
<button style="position:absolute;top:260;" onclick="PAUSE = !PAUSE;">Pausar / Continuar</button>
[/codebox]

Edição feita por: Édipo Costa Rebouças, 08/06/2010, 12:19.
Use o padrão bbCode para postagem de códigos


#6 Willian Gustavo Veiga

Willian Gustavo Veiga

    12 Horas

  • Usuários
  • 175 posts
  • Sexo:Masculino

Posted 17/03/2010, 07:33

Bom dia, tudo bem?

Tente colocar esse código:
<body onload="PAUSE = !PAUSE;"
Volte para dizer se funcionou.

Um abraço, tudo de bom.
Posted Image

#7 Formando

Formando

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 17/03/2010, 14:55

não, não funcionou.

#8 Willian Gustavo Veiga

Willian Gustavo Veiga

    12 Horas

  • Usuários
  • 175 posts
  • Sexo:Masculino

Posted 18/03/2010, 08:58

Ignora o que eu disse anteriormente e muda a linha:
var PAUSE = false;
para:
var PAUSE = true;
Um abraço, tudo de bom.
Posted Image

#9 Formando

Formando

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 18/03/2010, 14:39

po, brigadão funcionou sim,mas estou com serios problemas, to estudando esse codigo só que não sei quais linhas que fazem a bola ter um limite para não passar da area,ou melhor, ate acho que sei alguns mas não sei a ligação que esta linha tem com as outras, sera q vc pode me ajudar nisso, a descobrir quais ligações cada linha tem com as outras?.Muito obrigado.

#10 Willian Gustavo Veiga

Willian Gustavo Veiga

    12 Horas

  • Usuários
  • 175 posts
  • Sexo:Masculino

Posted 19/03/2010, 10:04

Desculpa, mas não entendi sua ultima pergunta.
Posted Image

#11 Francke Peixoto

Francke Peixoto

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro/Brasil

Posted 05/06/2010, 14:20

Sou o autor do código, caso ainda precise de ajuda, estamos ae!! ^_^

Em meu blog, postei com o titulo "Animação com javascript puro em 45 linhas"

http://franckepeixot...o-em-45-linhas/





olá pessoal,achei este codigo na web, sera que alguem pode me esplicar ele.



<script language=javascript>

var LIMITE_Y = 200,
LIMITE_X = 200,
LIMITE_BARRA = 0,
DELAY = 10,
VELOCIDADE = 2,
X = 0,
Y = 0;

var PAUSE = false;
var SENTIDO_Y = "D",
SENTIDO_X= "B";

window.onload = function(){

var BOX = document.getElementById("box");
var BARRA = document.getElementById("bloco");
var AREA = document.getElementById("area");

BARRA.style.left = 75;
BARRA.style.top = 100;

BOX.style.left = X;
BOX.style.top = Y;
var LIMITE_BARRA_X = parseInt(BARRA.style.top.replace("px",""))-parseInt(BOX.offsetHeight)-parseInt(BARRA.offsetWidth);
var LIMITE_BARRA_Y = parseInt(BARRA.style.left.replace("px",""))+parseInt(BOX.offsetWidth);

window.setInterval(function(){

if(PAUSE){

if (Y >= LIMITE_Y) SENTIDO_Y = "E";

if (Y <= 0) SENTIDO_Y = "D";

Y = (SENTIDO_Y == "D") ? (Y+VELOCIDADE): (Y-VELOCIDADE);

if (X >= LIMITE_X) SENTIDO_X = "C";

if (X <= 0) SENTIDO_X = "B";

X = (SENTIDO_X == "B") ? (X+VELOCIDADE) : (X-VELOCIDADE);

if((X == LIMITE_BARRA_X && Y <= LIMITE_BARRA_Y)) SENTIDO_X = "C";

if(X <= (LIMITE_BARRA_X+parseInt(BARRA.offsetWidth)+parseInt(BARRA.offsetHeight)) && Y <= parseInt(BOX.offsetHeight+BARRA.offsetHeight)) {

if(X == (LIMITE_BARRA_X+BARRA.offsetWidth+BARRA.offsetHeight))SENTIDO_Y = "E";

else if (X > LIMITE_BARRA_X && X <= (parseInt(BOX.offsetHeight)+LIMITE_BARRA_X)){

SENTIDO_X = "B";

}else

AREA.style.backgroundColor= (AREA.style.backgroundColor == 'green' ? 'white' : 'green');
}

BOX.style.left = Y;
BOX.style.top = X;
}

},DELAY);

}



</script>



Muito obrigado.


agora que vi...

poderia ter pelomenos deixado os créditos no fonte rs :D

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 10/10/2017, 17:52

Doryx Low Price Prix Viagra Pas Cher En Saint generic cialis Hair Loss Propecia Men Cialis 5mg Comprime Buying Citalopram Online
Nolvadex On Sale Usa Real Phiser Viagra Pills Zithromax With No Prescription viagra Propecia If
Canadian Pharmacy Support Team levitra for sale on ebay Viagra Frome India Et Priligy Viagra

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/10/2017, 21:45

Levitra Soft Online Cheap Cialis Canada Pharmacy viagra Asthma Inhaler Non Prescription
Propecia Pas Cher Sexy Rx1 viagra online prescription Zithromax Chlamydia Eye
What Amoxicillin Works For Viagra 100mg 4 Stuck Dapoxetina Prezzo viagra online pharmacy Viagra Nell'Acqua Does Augmentin Work Better Than Amoxicillin Buy Prescription Levitra Online

#14 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 12/11/2017, 23:12

Dapoxetina Con Viagra generic cialis Secure Free Shipping Hydrochlorothiazide Direct Delivered On Saturday




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq