Week 07 Homework - rybotron/wnm498genart_f14 GitHub Wiki

Changing of the Seasons

The leaves are changing colors on the trees, farmers are harvesting their crops, and itโ€™s almost daylight savings time. So, for this two part assignment you and a partner will be creating an interactive piece around the changing of the seasons. It does not need to be only focused on fall, it can include all 4 seasons or focus on your favorite. This week you will be creating a github repo for your project, brainstorming, researching, and beginning writing code.

1. Create your story. What story are you trying to tell?

Example:

  • In the fall leaves fall from the trees letting the sunlight through
  • In Tahoe the snow piles up deeply to create perfect skiing conditions
  • In the spring flowers bloom after a long winter.

2. Map out how the story is told interactively.

Example:

  • Use mobile finger touches to change the acceleration of the wind
  • 1 finger will be the lightest - 4 fingers being gale force winds
  • The tree will be drawn using shapes in p5.js, or two.js
  • Leaves will be a particle system with location, velocity, and acceleration
  • Continuing mapping out each function, method, property of your code

3. Assign tasks to each other of who will be building what.

4. Code it!

  • Drive the project using p5.js
  • Use additional libraries that fit your story
  • p5.sound.js
  • dat.GUI
  • tween.js
  • two.js
  • other libraries you would like to try!

5. Upload it to github:

  • Create a repo for your project that both you and your partner commit to and work from
  • Create a github IO branch to host the file

Submission Guidelines for Part 1 of 2

  • Your written story
  • UX flow
  • Task list
  • Create your github repo and github io branch and share with your partner
  • Create a readme.md with
  • Who it was created by
  • Our class name and a link to our repo
  • A description of your story
  • A detailed description of your interactive plan
  • Dependencies and libraries you used to create the project as well as links
  • Cite all sources
  • Start coding!

Homework Links