- Office Hours Sign Up Using Google Calendar, 721 Broadway 4th Floor South Elevator
Before First Class : Static Drawing
Introduction and Drawing — Your assignment before class is to draw a picture using numbers. This will get you acquainted with the window for entering code. Just do something silly. This is more like formatting than programming and if you find this a little tedious, you will love real programming when we get to it next week.
Things to do
- Go to the p5.js web editor (the videos below use a slightly different editor).
- Sign up for a login.
- Learn Coordinate System — video tutorial
- Learn Drawing Functions — video tutorial
- See if the p5.js reference is going to be any help.
- See if drawing chapter in book Getting Started with p5.js is going to be any help (free here for nyu students).
- Draw something in P5 using commands like rect, ellipse, fill, stroke
- Try making a post in this WordPress blog with your drawing.
- Login on to this wordpress blog on the right using netid
- “New Post” also on the right
- Make a Title
- Put some description in main text box for the post.
- Go back to p5.js editor and use “share” menu to get the “embed” info, copy it.
- Back in the wordpress blog find the little “text” tab (as opposed to “visual” tab) above main text box. Paste embed info into that big text box.
- Associate post with category “Paint by Numbers”
- Don’t worry if you can’t do all of this.
Preview Next Week’s Materials in Video
Week 1: Oct 14 Dynamic Drawing
- Show Drawings
- Picking a Tool
- Draw Loop
- If Statements
- Software for Change – Loop, Variable, If Statements
- Resources : books, examples, tutorials or lectures and others.
- Assignment for October 28: Please post under category “Change”
- Get a drawing to be reactive to the Mouse. I would start with a new drawing.
- Use an if statement and see if you are more than half way across the screen. See if you can change it to up and down
- or maybe the dist() function to see if you are near an area of the screen and maybe change the fill or something if you are. How about upper left corner or bottom right corner?
- If things are going really well see if you can get something in the drawing to change on its own with a variable you made, like having it get bigger and smaller or check out the bouncing ball video and check out this code. Try to be happy with getting anything at all to work and then push it a little bit.
- Bonus Get a Jump on Next Week: If all that mousing around is going well see if you can play sounds depending on where the mouse is. Because sound is everywhere, this will save having two foci, your dance and the laptop screen.
- With a projector you can be dancing with the images so you might look at the bottom of the page to try adding some images depending on where the mouse goes.
- Watch Before Next Class: Watch this video about adding sound. You might also take a quick look at these videos about the Kinect, and Computer Vision or preview the instructions for next week.
Week 2: Oct 28 Responsive Volumes
- In Class:
- Here is the image and sound examples from class. Make sure you can import and change a sound (look in reference for .setVolume(), .rate(), pan()) or image (look in reference for tint, location, size). This page will walk you through it the stuff we did in class.
- Go up into room 5M and connect to the Kinectron Server in the corner.
- Open the PC laptop (password is written on it)
- Make sure Kinectron software is running (see your skeleton animating). If you don’t see it running click on round blue Kinectron icon on desktop or on the bottom start bar.
- Press Skeleton tracking button on kinectron app and look for the dot of your joints animating on the screen after a few seconds.
- Get the IP address XXX.XX.XX.XX shown in the Kinectron app on the pc and type it into your sketch on your machine. You can start by duplicating and changing address in this simple sketch which changes the background color depending on how close your hand is the screen. You can find morre on the kinect here.
- Now make a sound or image change based your bodies movements. Please post under “Parsing Space”
Week 3: Nov 4 Dance with Software
- In Class:
- Show student work on controlling sound and image with the body.
- Talks about what you would do with it.
- Plan a proof of concept for your ideas.
- Start with an example that you had working in class or one of the examples at the bottom of the kinect page.
- Reflect on the how this new ability to change sounds and images in realtime using your body might work with the themes you have been working on so far this semester.
- Develop a proof of concept with one thing changing based on your body movements that may (or may not) the piece you have been developing in earlier weeks.
- Please post using “Dance with Software” category.
- In Class:
Week 4: Nov 11 Show Work
- In Class:
- Perform your proof of concept.
- Look at integration with Isadora
- Fix Problems
- In Class: