Bestiario Topológico

En este video tutorial sobre GeoGebra explico cómo crear #árboles fractales artísticos utilizando transformaciones geométricas básicas, recursión y aleatoriedad. En el video cubro los puntos principales, pero también puedes encontrar más detalles y applets en línea en los enlaces que están abajo. Enlace en YouTube:  https://youtu.be/jPUv45HWgiQ Versión en Inglés: https://youtu.be/ymIdJX70zjM Suscríbete a mi canal

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 mouse...

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 izq...

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...