Buscar un código de JavaScript

Botón en canvas que se mueve


Hace una transición para mover el botón

Hola, les traigo un código de trigonometría me he centrado en ese tema pero eso ke disfrutenlo :D

Este código permite jugar con un triángulo desde canvas.

Crea botones para descargar el lienzo fácilmente y has círculos como si de cuadros se tratase.
para descargar el canvas tan solo como poner el contexto del canvas deseado junto con el método download():
lo mejor de este es que la variable del contexto no es siempre ctx, ya depende de la que tu pongas la libreria se encarga de eso.

Este lanzara un prompt que pedirá un nombre para el archivo y si le das en aceptar sin poner nombre pondrá "Sin título" con la extensión .png por defecto.

Este código muestra como crear un reloj analógico con canvas

El viejo y conocido 'Juego de la vida' de John Conway en canvas usando un algoritmo simple pero no óptimo.

El algoritmo funciona bien cuando el canvas tiene un tamaño menor a 600 x 600, baja el rendimiento cuando existen muchas células vivas en este, claro que se puede mejorar pero por ahora asi es como quedara.





Puedes crear las células aleatoriamente o directamente haciendo clic.

Un primer intento del efecto de la lluvia de código de la película Matrix, siendo posible colocar algunos parametros y personalizarlo a nuestro gusto, a continuacion unos ejemplos:

El conocido fondo negro con letras verdes:




Si queremos algo diferente, por ejemplo algo parecido a la consola de powershell:




Podriamos tambien aumentarle el tamaño de fuente y colocar una velocidad mucho mas lenta, en este caso 500ms




Por ultimo podriamos hacer que en lugar de que el contenido sean números, que es el contenido por defecto, sean letras chinas, para que se vea algo mas 'Matrix':




Recordar que siempre la propiedad content debera ser un array.

Esto es una simple experimentación, el código es posible optimizarlo y mejorarlo en ciertos aspectos para agregar mas detalles como un color inicial o controlar el degradado sin usar un estilo global con 'rgba()'.....

Con este código de ejemplo, se muestra como realizar circunferencias y arcos de diferentes longitudes con canvas.

Este código de javascript, muestra como dibujar en Canvas con el ratón

Ejemplo de un juego hecho en canvas usando JavaScript.
Es el clásico juego de Pong. Se puede jugar solo o con alguien más.

Ejemplo de una animación básica en canvas utilizando JavaScript, en la que se cambia el color aleatoriamente a un grupo de cuadros.