Konami code animation: issue #297

[MattEzekiel]

Descripción

Se cambió la animación del konami code acorde a la propuesta de: #297

Cambios propuestos

Desktop.13-3-2024.11-41-53.mp4

Comprobación de cambios

• He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
• He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
• He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
• He actualizado la documentación, si corresponde.

Enlaces útiles

Issue 297

Closes #297

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
la-velada-web-oficial	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 13, 2024 5:10pm

[midudev]

¿Podrías dejar toda la funcionalidad que ya existía antes y añadir esta funcionalidad al escribir "midu" como nuevo konami code? :)

Así reutilizas el código de antes, dejamos los huevos de pascua de antes y sólo añadimos este nuevo.

[AlejandroSuero]

¿Podrías dejar toda la funcionalidad que ya existía antes y añadir esta funcionalidad al escribir "midu" como nuevo konami code? :)

Así reutilizas el código de antes, dejamos los huevos de pascua de antes y sólo añadimos este nuevo.

@midudev, se podría hacer a la hora de mirar el código, si empieza con m que haga el de los contribuidores, y si empieza ArrowUp, se deje la funcionalidad del anterior no?

[JJozef]

No es mejor que añadas simplemente el nuevo Konami Code?, algo asi:

// FILE: src/consts/konami-codes.ts

export const konamiCodes = {
	// dejas lo de antes,
	contributorsBubbles: ["","","",""],
}

// FILE: src/components/KonamiCode.astro

const { rotateY, gloveCursor, amongUsCursor, lolCursor, contributorsBubbles } = konamiCodes

document.addEventListener("keydown", ({ key }) => {
   // dejas los que ya estaban
    Konami({
	    code: contributorsBubbles,
	    keyPressed: key,
	    onFinishTime: 1500,
	    onSuccess: () => {
		    // aqui haces lo que tengas que hacer cuando se cumpla
	    },
	    onFinish: () => {
		   // aqui lo hace lo que se tenga que hacer, despues que termine el tiempo de ** onFinishTime: 1500,**
	    },
    })
})

[AlejandroSuero]

@JJozef también es buena opción así, y el cursor que sea la cara de midu xD

[MattEzekiel]

Dejé el viejo konami code y agregué el miducode

Desktop.13-3-2024.14-01-00.mp4

[JJozef]

@JJozef también es buena opción así, y el cursor que sea la cara de midu xD

Claro jajajaja, midu.cur is coming

[AlejandroSuero]

🫡