¿Cómo hacer para mover un div con el teclado? - Proyectos con JS

[@juansebastiangomezmontoya775]

Acabo de conocer tu canal, gracias por compartir tu conocimiento, estos ejercicios prácticos son de gran ayuda, estoy en proceso de aprendizaje de FrontEnd, quiero dedicarme a esto de manera profesional. Sigue así, no pares de subir videos 👍 Nuevo Suscrito. 👊

[@Developeando]

Hola, muchas gracias por suscribirte y por el comentario 😊♥️ que bueno que te sirva nuestro contenido 🤗. Vas por buen camino! Seguí adelante que en muy poco tiempo vas a estar dedicandote a esto de manera profesional! Conoces la playlist donde tenemos todos los proyectos? Si querés te paso el link. Hoy sale un nuevo video en el que vamos a armar un piano sencillo, estate atento! 🤗😊 Te gustaría que hagamos algún vídeo en particular? Capaz con algún tema que te cueste o que quieras ver? Saludos! Muchas gracias nuevamente por el comentario 🤗

[@juansebastiangomezmontoya775]

@@Developeando Claro que sí, estaré pendiente y estaré viendo los videos del Canal. Gracias por la gentileza 🧡

[@jellape]

Hola amigo, se puede hacer un video explicando. Ejemplo. Seleccionar un elemento y con el cursor seleccionar otra parte de la pantalla y darle la direccion hacia donde debe desplazarse.

[@RepleteFF]

hola el video fue bastante bueno lo unico que le falto es como hacer un borde para que el div no se valla al infinito y mas haya

[@aifap_]

me ayudaria mucho si enved de un div fuera una ventana porque quiero crear un juego que se sale de la web

[@taylorml9739]

Muchas gracias llevaba buscando un video asi y no lo encontraba

[@mauricioarce7464]

hola hermano, gracias por el video. me sirve en mi aprendizaje. pero al ser principiante es tedioso tener q poner pausa cada vez que muestres el codigo. pon una miniatura tuya explicando, pero muestra siempre en pantalla lo importante : el codigo. como lo vas escribiendo, modificando. no tu cara por favor

[@maguirocha]

Hola ! Hay alguna manera de hacer que el div no se salga del espacio del game-area?

[@Developeando]

Buenas! 🤗 Podrías agergarle una condición dentro del onkeydown que solo mueva el div si la posicion en x del mismo es menor que el máximo de la pantalla. Lo mismo harías para la y. 😃 Saludos!

[@maguirocha]

@@Developeando geniaaal ! Mil gracias ! ✨️

[@danielluisa1606]

Hermano una consulta como se podría arreglar el que al presionar una tecla por un tiempo al presionar otra hay una espera pequeña no sé si se podrá solucionar y un excelente video 🤌

[@Developeando]

No estoy del todo seguro la verdad... 🤔 Porque así como está el código el movimiento debería ser: (instantáneo - lo que tarda en procesar el movimiento) Podrías ponerle un delay que va a hacer que todo se vea más suave pero cada vez que le mandes un movimiento va a tardar en aplicarlo. Pero ni idea por que tiene un delaycito.

[@cristianrojas7155]

Tengo ese problema lo pudiste solucionar? Al mover 'left' y luego 'right' rápidamente, hay una pequeña pausa allí

[@kevinstockmanns7112]

Buena idea para ejercicio, pero tiene un "error" o bug, cuando llegas al limite de la caja contenedora, el player se desborda del contenedor y eso no es tan bueno xd

[@Developeando]

Buenas! Gracias por hacernoslo notar. Capa podes agregarle un overflow hidden al contenrdor. O capaz podes agregarle un condicional a la funcion de movimiento que solo corra si el left y el top no superan el ancho máximo del contenedor. 🤗🤗 Saludos! Avísanos si lo implementas y necesitas ayuda!

[@FerchumanX86]

Disculpa podrías hacer más grande las capturas de pantalla. A beses miro del celu y no se Lee nada si son tan chicas las capturas. De ya gracias por los videos

[@Developeando]

Seguro! Ahí agrandé las imágenes para el próximo video, espero que se vean bien! 😊 Gracias por hacernoslo notar.

[@FerchumanX86]

Buenísimo

[@Developeando]

Buenas! Ahí vi el vídeo nuevo que subimos hoy en un celu, la primera captura creo que quedó chica pero el resto se deberían ver bien. 🤗 Te dejo el link por si lo querés chusmear. kzbin.info/www/bejne/h6OUgKNraNF0mNE Saludos!

[@FerchumanX86]

@@Developeando espectacular si ya me voy a poner con ese video 🎹 gracias por responder 😁

[@alexisgerardollano9017]

Trata de mostrar mas el codigo y menos a vos porfa, lo demas excelente