-
Notifications
You must be signed in to change notification settings - Fork 3
Assignment 4
This assignment is due, Tuesday Jan 13
- Chapter 11: Getting Started with p5.js
- Array tutorial from Mozilla
- Array tutorial from JQuery
- For a JavaScript tutorial about arrays I would suggest Chapter 4 of Eloquent JavaScript though I would warn that it gets a bit more advanced than what we need for p5.js sketches.
- Youtube Video Lessons: 6.1 to 6.10 cover everything about objects and arrays together.
- In class examples
- Fibonacci Spiral
- Perlin Noise
- distance function
- Bouncer array 1
- Bouncer array 2
-
Bouncer array 3 -- adding objects with
push()and deleting withsplice().
- Video Lesson Examples
- More array examples
- All Getting Started Code
Using arrays, write a program that creates multiple instances of an object (feel free to use an object you developed previously or create something new). Here is an example you can use as a model. You should probably stop here, but here are some additional (more difficult) possibilities.
- Experiment with the resizable nature of arrays. Can you add objects one at a time? Remove them after a certain amount of time or when they leave the screen? Can objects from an array trigger the birth of other objects? See this example.
- Create an object that stores the history of its own path. This might be a drawing program where you keep a history of mouse locations in an array or a shape that moves around the screen autonomously and draws its own trail. Can you have an array of these objects (each of which stores its own array?). Example 1 Example 2.
Please note you do not at all need to follow the above at all. You can design your own creative assignment, and building off of a previous sketch you made too is ok. If you are struggling for an idea you might think about (a) making a simple game, (b) creating a clock, (c) building a painting system, (d) creating a Villager System, (d) generating a pattern using perlin noise, fibonacci sequence, fractal recursion or anything else we discussed in class. (Note the links are from Golan Levin's CMU course which has many great examples and references.
- Document the process of creating your sketch for this assignment.
- Write your thoughts / reactions to the Museum of Math visit. Some questions to consider, you do not need to answer all of them.
- How did the museum use interactivity effectively to demonstrate concepts from mathematics?
- What did you find useful (or not useful) about the paper exercise generating spirals and fractals. How does this "by hand" process compare to writing code to generate patterns.
- If you were to submit a proposal for an exhibit you'd like to design at the museum, what would it be? How might you go about writing a p5 sketch to demonstrate your idea?
- Write your thoughts / reactions to the AMNH visit. Some questions to consider, you do not need to answer all of them.
- Did you find the use of interactivity effective in the Secret World Inside You exhibit? Were there aspects of the interaction design that you found confusing or unintuitive?
- Propose an interactive exhibit for anywhere in the museum. If you had a chance to look at the main exhibition halls consider what you might like to build to augment one of the existing exhibitions.
- What was your favorite / least favorite part of the museum?
- Was the exhibition department what you expected? Was there anything that surprised you?
- Write some impressions about the planetarium show. If you could design real-time software to run in the planetarium, what would you build? How could a planetarium show be interactive?
- add your questions here
- David [KComplete] (http://p5ide.herokuapp.com/view/5693cc12aa5846030080615f), [Blog Post] (http://sa3904.nyuad.im/blog2/2016/01/19/more-objects/)
- Lucas - Solar System Clicker, Blog Post
- Christos - [Time Travel] (http://p5ide.herokuapp.com/view/569468d1aa58460300806225), [Blog Post I] (http://cz930.nyuad.im/blog/2016/01/12/part-iv-time-travel/), [Blog Post II] (http://cz930.nyuad.im/blog/2016/01/12/part-v-museum-of-math-and-natural-history-visit/)
- Mounir: [Trees] (http://p5ide.herokuapp.com/view/56945a39aa58460300806214) [Blog Post] (http://mke255.nyuad.im/blog/2016/01/13/fractal-trees-and-museums/)
- Aadi: [Chess (Simple King)] (http://p5ide.herokuapp.com/view/56946f1baa5846030080622e), [Blog Post] (http://aj1566.nyuad.im/blog/2016/01/12/homework-4/)
- Rami: [Eggs game] (http://rha257.nyuad.im), [Blog post] (http://rha257.nyuad.im/blog/index.php/2016/01/12/homework-4/)
- Tarmo: [Yo-yo clock] (http://p5ide.herokuapp.com/view/56947538aa58460300806238) [Blog post] (http://tk1578.nyuad.im/blog/2016/01/12/homework-5-two-museums-visiting-blog-post/)
- Tanya: [Cells moving through a Vein] (http://p5ide.herokuapp.com/view/5694cf862aa700030005299c), [Write-Up] (http://tb1561.nyuad.im/blog/2016/01/14/assignment-four-creating-an-interactive-cell-flow-model/)
- Shantanu: [Music of the Spheres (works better in desktop editor)] (http://p5ide.herokuapp.com/view/569559d92aa70003000529e5)
- Jin: Interactive Painting Blog Post
- Himal: Museum of Math - String Loops, Blog Post
- Gene: [Microbiomes] (http://p5ide.herokuapp.com/view/569502142aa70003000529b4), [Blog Post] (http://ec2911.nyuad.im/blog/2016/01/12/assignment-4-microbiomes/)
- Chandan:[moving joints] (http://p5ide.herokuapp.com/editor#?sketch=5693bd3daa5846030080612b), [animation] (http://p5ide.herokuapp.com/editor#?sketch=5691945b48d8130300a3ed23), [Blog post] (http://ckm303.nyuad.im/blog/?p=12)