New User Special Price Expires in

Let's log you in.

Sign in with Facebook


Don't have a StudySoup account? Create one here!


Create a StudySoup account

Be part of our community, it's free to join!

Sign up with Facebook


Create your account
By creating an account you agree to StudySoup's terms and conditions and privacy policy

Already have a StudySoup account? Login here

Interactive Multimedia Design—Week 1

by: Ariana Notetaker

Interactive Multimedia Design—Week 1 ARGD410_01FA16

Ariana Notetaker
GPA 3.607

Preview These Notes for FREE

Get a free preview of these Notes, just enter your email below.

Unlock Preview
Unlock Preview

Preview these materials now for free

Why put in your email? Get access to more of this material and other relevant free materials for your school

View Preview

About this Document

Here we learn the basics of working with Processing.
Interactive Multimedia Design
Jun Li
Class Notes
code, coding, processing, programming, interactive
25 ?




Popular in Interactive Multimedia Design

Popular in Visual Communication Design

This 2 page Class Notes was uploaded by Ariana Notetaker on Tuesday September 20, 2016. The Class Notes belongs to ARGD410_01FA16 at Montclair State University taught by Jun Li in Fall 2016. Since its upload, it has received 5 views. For similar materials see Interactive Multimedia Design in Visual Communication Design at Montclair State University.

Similar to ARGD410_01FA16 at MSU

Popular in Visual Communication Design


Reviews for Interactive Multimedia Design—Week 1


Report this Material


What is Karma?


Karma is the currency of StudySoup.

You can buy or earn more Karma at anytime and redeem it for class notes, study guides, flashcards, and more!

Date Created: 09/20/16
9-13-16 Interactive WEEKLY ASSIGNMENTS. Minimum of 10 sketches per week. WEEKLY READING. The Learning Processing pdf (can be found on canvas). BIG PROJECTS: 1. Interactive design 2. Generative design. Based on algorithm written by you which produces prints. 3. Music visualization *details to be announced later in the semester ______________________________________________________________________________________ ____________________________________________ INTRODUCTION: John Maeda: First to use generative methods to create prints. The graphics are generated through algorithm. Processing (Java) is Low Level, assembly or machine language. Written as 0’s and 1’s. EX: 0011110. Processing is a compiling language, where you write the whole code. The last (bottom) line in the code will override everything before it, meaning it will be seen on the top of everything that has been coded. High Level language that is more like human english but takes a while for the cpu to understand the command. All high level programs need a compiler. High Level Programs: Python: a semantic high level cpu that speaks more like a human. C/C++: harder to understand but can create great visuals using processing. Action Script: Used to be paired with Flash Lingo CSS HTML: CSS= Cascading Style Sheets, HTML= Hyper Text Markup Language. Javascript: Makes the web think. Live coding tool (each line of code is being processed line by line instantly), does not require a compiling method for he machine to understand. Browser based. HTTP: Hyper Tech Transfer Protocol FTP: File Transfer Protocol URL: Uniform Resource Identifier. Web vs. Internet The web is just one layer, while the internet is the whole network. The internet connects to different ‘layers." The difference between URL and Domain names is that a domain name is just a name, while URL’s have the http. Client vs Server language: Client: Doesn’t involve in sending requests to a server using whatever method of protocol to fetch information and back. Information is already there, can be done on site. Server: Language has to leave the site and go to the server, fetches information and is delivered back. Max/MSP/Jitter Ableton live and Max: Professional software to create visual work for music. Jitter: Video editing MSP: Based on C program. MSP: Based on C program. Void Vs. Loop Void codes only play once while loop codes play continuously. HOW TO START—A key guide: 1. While coding, the measurements must be in PIXELS (px). 2. Parenthesis () are used to create values/instructions for the code. They are used after specifying what you want to start coding. EX: size(250,300). The size of your workspace is written as (w, h); w= width and h=height. 3. Comas are used to separate values (the numbers in the code) 4. Semicolons are used to end instruction, meaning that everything after will be a new instruction for a new section of the code. If you are done writing the code for the size of your document, you use a semicolon. EX: size(250,300); 5. RGBA is used to color the things you make. R=Red G=Green B=Blue A=Alpha (transparency). Most of the time A is not used, so RGB is just fine. The maximum value for each color is 256. EX: background(256,0,0) would give you a red background. Using the color picking tool will give you the exact RGB values you want. When R=G=B (all are the same values) you get the color gray. 6. HSB is Hue, Saturation, and Brightness. 7. You can color in a shape the same way you color the background, but instead of writing “background" you write “fill”. EX: fill(193,200,240); 8. To make a shape, you must specify the top left corner coordinates. I say coordinates because your document is set up to have an invisible grid with x, y, w, and h. X is how far to the left or right the coordinate it and Y is how high to low the coordinate is. W is the width and H is the height. The shape will be whatever fill you coded it to be before. A list on how to write coordinates for basic shapes is shown below. 1. rect(x,y,w,h); 2. ellipse(x,y,w,h); 3. line(x1,y1,x2,y2); As you see here, line doesn’t have a w or h coordinate because lines are the distance between one point and another. x1 and y1 is where the first point starts and x2 and y2 is where the last point ends. 4. triangle(x1,y1,x2,y2,x3,y3); 9. If you want your shape to be centered, add the word “Mode” to the end of it and instead of using coordinates you can just write (CENTER). EX: rectMode(CENTER); 10. Shapes automatically have a stroke to them. To get rid of the stroke you must code noStroke(); before coding the fill. 11. To change the stroke weight of a shape (and this also works for lines to make them thinner/thicker) you code strokeWeight(# of choice). EX: strokeWeight(2); 12. Strokes automatically have a rounded end to them. To get a square end, code strokeCap(SQUARE);


Buy Material

Are you sure you want to buy this material for

25 Karma

Buy Material

BOOM! Enjoy Your Free Notes!

We've added these Notes to your profile, click here to view them now.


You're already Subscribed!

Looks like you've already subscribed to StudySoup, you won't need to purchase another subscription to get this material. To access this material simply click 'View Full Document'

Why people love StudySoup

Steve Martinelli UC Los Angeles

"There's no way I would have passed my Organic Chemistry class this semester without the notes and study guides I got from StudySoup."

Amaris Trozzo George Washington University

"I made $350 in just two days after posting my first study guide."

Jim McGreen Ohio University

"Knowing I can count on the Elite Notetaker in my class allows me to focus on what the professor is saying instead of just scribbling notes the whole time and falling behind."

Parker Thompson 500 Startups

"It's a great way for students to improve their educational experience and it seemed like a product that everybody wants, so all the people participating are winning."

Become an Elite Notetaker and start selling your notes online!

Refund Policy


All subscriptions to StudySoup are paid in full at the time of subscribing. To change your credit card information or to cancel your subscription, go to "Edit Settings". All credit card information will be available there. If you should decide to cancel your subscription, it will continue to be valid until the next payment period, as all payments for the current period were made in advance. For special circumstances, please email


StudySoup has more than 1 million course-specific study resources to help students study smarter. If you’re having trouble finding what you’re looking for, our customer support team can help you find what you need! Feel free to contact them here:

Recurring Subscriptions: If you have canceled your recurring subscription on the day of renewal and have not downloaded any documents, you may request a refund by submitting an email to

Satisfaction Guarantee: If you’re not satisfied with your subscription, you can contact us for further help. Contact must be made within 3 business days of your subscription purchase and your refund request will be subject for review.

Please Note: Refunds can never be provided more than 30 days after the initial purchase date regardless of your activity on the site.