Entradas

Mostrando las entradas con la etiqueta dibujar rectangulo javascript

Dashboard de Fórmula 1: Ranking de Pilotos y Equipos por Temporada

Imagen
  Dashboard de Fórmula 1 con JavaScript y API-FORMULA-1 Si estás buscando una forma sencilla de visualizar resultados de Fórmula 1 en una página web, en este artículo te mostraré cómo construir un dashboard interactivo utilizando HTML, CSS, JavaScript y la API-FORMULA-1 de API-SPORTS. El resultado es una aplicación web que permite consultar el ranking de pilotos y equipos por temporada, mostrando los datos obtenidos en tiempo real desde una API REST. ¿Qué muestra el dashboard? La aplicación permite: Seleccionar una temporada entre 2019 y 2026. Consultar la clasificación de pilotos. Consultar la clasificación de constructores. Visualizar los puntos acumulados por cada piloto y equipo. Mostrar imágenes de pilotos y logotipos de escuderías. Toda la información se obtiene dinámicamente desde la API-FORMULA-1, evitando la necesidad de almacenar datos localmente. API utilizada Para este proyecto se utiliza la API-FORMULA-1 de API-SPORTS disponible a través de RapidAPI. La documentación o...
Publicar un comentario
Leer más

Especial Navideño dibujar Árbol de Navidad con Javascript

Imagen
Buen día, bienvenidos a este blog de programación, como ya estamos en época  Navideña , me gustaría compartirles un ejemplo de como  dibujar un Pino y una Corona de Navidad (con imaginación) en un lenguaje que ya vimos previamente que es Javascript . Para esto vamos a utilizar las etiquetas de Canvas que son soportadas en HTML5 y en los siguientes navegadores, Canvas es un termino para decir que es nuestra área de trabajo o nuestro lienzo donde vamos a dibujar, es soportado en los siguientes Browse: https://www.w3schools.com/html/html5_canvas.asp Para dibujar un circulo tenemos la función arc que tiene los siguiente parámetros context. arc(x,y,r,sAngle,eAngle,counterclockwise); coordenada x dentro del canvas  coordenada y dentro del canvas Valor del radio El angulo  inicial El angulo final Para especificar si es dentro o fuera la función  Para dibujar un arbolito es mediante líneas y mover sin despejar el lápiz pa...
1 comentario
Leer más

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!