elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: Personaliza-Escoge el diseño del foro que más te guste.


+  Foro de elhacker.net
|-+  Programación
| |-+  Scripting (Moderador: Eleкtro)
| | |-+  Problemas javascript
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problemas javascript  (Leído 233 veces)
tollis

Desconectado Desconectado

Mensajes: 8



Ver Perfil
Problemas javascript
« en: 30 Noviembre 2015, 20:40 »

Buenas Gente,

Estoy teniendo problemas con un ejercicio de javascript, el ejercicio consiste en: "Realizar un juego del frontón con una imagen rebotando en el borde izquierdo o superior de la ventana, o en una barra lateral situada a la derecha Y en una barra inferior móvil.

Para realizar este ejercicio puedes partir del 7.2
Esta barra inferior móvil se desplazará de derecha a izquierda y de izquierda a derecha, sin pasar tanto del borde izquierdo de la ventana como de la barra lateral.
El desplazamiento a la izquierda de dicha barra se produce al pulsar la tecla z (código ascii = 122) y a la derecha al pulsar la tecla x (código ascii = 120).
Así cuando la imagen del balón choca con esta barra rebota hacia arriba y cuando la pelota no contacte con la barra y la rebase se visualizará un mensaje indicando que la partida concluyó y parando la ejecución del script.

Esta aplicación se realizará solamente para navegadores modernos utilizando getElementById para situar las diferentes capas:
Si encuentras problemas o dificultades en la realización del ejercicio, no tengas duda en preguntar al tutor o incluso enviarle el código que no funciona como debe, para que lo vea y te ayude en la resolución de esta actividad. No obstante, ten en cuenta que no se trata de un ejercicio de autoevaluación, sino de evaluación por parte del tutor, por lo cual debes intentar resolverlo por tu cuenta

Nota:
1- Como en el ejercicio 7.2, es conveniente que tanto las posiciones x e y del balón, como las posiciones x e y de la barra se sitúen en variables con las que se calculen las posiciones y posteriormente se trasladen a la capa.
2- El contacto entre balón y barra sólo has de analizarlo cuando la pelota baje. Para ello te servirá la variable que has debido definir y que controlaría este tipo de movimiento en la pelota.
"
Vamos tipo ping pong solo que contra la pared, pues bien estoy realizandolo poco a poco pero creo que me estoy liando, os pongo el codigo que llevo

Código:
<HTML>
<HEAD>
<TITLE>Ejercicio 7.2</TITLE>
<STYLE TYPE="text/css">
#balon {
position:absolute;
width: 30;
height: 30;
}
#rectangulo {
background-color: blue;
position:absolute;
top:5;
left:5;
width: 550;
height: 385;
}
</STYLE>
<SCRIPT language=javascript>
var y=0;         
var x=0;
var barray=0;
var controlY=1;
var controlX=1;
var velocidad=1;
var control = 0;
var control2 = 0;
var controlbarra = 0;
var controlbarra2 =0;
window.onload = pulsar;
window.onload = mover;


function mover(){
//Eje Y
if(controlY==1){
y+=velocidad;
}else{       
y-=velocidad;
}
if(y<=0){
controlY=1;
y=0;
}
else if(y>=document.getElementById("rectangulo").offsetHeight-30)
{

controlY=0;
y=document.getElementById("rectangulo").offsetHeight-30;
}

if(controlX==1){
x+=velocidad;
}
else{       
x-=velocidad;
}
if(x<=0){
controlX=1;
x=0;
}
else if(x>=document.getElementById("rectangulo").offsetWidth-30)
{
controlX=0;
x=document.getElementById("rectangulo").offsetWidth-30;
}

document.getElementById("balon").style.left=String(x)+"px";
document.getElementById("balon").style.top=String(y)+"px";
}

function pulsar(e)
{
document.onkeypress=pulsar;
var mievento=e || window.event;
var codigotecla = mievento.charCode || mievento.keyCode;
letra=String.fromCharCode(codigotecla);
leftbarra = parseFloat(document.getElementById("barra").style.left);
if ( leftbarra >= 5 )
{
controlbarra=1;
}
else
{
controlbarra=2;
}
if (leftbarra < anchorectangulo - barra)
{
controlbarra2=1;
}
else
{
controlbarra2=2;
}
if (codigotecla == 122 && controlbarra==1)
{
barray= barray-14;
}
else if (codigotecla == 120 && controlbarra2==1 )
{
barray= barray+14;
}
document.getElementById("barra").style.left= barray +"px";;
}

var intervalo=setInterval("mover()",6);
</SCRIPT>
</head>
<BODY>
<DIV id="rectangulo">

<img src="balon.gif" alt="balon" id="balon" style="position:relative; "/>
<img src="barra1.gif" alt="barra" id="barra" style="position:absolute; width:80; height:30; top:325px; left:230px;"/>

</DIV>
</BODY>
</HTML>

Pues bien creo que estoy realizando mal el movimiento del balón, no se como comprobar cuando baje para hacer que choque contra la barra, la cual no se esta moviendo... no se, creo que estoy dando palos de ciego, a ver si me podríais decir que cambiar o que mejorar....

Muchas gracias de antemano.

Saludos


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Problemas con objetos div en javascript. Menu desplegable
Desarrollo Web
bitmaniaco 2 2,478 Último mensaje 6 Noviembre 2007, 19:37
por bitmaniaco
javascript problemas de funcionamiento (FF vs IE vs Opera)
Desarrollo Web
SERBice 1 714 Último mensaje 16 Abril 2008, 19:43
por SERBice
Problemas con javascript
Desarrollo Web
Xephiro 3 1,552 Último mensaje 22 Abril 2010, 03:52
por sayis
Problemas con los buttons en javascript.
Desarrollo Web
Akise 4 662 Último mensaje 25 Junio 2013, 00:58
por Akise
¿Dónde encuentro problemas básicos de javascript?
Scripting
Linton 6 1,286 Último mensaje 27 Julio 2013, 09:54
por Linton
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines