Crear un juego con Javascript Vanilla - Programando el juego del dinosaurio de Chrome - SIN CANVAS

  Рет қаралды 19,305

Damian Sire Desarrollo

Damian Sire Desarrollo

Күн бұрын

Programa el juego del dinosaurio de chrome en Javascript vanilla sin canvas. Solo usando html, css y javascript. Mejora tu logica y tus habilidades con css, html y javascirpt. Crea un juego en JavaScript hoy. Link del repo con el codigo, recuerda darle en la estrellita: github.com/dam...

Пікірлер: 53
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
El twitch en el que grabe esto: www.twitch.tv/damiansiredev Unite a la lista de difusion para estar enterado de todo! Lista de difusión telegram: t.me/damiansiredesarrollo
@Victor-L-S
@Victor-L-S 3 жыл бұрын
Lo que estaba esperando 😁 buen video Crack 👌😎
@danielspark128
@danielspark128 3 жыл бұрын
mas videos así por favor, esta forma de hacerlo esta buenisima. Gracias por el video capo🔥🔥👌😀
@marcelastafe7123
@marcelastafe7123 3 жыл бұрын
Excelente!!! Por la explicación y por tu generosidad para compartir.
@franciscolukas1905
@franciscolukas1905 2 жыл бұрын
Dami no logré tu envívo pero aki lo tengo descargado el dinosaurio 😁 estoy estudiando js. Buena nota, Dami saludos
@maurithox2
@maurithox2 3 жыл бұрын
Me encantó, espero la parte final del snakee!
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Primero quiero hacer la parte visual / movimiento de mas juegos y despues meternos de lleno con la logica :P
@IRedMonkey
@IRedMonkey 2 жыл бұрын
Anda re bien lo del background, incluso nosotros lo vemos así, en lenguaje Java, en la Universidad.
@julenramos3628
@julenramos3628 Жыл бұрын
23:48 le ponías un wight de 200% y asi cuando acabara no se notaria ni el recorte ni nada. No se si me explico pero no se sobresaldría del marco.
@joanjoan8845
@joanjoan8845 3 жыл бұрын
Genial Damian... excelente forma de explicar. Gracias!
@lzxkcml
@lzxkcml 3 жыл бұрын
Muy divertido Damián! Gracias 😄
@erika-Her-O
@erika-Her-O 3 жыл бұрын
Buen video , lo recrearé😁
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Bien!! Avisame como te va :P
@fg0611
@fg0611 3 жыл бұрын
Muy bueno Damian!
@Luis-tu4ux
@Luis-tu4ux 3 жыл бұрын
Tu me ayudas a ser un mejor programador con tus conocimientos gracias por todo
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Hoy subo la parte 2 de este
@exennos
@exennos Жыл бұрын
Muy buen tuto, gracias!!!
@IRedMonkey
@IRedMonkey 2 жыл бұрын
Quise hacer el tema de las colisiones de objetos con javascript pero tengo 0 conocimiento en el lenguaje jaja 😅 en la Uni hicimos con Java que si colisionaban los objetos restabas puntos, y si se te terminaban los puntos perdías, quiero hacerle eso en este juegazo que armaste 😁
@nahuelcardozo2387
@nahuelcardozo2387 3 жыл бұрын
genial amigo ya quiero ver un vivo
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Ya tendras la oportunidad! Muchas gracias!!
@gokuultrainstinto806
@gokuultrainstinto806 3 жыл бұрын
Esta el gif hecho de dino chrome en las imagenes de chorme Dami...esa la podes usar?
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Si, lo puedo usar :D
@jbecerra95
@jbecerra95 3 жыл бұрын
Excelente!!, parece difícil pero es comenzar a entender y luego a practicar. Tengo una pregunta! ¿Cómo decidimos que implementación es mejor? para mi la solución de Damian en cuanto a background es mejor que la de stackover flow ya que implementa menos linea de código. Gracias!
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Tenes distintos caminos, lo que pasaba con mi solucion, es que me ponia un "scroll horizontal" habria que solucionar eso aparte... Pero termina siendo subjectivos (En este caso, lo mejor es ver siempre el tema de la performance :P
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
PD: Te recomiendo este articulo developer.mozilla.org/en-US/docs/Web/Performance/CSS_JavaScript_animation_performance
@gygyuwu7838
@gygyuwu7838 3 жыл бұрын
que extención de css usas??
@gustavojuantorena
@gustavojuantorena 3 жыл бұрын
Muy bueno!!
@Dylansch7
@Dylansch7 3 жыл бұрын
Muy buenooooo
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Gracias crack!!
@axelguayama2484
@axelguayama2484 Жыл бұрын
amigazoo! tengo un problemita cuando entro al cmd creo la carpeta todo bien, pero cuando pongo el cd vanilla no me salta nada, me sakta esto \Desktop>cd js-vanilla-game El sistema no puede encontrar la ruta especificada. C:\Users\estudiante\Desktop> sera que tengo que crear alguna carpeta o direccion? ayuda porfa jejeje
@axelguayama2484
@axelguayama2484 Жыл бұрын
ya que tengo que rendir y el profesor me pidio que le arme el juego del dinosaurio de internet y lo defienda
@DamianSireDesarrollo
@DamianSireDesarrollo Жыл бұрын
Tenés en el escritorio la carpeta js-vanilla-game?
@axelguayama2484
@axelguayama2484 Жыл бұрын
@@DamianSireDesarrollo ahhh no jeje ahí lo hago
@edgarramirezibarra6372
@edgarramirezibarra6372 3 жыл бұрын
como se instala css?
@alexisponce7639
@alexisponce7639 3 жыл бұрын
Programo un juego vanilla mientras me como una vainilla
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Ponele dulce de leche!!!
@delficanas3562
@delficanas3562 3 жыл бұрын
Comúnmente siempre se le saca el margin y el padding que viene por defecto * { margin: 0; padding: 0; }
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Siempre y cuando sepas lo que sucede cuando poner *...
@ramonmexicano2652
@ramonmexicano2652 3 жыл бұрын
muy bien!, pero me quedo con el canvas :'V
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Siendo sincero, yo tambien. Pero aca practicas HTML y CSS ;)
@diodenysalejandroarias663
@diodenysalejandroarias663 3 жыл бұрын
bro tu fondo de pantalla lo puedes compartir ;(
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Está en GitHub bb
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Ah no el fondo no xD
@diodenysalejandroarias663
@diodenysalejandroarias663 3 жыл бұрын
@@DamianSireDesarrollo pásamelo bro 🥺😭
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
@@diodenysalejandroarias663 no lo tengo Bro jajajaja lo descargué de Google xD
@DamianSireDesarrollo
@DamianSireDesarrollo 3 жыл бұрын
Si le sacas una captura
@davidpavon1880
@davidpavon1880 3 жыл бұрын
como carajo divido asi visual
@Dylansch7
@Dylansch7 3 жыл бұрын
Abrís por ejemplo el Chrome y apretas windows flechita pa la izquierda, abrís el visual y pones window flechita pa la derecha, después decime si te sirvió
@eleazarvazquezrodriguez4904
@eleazarvazquezrodriguez4904 2 жыл бұрын
Vas muy rápido amigo
@DamianSireDesarrollo
@DamianSireDesarrollo 2 жыл бұрын
Cambiaste un Ferrari por un Twingo (8)
Aprende JavaScript en 60 minutos
1:11:00
deivchoi
Рет қаралды 293 М.
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН
Une nouvelle voiture pour Noël 🥹
00:28
Nicocapone
Рет қаралды 9 МЛН
小丑教训坏蛋 #小丑 #天使 #shorts
00:49
好人小丑
Рет қаралды 54 МЛН
99.9% IMPOSSIBLE
00:24
STORROR
Рет қаралды 31 МЛН
Learn JavaScript KEY EVENTS in 10+ minutes! ⌨
11:16
Bro Code
Рет қаралды 32 М.
25 FREE and Open Source Software in (2025)
9:47
anyDev
Рет қаралды 9 М.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
FalconMasters
Рет қаралды 376 М.
Hice un Juego usando ChatGPT
13:01
Donovish
Рет қаралды 2,5 МЛН
Cómo usar Canvas y JavaScript para crear videojuegos
18:42
Héctor BlisS
Рет қаралды 19 М.
FASTER JavaScript In 2025 With Sets
13:13
Jack Herrington
Рет қаралды 30 М.
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН