Entradas

Mostrando las entradas de 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.

Simulación del péndulo simple con GeoGebra (y oscilaciones amortiguadas)

Imagen
Introducción teórica Un péndulo simple es aquel que tiene una barra rígida , ingrávida y no experimenta fricción . Se piensa que todo el peso del péndulo simple se concentra en su masa sujeta al extremo, representada por lo general con un objeto esférico. Como de costumbre, estamos simplificando demasiado el problema real para poder ver correctamente sus componentes esenciales. A continuación derivaremos una ecuación que nos dé la posición del péndulo en función del tiempo, pero primero debemos decidir qué sistema de coordenadas podemos usar. Puede parecer que el sistema cartesiano $xy$ habitual puede ser útil aquí, pero debemos tener algo de cuidado. Nuestra tarea es encontrar la posición en función del tiempo. Si la posición en sí está dada por dos coordenadas, $x$ e $y$, entonces terminaremos con un problema que involucra tres variables : $x$, $y$ para la posición y $t$ para el tiempo. Si podemos evitar esto, estaríamos mejor. Después de todo, probl

Fractal Kitty: Dando sentido a lo abstracto

Imagen
Hace unos meses conocí por medio de Twitter a Sophia Wood. En su página Fractal Kitty se pueden encontrar temas muy interesantes de matemáticas y de programación. También puedes encontrar animaciones relacionadas con las matemáticas y simulaciones en JavaScript para la educación. https://fractalkitty.com/ Si exploras las distintas secciones también podrás encontrar dibujos artísticos contemplando diferentes temas de matemáticas: https://fractalkitty.com/comics/

Entradas populares

Galileo Galilei y su ley de caída libre

Una historia de la Teoría de Conjuntos

Breve historia del Cálculo