Skip to content

Visual Programming Syllabus

Graphic Design – Visual Programming

Friday from 10:00am – 1:00pm

Kadir Has University

Instructor: Justin Hoffman


Website:  Visual Programming Class Site

Course Description: This Course will be exploring the creative design environment, Processing. Providing students with the foundation to create visual imagery, interactive content, and programming foundations to expand their possibilities in the visual, audio, and interactive realms at large .

The creative process doesn’t exist in a vacuum– it’s a highly integrated activity reflecting history, aesthetic theory, and often the technological breakthroughs of the day. This was certainly the case during the Renaissance, when artists, engineers, scientists, and thinkers all came together to create truly remarkable works of art and engineering. Over the last few decades, we’ve been experiencing our own Renaissance with the proliferation of digital technology– creating radically new ways for people to work, play, communicate, and be creative. Processing was born directly out of these exciting developments.” (Greenberg, Ira)

Class Overview and Format

February 12th : Meet the students, discuss their computer skills/abilities/ personal interests/ dreams. context and the processing books bibliography— summary of what processing is, examples of artsist who use processing and interactivity where processing/programming is used.—- show the website and community/book — discuss philosphies on how to approach learning a language, letting the information wash over you when you are confused, when confused stopping and potentially attacking from another angle.

February 19th : Download Processing from, define terms (run, stop, new, open, save, export, file, edit) demonstrate how to receive them on site, explain the powers of google, — let them know of quiz on terms for next week, give them listing of terms and what quiz will be … example walk thru excercise

February 26th : Structure 1: code elements, coordinates and primitives, explain how the x and y coordinates are set up… demonstrate how to add color — demonstrate artists that utilize this simple shape method (i.e. abstract art, etc.) — homework to create a piece of work similar by layering simple shapes …

March 5th : Demonstrate works created, critique, and have them email the code to me. Begin working on arithmetic functions and repetition (explaining the arrays, loops, for, whiles ).

March 12th: The math of it all: Arthimetic, Functions, Control Decisions

March 19th: Fancy Curvature – Vertices, Curves, Color by Numbers

March 26th: Create the rays of intesity – Display, Tint, Text

April 2nd: Math is Back in a big way – Trigonometry, Random

April 9th: Lets Get 3D – Translate, Matrices, Rotate, Scale

April 16th: Modularity and Sketching, Techniques, Form, and Code

April 23rd: Now do you believe in Parametricism? – Parameters, Recurssion

April 30th: Interactive Introduction –Mouse I, Static Forms, Keyboard

May 7th: Interactive Rules Right? – Mouse II, Time, Date

May 14th: Working on Final Project

May 21st: Finals Week

Required Materials and Reading:

class web site and tutorials @

tutorials and online documentation:


Downloads (Free) : Procesing from


Readings: Processing: a programming handbook for visual designers and Artists ( Reas and Fry)

Processing: Creative Coding and Computational Art (Greenberg)


Quizes/ Participation = 20%

Attendance = 15%

Homeworks = 30%

Projects = 35%

============== 100%