Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

He seguido el código pero dibuja en vertical... no sé qué sucede

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Moviendo elementos con animaciones simples y actividad Animaciones Simples

por Estudiante
| 86.3k xp | 30 posts



<canvas width="600" height="400"> </canvas>

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");    
    pincel.fillStyle = "lightgrey";
    pincel.fillRect(0,0,600,400); 

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

function actualizarPantalla(){
    pincel.clearRect(0,0,600,400);
    disenharCircunferencia(x,20,10);
    x++;
}    

setInterval(actualizarPantalla,100);   

</script>
2 respuestas
solución!
por Nathalia Cardozo
| 1216.6k xp | 5042 posts
Alura Scuba Team Scuba Team

¡Hola! Deseo que esté bien.

En este ejercício, necesitamos pasar los parámetros en la misma secuencia en que los vamos a recibir.

Cuando pasas los valores así:

disenharCircunferencia(a, b, c);

Lo que recibirás en la función serán estos valores en esta secuencia. Así que si tienes la función como esta:

function disenharCircunferencia(y,x,radio){
    // contenido de la función
}

Tenemos que y = a, x = b y radio = c.

Vea que está invirtiendo los parámetros, por lo que los valores que deberían ser para x se asignan a y y viceversa.

El correcto es recibir x, y yradio en ese orden.

function disenharCircunferencia(x, y, radio){
    // contenido de la función
}

¡Continúa con tus estudios y hasta la próxima!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios
por Renato Arce Huillca
| 107.4k xp | 36 posts
Cadista

Los parametros estan invertidos, por ello es que el valor del "x" pasa como parametro de "y" en la siguiente funcion y se invierte de eje en la animación.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad