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

Подписаться 8 тыс.

Просмотров 3,7 тыс.

50% 1

En este video vamos a estar armando un simple código en javascript que nos va a permitir poder mover cualquier elemento html con las teclas del teclado!
Este proyecto te puede ser muy útil para armar videojuegos con js o simplemente para darle una funcionalidad distintiva a tu sitio web.
Espero que te sirva y que te guste!
❤️ | Si encontraste el video útil considerá invitarnos un cafecito!
🧡 | Cafecito: cafecito.app/developeando
💛 | Querés ver más contenido? También posteamos en Instagram!
💚 | Instagram: / developeando_ig
💙 | Proyectos para practicar en nuestro GitHub!
💜 | GitHub: github.com/DevelopeandoHub
#javascript #programacion #proyectosconjs

Наука

Опубликовано:

18 авг 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 19

@taylorml9739 Год назад

Muchas gracias llevaba buscando un video asi y no lo encontraba

@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 🧡

@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

@aifap_ 5 месяцев назад

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

@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!

@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 3 месяца назад

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

@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 ! ✨️

@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. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Qr1Op53lAbo.html Saludos!

@FerchumanX86 Год назад

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