INSTITUTO TECNOLÓGICO DE MINATITLÁN

Departamento de Sistemas y Computación

Formato para prácticas de Laboratorio

Plan de Clave de la
Carrera Nombre de la materia
estudios materia
Ingeniería en Sistemas ISIC- SCC-1010 GRAFICACIÓN
Computacionales 2010-224

Duración
Practica No. Laboratorio de: SC2
(Hora)
Nombre de la
03 PROGRAMACIÓN RECURSIVA DE FRACTALES 1
Práctica

1.- Enunciado.

REALIZAR EN PROCESSING GEOMETRIA DE FRACTALES CON FUNCIONES RECURSIVAS

 KOCH
 ARBOLES FRACTALES
 RECURSION

2.- Introducción.
Introducción a Processing
Processing es un lenguaje de programación y un entorno de desarrollo creativo diseñado para artistas,
diseñadores, educadores y cualquier persona interesada en la programación creativa y la visualización de
datos. Desde su creación en 2001 por Ben Fry y Casey Reas en el MIT Media Lab, Processing se ha
convertido en una herramienta versátil y poderosa para la creación de gráficos interactivos, arte
generativo, instalaciones interactivas y visualización de datos.

Processing se destaca por su enfoque en la simplicidad y la accesibilidad. Ofrece una sintaxis amigable y
fácil de aprender, lo que hace que la programación visual y la experimentación creativa sean accesibles
para personas de todos los niveles de experiencia, desde principiantes hasta profesionales de la
programación. Además, Processing es de código abierto y gratuito, lo que significa que cualquiera puede
descargarlo y comenzar a crear de inmediato.

Página 1 de 7
 INSTITUTO TECNOLÓGICO DE MINATITLÁN
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio

3.- Objetivo (Competencia)

Aplica los modelos matemáticos básicos y los modelos de color utilizados en objetos
bidimensionales y tridimensionales

4.- Fundamento

Processing ha revolucionado la programación creativa al hacer que la creación de arte generativo y

gráficos interactivos sea más accesible para artistas y diseñadores. Ha fomentado la experimentación
con algoritmos y matemáticas en el arte, lo que ha llevado a la creación de obras visuales únicas y
expresivas. Muchos artistas digitales han adoptado Processing como su herramienta preferida para
explorar nuevas formas de expresión artística.

Enseñanza del Arte Digital:

En el ámbito educativo, Processing ha desempeñado un papel fundamental al introducir a estudiantes de

todas las edades en el mundo de la programación creativa. Su sintaxis simple y orientada a la visualización
permite a los profesores enseñar conceptos de programación de una manera más intuitiva. También ha
fomentado la interdisciplinariedad al combinar el arte y la tecnología en el currículo educativo, lo que
enriquece la formación de los estudiantes.

Visualización de Datos:

La capacidad de Processing para crear visualizaciones de datos interactivas y efectivas ha sido aprovechada
por profesionales en el campo de la visualización de datos y la infografía. Ha permitido la representación
gráfica de datos complejos de una manera accesible y atractiva para el público en general. Además,
Processing ha influido en el desarrollo de herramientas y bibliotecas específicas para la visualización de
datos.

Comunidad Activa y Colaborativa:

Processing ha cultivado una comunidad activa y colaborativa de usuarios y desarrolladores en todo el

mundo. Esta comunidad comparte conocimientos, proyectos, bibliotecas y recursos a través de foros en
línea, blogs y redes sociales. La colaboración entre miembros de la comunidad ha resultado en avances
significativos en el desarrollo de Processing y en la creación de proyectos innovadores.

En resumen, Processing ha tenido un profundo impacto en la intersección entre arte y tecnología, la

educación creativa y la comunicación de datos a través de la visualización. Su enfoque en la simplicidad y
la accesibilidad ha democratizado la programación creativa y ha empoderado a una amplia gama de
personas para explorar nuevas formas de expresión y comunicación visual.

Página 2 de 7
 INSTITUTO TECNOLÓGICO DE MINATITLÁN
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio

5.- Descripción (Procedimiento)

A) Equipo necesario B) Material de apoyo
Pc de Escritorio Windows XP o superior
Monitor Geany
Teclado java
Mouse processing

C) Desarrollo de la práctica

Fractal

float branchAngle = radians(30); // Ángulo de ramificación

float branchLength = 100; // Longitud inicial de las ramas
float branchLengthRatio = 0.67; // Factor de reducción de la longitud de las ramas
float zoom = 1.0; // Valor inicial de zoom
float xOffset = 0.0; // Valor inicial de desplazamiento en el eje X
float yOffset = 0.0; // Valor inicial de desplazamiento en el eje Y

void setup() {
size(800, 800);
noLoop();
}

void draw() {
background(255);
translate(width / 2, height);
stroke(0);
branch(branchLength, 10);
}

void branch(float len, int level) {

if (level > 0) {
line(0, 0, 0, -len);
translate(0, -len);
pushMatrix();
rotate(branchAngle);
branch(len * branchLengthRatio, level - 1);
popMatrix();
pushMatrix();

Página 3 de 7
 INSTITUTO TECNOLÓGICO DE MINATITLÁN
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio

rotate(-branchAngle);
branch(len * branchLengthRatio, level - 1);
popMatrix();
}
}

void keyPressed() {
if (key == 'w' || key == 'W') {
yOffset -= 10.0 * zoom;
} else if (key == 's' || key == 'S') {
yOffset += 10.0 * zoom;
} else if (key == 'a' || key == 'A') {
xOffset -= 10.0 * zoom;
} else if (key == 'd' || key == 'D') {
xOffset += 10.0 * zoom;
} else if (key == '+') {
zoom *= 1.1;
branchLength *= 1.1; // Aumenta la longitud de las ramas al hacer zoom
} else if (key == '-') {
zoom /= 1.1;
branchLength /= 1.1; // Reduce la longitud de las ramas al alejar el zoom
}
redraw();
}

Página 4 de 7
 INSTITUTO TECNOLÓGICO DE MINATITLÁN
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio

6.-Resultados y conclusiones

Página 5 de 7
INSTITUTO TECNOLÓGICO DE MINATITLÁN
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio

Página 6 de 7
 INSTITUTO TECNOLÓGICO DE MINATITLÁN
Departamento de Sistemas y Computación
Formato para prácticas de Laboratorio

7.- Anexos
Obtuvimos un programa que diseña un árbol fractal.

8.-Referencias
https://youtu.be/-kvel_C28aI?si=SJ3nVUldIM0BRk5z

Fecha: ____15 DE MAYO DEL 2023___

Formuló: Realizó

__I.S.C.KEVIN DAVID MOLINA GOMEZ____ __Jesús Eduardo Serdán Santiago__

Maestro Alumno

Página 7 de 7