Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] juego de tiro al blanco modificado

por si alguien quiere probar mi código, lo puse que aumentara de nivel y lo intente poner al tamaño de la pantalla del movil para jugar desde él se aceptan sugerencias

<canvas width="700" height="1200"> </canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    
    pincel.fillStyle = "grey";
    pincel.fillRect(0,0,700,1200); 

    var radio= 50;
    var xAleatorio;
    var yAleatorio;

    function disenharCircunferencia(x,y,radio,color){
        pincel.fillStyle=color;
        pincel.beginPath();
        pincel.arc(x,y,radio,0,2*Math.PI);
        pincel.fill();


    }

    function limpiarPantalla(){
        pincel.clearRect(0,0,700,1200);

    }

    var x = 0
    var dificultad = 1000;
    var nivel = 0
     function disenarObjetivo(x,y){
    disenharCircunferencia(x,y,radio + 20,"red");
    disenharCircunferencia(x,y,radio +10,"white");
    disenharCircunferencia(x,y,radio,"red");
     }
     function sortearPocision(maximo){
        return Math.floor(Math.random()*maximo);
     }
      function actualizarPantalla(){
        limpiarPantalla();
        xAleatorio = sortearPocision(700);
        yAleatorio = sortearPocision(1200);

     disenarObjetivo(xAleatorio, yAleatorio);
        //disenharCircunferencia(x,20,10);
        x++;

     }

    setInterval(actualizarPantalla, dificultad );

    function disparar(evento){
        var x = evento.pageX - pantalla.offsetLeft;
        var y = evento.pageY - pantalla.offsetTop;

        if ((x < xAleatorio + radio)&&
            (x > xAleatorio - radio)&&
            (y < yAleatorio + radio)&&
            (y > yAleatorio - radio)){
            dificultad =dificultad - 50;
            nivel ++
            alert("Tiro Certero "+"nivel "+nivel+ "velocidad "+dificultad);
            setInterval(actualizarPantalla, dificultad );
        } 
    }  
    pantalla.onclick =disparar;

</script> 
1 respuesta

Hola, felicidades por tu dedicación en el curso. Apreciamos tu interés en compartir en el foro. No es necesario que publiques la respuesta a tu ejercicio aquí. Puedes hacerlo en Discord, donde hay una sección reservada para eso. El foro es principalmente para expresar tus dudas y cooperar con otros compañeros. Recordamos que no es obligatorio responder a ningún ejercicio en el foro, ni suman puntos o son usados como criterio para el avance en el programa. Pedimos que siempre que sea posible, por favor etiquetes tu tópico para que sea más sencillo identificar si es una duda, sugerencia, etc. ¡Deseamos que puedas cumplir con todos tus objetivos y tener éxito en tus estudios, saludos!

Si este post te ayudó, por favor marca como solucionado ✓ ¡Continúa con tus estudios!