Introduction to Generative Art with Processing

Jul 11, 20154 likes2,169 views

This document provides an introduction to generative art using the Processing programming language. It discusses what Processing is, how to get started with it, and resources for learning Processing like books and websites. It then demonstrates how to create simple generative art by drawing shapes and using loops to manipulate the coordinate space in Processing code. The document shows the user how to set up their first Processing sketch and provides examples of generating simple patterns through nested for loops.

Introduction to Generative Art
with Processing
creative tech

What is Processing?
Open Source Programming Language
Made speciﬁcally for Visual Designers
Java Application, simpliﬁed syntax
Developed at MIT Media Labs by Casey
Reas and Benjamin Fry in 2001

Introduction to Generative Art with Processing

Learn Processing
Processing:A Programming
Handbook for Visual
Designers and Artists, 2nd
Edition
by Casey Reas and Ben Fry
Getting Started with
Processing
(O’Reilly)
by Casey Reas and Ben Fry
Generative Art: A practical
guide using processing
by Matt Pearson

Learn Processing
The Nature of Code: Simulating
Natural Systems with Processing
by Daniel Shiffman

http://processing.org

Diverse Outputs
Stills
Animations
Image Manipulation
Performance Art

Installation
processing.org/download/?processing
Version 2.2.1
Unzip
Open It

void setup() {
}
void draw() {
}
Try running it, by clicking on the play button in
the top left

void setup() {
size(600,600);
background(#000000)
}
void draw() {
}
Try running it. You should now have a bigger
black box

void setup() {
size(600,600);
background(#000000);
}
void draw() {
ellipse(100, 100, 50, 50);
fill(#FF4067);
}
"Hello, world” in the form of a pink circle

Important: we are working in a coordinate space
100
100
600
600

void setup() {
size(600,600);
background(#000000);
}
void draw() {
for (int i=100; i<600; i=i+100) {
ellipse( i, 100, 50, 50);
fill(#FF4067);
}
}
Now that we know it’s a grid, we can exploit that and
make our art cooler. Do this by looping over the x-
coordinate.

void setup() {
size(600,600);
background(#000000);
}
void draw() {
for (int i=100; i<600; i=i+100) {
ellipse( i, 100, 50, 50);
fill(#FF4067);
}
for (int i=100; i<600; i=i+100) {
ellipse (100, i, 50, 50);
fill(#FF4067);
}
}

Loop?
This means that we do something to a variable in our function repeatedly, for
however many times we tell it to do it.
for (int i=100; i<600; i=i+100) {
ellipse(i, 100, 50, 50);
}
initial value
when to stop
interval
The program generates:
ellipse(100, 100, 50, 50), ellipse(200, 100, 50, 50),
ellipse(300, 100, 50, 50), ellipse(400, 100, 50, 50),
ellipse(500, 100, 50, 50)

void setup() {
size(600,600);
background(#000000);
}
void draw() {
for (int i=100; i<600; i=i+100) {
for (int j=100; j<600; j=j+100) {
ellipse( i, j, 50, 50);
fill(#FF4067);
}
}
}

void setup() {
size(600,600);
background(#000000);
}
void draw() {
for (int i=100; i<600; i=i+100) {
for (int j=100; j<600; j=j+100) {
ellipse( i, j, 50, 50);
fill(#FF4067);
}
}
}
MouseX, MouseY

This document discusses visual perception and illusions. It begins by explaining that visual perception involves both biological determinism and learned experiences. It then discusses several concepts related to visual perception, including the Panopticon, emotions communicated through visuals, and how perception involves both sensation and interpretation. The document goes on to explore various visual illusions and paradoxes, how the brain makes inferences to resolve ambiguities, and discusses concepts like attention, filtering, and Gestalt principles of form perception. It analyzes works by several artists and concludes by mentioning references for further information.

6 volumes of solids of revolution ii xmath266

The document discusses calculating the volumes of solids of revolution using Cavalieri's principle and the fundamental theorem of calculus. It provides an example of finding the volume of a solid generated by revolving a semi-circular base of radius r around its diameter, which is calculated to be 2r^3/3. The document also describes approximating a solid of revolution as cylindrical shells and calculating volume as 2πrhΔx.

Ways of Seeing: Constructing Visual CultureAntonio Lopez

14 formulas from integration by parts xmath266

The document discusses integration by parts and the tableau method for evaluating integrals. It provides the formula for integration by parts, an example using the tableau method to evaluate the integral of (x3 + 2x)ex/2dx, and discusses how the tableau method can be used to evaluate integrals involving polynomials and functions that can be integrated repeatedly, such as ex, sin(x), and cos(x). It also provides the formulas for antiderivatives of trigonometric powers like cosn(x).

$16 partial fraction decompositions x$ $16 partial fraction decompositions x$

16 partial fraction decompositions xmath266

This document discusses partial fraction decompositions, which are used to integrate rational functions. It explains that a rational function P(x)/Q(x), where P and Q are polynomials, can be broken down into a sum of simpler rational formulas where the denominators are the factors of Q(x) according to the partial fraction decomposition theorem. Two methods are used to find the exact decomposition: evaluating at the roots of the least common denominator, and matching coefficients after expanding. Examples are provided to illustrate decomposing different types of rational functions.

VR_Module_3_PPT.pptxvrfv

This document discusses modeling techniques for virtual environments, including geometric modeling, behavior modeling, and model management. Geometric modeling describes how to represent the shape and appearance of virtual objects. Behavior modeling deals with modeling the interactions and intelligent behavior of virtual objects, including using sensors and defining levels of autonomy. Model management techniques are needed to efficiently handle large complex virtual worlds with many objects due to the heavy computation and memory usage required.

Augmented realityGaurav borra

Jenny Randles - Alien Contact - The First Fifty YearsDirkTheDaring11

In June 1947, American pilot Kenneth Arnold observed a formation of unusual flying objects moving faster than any known aircraft. This sighting sparked widespread reports of "flying saucers" across the United States. In July 1947, the Roswell Army Air Field issued a press release stating that they had recovered a crashed "flying disc" on a ranch near Roswell, New Mexico. However, the US government quickly claimed it was merely a weather balloon and insisted all reports of the crashed object be suppressed, fueling speculation of a government cover-up. This became one of the most famous alleged UFO crashes and marked the unofficial beginning of the modern UFO phenomenon.

Introduction to ProcessingGreen Moon Solutions

The document provides an introduction to Processing, an open-source programming language and environment used for creating visuals and animations. It covers downloading and installing Processing, using the Processing Development Environment, setting the canvas size and coordinates, drawing basic shapes using code, adding color, using variables, loops and conditionals to create animations, and provides examples and resources for learning more.

Learn Creative Coding: Begin Programming with the Processing LanguageW M Harris

Learn Creative Coding: Begin Programming with the Processing Languageshelfrog

computer graphics lab manual 2013-converted.pdfSyedSajjadShah3

This lab manual covers basic drawing in Processing by introducing functions to control size, position, color, and shape properties. It begins by explaining how to set the window size and draw points and basic shapes using functions like size(), point(), line(), rect(), ellipse(), and arc(). Parameters for these functions determine properties like position, width, height, and angles. The order of drawing shapes impacts which appear on top. Additional functions like background(), fill(), stroke(), strokeWeight(), and smooth() control background color, shape colors, line thickness, and smoothing. Values range from 0-255 to specify colors by red, green, and blue components.

Processing Workshop Slides for Ladies Learning Code - March 22, 2014Stephen Boyd

Creative Coding 1 - 1 IntroductionTill Nagel

This document contains notes from a coding workshop. It introduces students to Processing, an open-source programming language and environment used for creating visuals and graphics. It provides examples of basic Processing code for shapes, colors, and coordinates. Students are given exercises to practice drawing in Processing, such as creating a face using ellipses and rectangles. The document concludes by assigning homework for students to find patterns in the real world and read an interview about algorithms.

Introduction to programming - class 3Paul Brebner

B. SC CSIT Computer Graphics Lab By Tekendra Nath YogiTekendra Nath Yogi

The document discusses computer graphics and summarizes various graphics programming concepts in C, including: - Two standard output modes: text and graphics mode, which allows pixel manipulation. - Graphics library functions defined in "graphics.h" header file for drawing shapes, text and manipulating pixels. - Coordinate representation on screen with origin at upper left corner. - Initialization of graphics mode using initgraph() and cleanup with closegraph(). - Functions for drawing lines, circles, rectangles, text and filling areas with patterns. - Algorithms like DDA, Bresenham and midpoint circle/ellipse for drawing shapes.

Cg lab cse-v (1) (1)Surya Sukumaran

The document contains an algorithm for drawing an ellipse using the midpoint algorithm. It initializes the graphics system and gets user input for the major and minor radii. It calculates an initial decision parameter P and plots the first point. It then loops while a condition on the x and y coordinates is met, incrementing x by 1 each iteration. The decision parameter P is updated each iteration based on whether it is greater than or less than 0. Symmetric points are plotted in each quadrant to draw the ellipse. After drawing across the minor axis, it continues the algorithm to draw across the major axis by initializing new parameters and looping while y is not 0, updating the decision parameter P1 and decrementing y each iteration.

Computer Graphics ConceptsSHAKOOR AB

The document discusses computer graphics concepts including pixels, colors, shapes, text, and programming. It covers: 1) Pixels are the smallest controllable elements that make up a digital image. Each pixel has a location and color value. 2) Colors are used for backgrounds and foregrounds. There are predefined color codes for text and graphics. 3) Basic shapes include lines, rectangles, circles, ellipses, polygons, and pie slices. Functions like line(), rectangle(), and circle() are used to draw shapes. 4) Text functions allow setting font, size, color, and position in graphics mode. Outtext() displays text. 5) Example programs demonstrate drawing shapes and text

P5js syracuse dev meetup 20181218👨‍💻 Joshua Marris

The document provides biographical information about Joshua Marris and his experience and interests related to teaching technology and programming. Some key points: - Joshua Marris is a Systems Administrator who has also taught teachers and students how to use technology and create animations using HTML, CSS, SVG and JavaScript. - He is interested in learning non-practical applications of programming and was inspired to teach others after using Khan Academy's computer programming course. - The document goes on to discuss P5.js, a JavaScript library based on Processing, which is used for creative coding, data visualization, and representing natural processes. It provides examples of sketches created with P5.js and discusses some of the basic concepts and functions

borland-style-graphics-for-dev-c.pdfMikeThomson34

This document provides an overview of graphics programming in Borland C++. It discusses initializing the graphics screen, setting colors and line styles, drawing basic shapes like lines, rectangles, circles and arcs, filling regions, adding text, and clearing the screen. The key steps outlined are initializing the graphics mode, selecting colors and styles, using functions like line(), rectangle(), circle() to draw shapes, floodfill() to fill regions, and closegraph() to close the graphics screen.

Building a Visualization Languagejeresig

Introduction to Processing and creative codingJerome Herr

This document provides a visual overview of creative coding and graphic design techniques using code. It includes examples of static and animated graphics using processing, as well as motion graphics, data visualization, collages, photo manipulation, and 3D graphics. Basic code examples are provided for creating static and animated graphics. Additional resources include links to online tutorials and books about creative coding.

Unit-1 basics of computer graphicsAmol Gaikwad

Coding io1-materials for students-group3Georgeta Manafu

This document provides instructions for teaching students how computers draw lines and circles using pixels. It explains that computers must determine which pixels to fill to create straight lines or round circles. The document then teaches Bresenham's line algorithm and the midpoint circle algorithm to efficiently draw lines and circles by filling minimum number of pixels. Students are guided through examples to practice applying the algorithms and drawing lines and circles on grids.

Lecture on graphicsRafi_Dar

Processing presentationrngtng

Processing is an open-source programming language and environment for creating images, animations, and interactions. It was created in 2001 at the MIT Media Lab by Ben Fry and Casey Reas. The language aims to be easy to learn and use for beginners while also capable of producing impressive early results. It has low dependencies on operating systems and focuses on visual beauty with less code. Processing is intended for uses like education, data visualization, sound, interaction design, and small abstract applications. It features a Java-based programming language, a runtime environment called Sketchbook, and support for third-party libraries including video, audio, graphics generation, image processing, and hardware interfacing.

ARTDM 170, Week13: ProcessingGilbert Guerrero

The document introduces Processing, an open-source programming language and environment for artists and designers. It provides examples of Processing sketches, including drawing lines and animating a bouncing ball. It outlines the basic structure of a Processing sketch and discusses variables, setup, draw loops, and exporting sketches. Finally, it provides the schedule and homework assignment for a class, which is to design elements for and begin working on a final Processing game project.

computer graphics-C/C++-dancingdollcodeBhavya Chawla

Computer graphics uses programming and algorithms to draw pictures on screens. It involves computations to create and manipulate images. Common applications include GUIs, presentations, maps, medical imaging, engineering drawings, and entertainment like animation. Algorithms are used to generate basic shapes like lines, circles, and polygons. Line drawing algorithms include DDA, Bresenham's line algorithm, and the midpoint line algorithm. Circle generation uses Bresenham's or the midpoint circle algorithm. Polygon filling determines border versus interior pixels using techniques like the scan line or flood fill algorithms. Computer animation plays back recorded images fast enough to fool the eye into seeing motion. Traditional animation uses keyframing where keyframes define object changes and computers generate in-between frames. The

Trends Artificial Intelligence - Mary MeekerClive Dickens

Mary Meeker’s 2024 AI report highlights a seismic shift in productivity, creativity, and business value driven by generative AI. She charts the rapid adoption of tools like ChatGPT and Midjourney, likening today’s moment to the dawn of the internet. The report emphasizes AI’s impact on knowledge work, software development, and personalized services—while also cautioning about data quality, ethical use, and the human-AI partnership. In short, Meeker sees AI as a transformative force accelerating innovation and redefining how we live and work.

Trends Report: Artificial Intelligence (AI)Brian Ahier

More Related Content

Similar to Introduction to Generative Art with Processing (20)

Introduction to ProcessingGreen Moon Solutions

Learn Creative Coding: Begin Programming with the Processing LanguageW M Harris

Learn Creative Coding: Begin Programming with the Processing Languageshelfrog

computer graphics lab manual 2013-converted.pdfSyedSajjadShah3

Processing Workshop Slides for Ladies Learning Code - March 22, 2014Stephen Boyd

Creative Coding 1 - 1 IntroductionTill Nagel

Introduction to programming - class 3Paul Brebner

B. SC CSIT Computer Graphics Lab By Tekendra Nath YogiTekendra Nath Yogi

Cg lab cse-v (1) (1)Surya Sukumaran

Computer Graphics ConceptsSHAKOOR AB

P5js syracuse dev meetup 20181218👨‍💻 Joshua Marris

borland-style-graphics-for-dev-c.pdfMikeThomson34

Building a Visualization Languagejeresig

Introduction to Processing and creative codingJerome Herr

Unit-1 basics of computer graphicsAmol Gaikwad

Coding io1-materials for students-group3Georgeta Manafu

Lecture on graphicsRafi_Dar

Processing presentationrngtng

ARTDM 170, Week13: ProcessingGilbert Guerrero

computer graphics-C/C++-dancingdollcodeBhavya Chawla

Introduction to ProcessingGreen Moon Solutions

Learn Creative Coding: Begin Programming with the Processing LanguageW M Harris

Learn Creative Coding: Begin Programming with the Processing Languageshelfrog

computer graphics lab manual 2013-converted.pdfSyedSajjadShah3

Processing Workshop Slides for Ladies Learning Code - March 22, 2014Stephen Boyd

Creative Coding 1 - 1 IntroductionTill Nagel

Introduction to programming - class 3Paul Brebner

B. SC CSIT Computer Graphics Lab By Tekendra Nath YogiTekendra Nath Yogi

Cg lab cse-v (1) (1)Surya Sukumaran

Computer Graphics ConceptsSHAKOOR AB

P5js syracuse dev meetup 20181218👨‍💻 Joshua Marris

borland-style-graphics-for-dev-c.pdfMikeThomson34

Building a Visualization Languagejeresig

Introduction to Processing and creative codingJerome Herr

Unit-1 basics of computer graphicsAmol Gaikwad

Coding io1-materials for students-group3Georgeta Manafu

Lecture on graphicsRafi_Dar

Processing presentationrngtng

ARTDM 170, Week13: ProcessingGilbert Guerrero

computer graphics-C/C++-dancingdollcodeBhavya Chawla

Recently uploaded (20)

Trends Artificial Intelligence - Mary MeekerClive Dickens

Trends Report: Artificial Intelligence (AI)Brian Ahier

Compliance-as-a-Service document pdf textEarthling security

Earthling Security’s Compliance as a Service (CaaS) delivers ongoing, end-to-end support to help organizations meet and maintain complex cybersecurity and regulatory standards like FedRAMP, FISMA, NIST 800-53, and more. We combine expert advisory, automated tools, and continuous monitoring to reduce your compliance burden, lower risk, and ensure you stay audit-ready — all through a scalable, subscription-based model.

TimeSeries Machine Learning - PyData London 2025Suyash Joshi

7 Salesforce Data Cloud Best Practices.pdfMinuscule Technologies

Extend-Microsoft365-with-Copilot-agents.pptxhoang971

Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOMAnchore

Over 70% of any given software application consumes open source software (most likely not even from the original source) and only 15% of organizations feel confident in their risk management practices. With the newly announced Anchore SBOM feature, teams can start safely consuming OSS while mitigating security and compliance risks. Learn how to import SBOMs in industry-standard formats (SPDX, CycloneDX, Syft), validate their integrity, and proactively address vulnerabilities within your software ecosystem.

Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfAlkin Tezuysal

As the demand for vector databases and Generative AI continues to rise, integrating vector storage and search capabilities into traditional databases has become increasingly important. This session introduces the *MyVector Plugin*, a project that brings native vector storage and similarity search to MySQL. Unlike PostgreSQL, which offers interfaces for adding new data types and index methods, MySQL lacks such extensibility. However, by utilizing MySQL's server component plugin and UDF, the *MyVector Plugin* successfully adds a fully functional vector search feature within the existing MySQL + InnoDB infrastructure, eliminating the need for a separate vector database. The session explains the technical aspects of integrating vector support into MySQL, the challenges posed by its architecture, and real-world use cases that showcase the advantages of combining vector search with MySQL's robust features. Attendees will leave with practical insights on how to add vector search capabilities to their MySQL systems.

soulmaite review - Find Real AI soulmate reviewSoulmaite

Looking for an honest take on Soulmaite? This Soulmaite review covers everything you need to know—from features and pricing to how well it performs as a real AI soulmate. We share how users interact with adult chat features, AI girlfriend 18+ options, and nude AI chat experiences. Whether you're curious about AI roleplay porn or free AI NSFW chat with no sign-up, this review breaks it down clearly and informatively.

Improving Developer Productivity With DORA, SPACE, and DevExJustin Reock

Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025Infrassist Technologies Pvt. Ltd.

Cybersecurity Fundamentals: Apprentice - Palo Alto CertificateVICTOR MAESTRE RAMIREZ

IntroSlides-May-BuildWithAi-EarthEngine.pdfLuiz Carneiro

6th Power Grid Model Meetup - 21 May 2025DanBrown980551

6th Power Grid Model Meetup Join the Power Grid Model community for an exciting day of sharing experiences, learning from each other, planning, and collaborating. This hybrid in-person/online event will include a full day agenda, with the opportunity to socialize afterwards for in-person attendees. If you have a hackathon proposal, tell us when you register! About Power Grid Model The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services. Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability. Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization.

ISOIEC 42005 Revolutionalises AI Impact Assessment.pptxAyilurRamnath1

Palo Alto Networks Cybersecurity FoundationVICTOR MAESTRE RAMIREZ

MCP vs A2A vs ACP: Choosing the Right Protocol | BluebashBluebash

Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth

Evaluation Challenges in Using Generative AI for Science & Technical Content. Foundation Models show impressive results in a wide-range of tasks on scientific and legal content from information extraction to question answering and even literature synthesis. However, standard evaluation approaches (e.g. comparing to ground truth) often don't seem to work. Qualitatively the results look great but quantitive scores do not align with these observations. In this talk, I discuss the challenges we've face in our lab in evaluation. I then outline potential routes forward.

Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...Anish Kumar

Presented by: Anish Kumar LinkedIn: https://www.linkedin.com/in/anishkumar/ This lightning talk dives into real-world GenAI projects that scaled from prototype to production using Databricks’ fully managed tools. Facing cost and time constraints, we leveraged four key Databricks features—Workflows, Model Serving, Serverless Compute, and Notebooks—to build an AI inference pipeline processing millions of documents (text and audiobooks). This approach enables rapid experimentation, easy tuning of GenAI prompts and compute settings, seamless data iteration and efficient quality testing—allowing Data Scientists and Engineers to collaborate effectively. Learn how to design modular, parameterized notebooks that run concurrently, manage dependencies and accelerate AI-driven insights. Whether you're optimizing AI inference, automating complex data workflows or architecting next-gen serverless AI systems, this session delivers actionable strategies to maximize performance while keeping costs low.

LSNIF: Locally-Subdivided Neural Intersection FunctionTakahiro Harada

Neural representations have shown the potential to accelerate ray casting in a conventional ray-tracing-based rendering pipeline. We introduce a novel approach called Locally-Subdivided Neural Intersection Function (LSNIF) that replaces bottom-level BVHs used as traditional geometric representations with a neural network. Our method introduces a sparse hash grid encoding scheme incorporating geometry voxelization, a scene-agnostic training data collection, and a tailored loss function. It enables the network to output not only visibility but also hit-point information and material indices. LSNIF can be trained offline for a single object, allowing us to use LSNIF as a replacement for its corresponding BVH. With these designs, the network can handle hit-point queries from any arbitrary viewpoint, supporting all types of rays in the rendering pipeline. We demonstrate that LSNIF can render a variety of scenes, including real-world scenes designed for other path tracers, while achieving a memory footprint reduction of up to 106.2x compared to a compressed BVH. https://arxiv.org/abs/2504.21627

Trends Artificial Intelligence - Mary MeekerClive Dickens

Trends Report: Artificial Intelligence (AI)Brian Ahier

Compliance-as-a-Service document pdf textEarthling security

TimeSeries Machine Learning - PyData London 2025Suyash Joshi

7 Salesforce Data Cloud Best Practices.pdfMinuscule Technologies

Extend-Microsoft365-with-Copilot-agents.pptxhoang971

Establish Visibility and Manage Risk in the Supply Chain with Anchore SBOMAnchore

Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfAlkin Tezuysal

soulmaite review - Find Real AI soulmate reviewSoulmaite

Improving Developer Productivity With DORA, SPACE, and DevExJustin Reock

Azure vs AWS Which Cloud Platform Is Best for Your Business in 2025Infrassist Technologies Pvt. Ltd.

Cybersecurity Fundamentals: Apprentice - Palo Alto CertificateVICTOR MAESTRE RAMIREZ

IntroSlides-May-BuildWithAi-EarthEngine.pdfLuiz Carneiro

6th Power Grid Model Meetup - 21 May 2025DanBrown980551

ISOIEC 42005 Revolutionalises AI Impact Assessment.pptxAyilurRamnath1

Palo Alto Networks Cybersecurity FoundationVICTOR MAESTRE RAMIREZ

MCP vs A2A vs ACP: Choosing the Right Protocol | BluebashBluebash

Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth

Scaling GenAI Inference From Prototype to Production: Real-World Lessons in S...Anish Kumar

LSNIF: Locally-Subdivided Neural Intersection FunctionTakahiro Harada

Introduction to Generative Art with Processing

1. Introduction to Generative Art with Processing creative tech

2. What is Processing? Open Source Programming Language Made speciﬁcally for Visual Designers Java Application, simpliﬁed syntax Developed at MIT Media Labs by Casey Reas and Benjamin Fry in 2001

4. Learn Processing Processing:A Programming Handbook for Visual Designers and Artists, 2nd Edition by Casey Reas and Ben Fry Getting Started with Processing (O’Reilly) by Casey Reas and Ben Fry Generative Art: A practical guide using processing by Matt Pearson

5. Learn Processing The Nature of Code: Simulating Natural Systems with Processing by Daniel Shiffman

6. http://processing.org

7. Diverse Outputs Stills Animations Image Manipulation Performance Art

19. Now we will make some art

20. Installation processing.org/download/?processing Version 2.2.1 Unzip Open It

22. Hello, World

23. void setup() { } void draw() { } Try running it, by clicking on the play button in the top left

24. void setup() { size(600,600); background(#000000) } void draw() { } Try running it. You should now have a bigger black box

25. void setup() { size(600,600); background(#000000); } void draw() { ellipse(100, 100, 50, 50); fill(#FF4067); } "Hello, world” in the form of a pink circle

26. Important: we are working in a coordinate space 100 100 600 600

27. ... ellipse(100, 100, 50, 50); ...

28. void setup() { size(600,600); background(#000000); } void draw() { for (int i=100; i<600; i=i+100) { ellipse( i, 100, 50, 50); fill(#FF4067); } } Now that we know it’s a grid, we can exploit that and make our art cooler. Do this by looping over the x- coordinate.

29. void setup() { size(600,600); background(#000000); } void draw() { for (int i=100; i<600; i=i+100) { ellipse( i, 100, 50, 50); fill(#FF4067); } for (int i=100; i<600; i=i+100) { ellipse (100, i, 50, 50); fill(#FF4067); } }

30. Loop? This means that we do something to a variable in our function repeatedly, for however many times we tell it to do it. for (int i=100; i<600; i=i+100) { ellipse(i, 100, 50, 50); } initial value when to stop interval The program generates: ellipse(100, 100, 50, 50), ellipse(200, 100, 50, 50), ellipse(300, 100, 50, 50), ellipse(400, 100, 50, 50), ellipse(500, 100, 50, 50)

32. void setup() { size(600,600); background(#000000); } void draw() { for (int i=100; i<600; i=i+100) { for (int j=100; j<600; j=j+100) { ellipse( i, j, 50, 50); fill(#FF4067); } } }

33. void setup() { size(600,600); background(#000000); } void draw() { for (int i=100; i<600; i=i+100) { for (int j=100; j<600; j=j+100) { ellipse( i, j, 50, 50); fill(#FF4067); } } } MouseX, MouseY

35. Branding with data

36. Questions?

Introduction to Generative Art with Processing

Recommended

More Related Content

Similar to Introduction to Generative Art with Processing (20)

Recently uploaded (20)

Introduction to Generative Art with Processing