Entradas

Mostrando las entradas de octubre, 2021

Introducción a la programación con p5.js (Parte 3)

Imagen
Parte 2: Figuras geométricas y colores Traslación, rotación y escala de figuras geométricas en el plano La posición y tamaño de las figuras geométricas que podemos dibujar en  p5.js  se determinan con base en coordenadas y parámetros. Si deseamos cambiar la posición o tamaño de estas figuras, simplemente cambiamos sus coordenadas o parámetros. Alternativamente, podemos cambiar el sistema de coordenadas definido por defecto para obtener el mismo resultado. De hecho, podemos crear diferentes transformaciones incluyendo translación, rotación y escala. Traslación La función translate() , por ejemplo, cambia el sistema de coordenadas directamente como se muestra en la siguiente imagen: En el siguiente ejemplo notemos como el rectángulo se dibuja en la coordenada (0,0), pero se mueve se mueve con respecto a la posición del ratón en el lienzo, porque este es afectado por la función translate() : Nota: La variable de sistema mouseX/mouseY

Introducción a la programación con p5.js (Parte 2)

Imagen
Parte 1: Introducción Figuras geométricas y colores Es momento de dibujar algunas figuras geométricas con  p5.js . El código predefinido en el editor puede resultar un poco aburrido, así que ahora dibujaremos algunas figuras geométricas para darle un poco de vida a nuestro sketch. Para esto escribiremos las siguientes dos líneas dentro de nuestra función draw() : ellipse(80, 190, 180, 100); rect(130, 130, 200, 200); No es difícil deducir que estas funciones dibujarán una elipse y un rectángulo, respectivamente: Los parámetros de la función elipse tienen los siguientes significados: Parámetro 1: la posición X de la esquina superior izquierda del rectángulo Parámetro 2: la posición Y de la esquina superior izquierda del rectángulo Parámetro 3: el ancho de la elipse Parámetro 4: la altura de la elipse Para el caso de la función rectángulo tenemos que: Parámetro 1: la posición X de la esquina superior izquier

Introducción a la programación con p5.js (Parte 1)

Imagen
Introducción En los últimos 20 años han surgido varios proyectos de acceso libre y gratuito con el objetivo de facilitar el aprendizaje de los elementos esenciales de los lenguajes de programación de manera sencilla. Esto se debe a la gran demanda de programadores que se ha generado como consecuencia del desarrollo acelerado de la tecnología computacional y digital. Uno de estos proyectos es el de Casey Reas y Ben Fry quienes, en 2001, empezaron a trabajar en una nueva plataforma para hacer más fácil la programación de gráficas interactivas; la cual nombraron Processing . En McCarthy, Reas, y Fry (2018) se narra que Reas y Fry se encontraban frustrados con lo difícil que era escribir software con los lenguajes de programación que se usaban en ese entonces (como C++ y Java) y fueron inspirados por lo simple que era escribir programas interesantes con los lenguajes que habían aprendido en su niñez (Logo y BASIC). Esencialmente Processing es un lenguaj

Invitación a la Topología General

Imagen
Tenemos el gusto de presentar este proyecto: Invitación a la Topología General Este material ha sido elaborado para usarse como notas de curso para las materias de Topología que se imparten en la Unidad Académica de Matemáticas de la Universidad Autónoma de Zacatecas. Sin embargo, esperamos que sea de utilidad a cualquier persona interesada en estudiar esta hermosa rama de las matemáticas.

Entradas populares

Galileo Galilei y su ley de caída libre

Breve historia del Cálculo

Una historia de la Teoría de Conjuntos