Embedded Files
1 Generative Art and the Circle K Project
1 Generative Art and the Circle K Project
1-1 Generative Art and the Circle K Project
Mr. Weinberg made this video in which he builds Javascript code to generate a pattern similar to the one outside the Circle K across from school.
Follow the tutorial to build your own version of the code. You will use the p5js editor in a web browser to do this. Then make your own variation of the code to generate an image of art that is your own.
YouTube Link (19:31)
1-2 Creating a Github Account
Github is a powerful online platform that runs git, a version control program that professional programmers use to collaborate on software projects around the world. You are going to be using Github to save code that you create during this unit and to collaborate on code projects with your classmates.
The first step is to create an account. Go to the Github website and select Sign Up at the top right corner.
Use your school ID/username and SSIS email to create an account.
1-3 Making a Repository for a p5js project
Watch this video (5:15) on creating a repository.
Use this to create a new repository. Create a file and paste in your code from your version of the Circle K project code.
Add Mr. Weinberg as a collaborator on this repository in the settings section of the website. His Github ID is @emwdx. And Mr. Kreier. His ID is @kreier
2 Design Project
2 Design Project
2-1 Design Project - Collaborative Art
Your design task for this unit is to build generative art code - code that generates images on its own - in a collaboration with your classmates. Along the way, you will be learning to use Github as a tool to collaborate on the development of code.
Project Description and Rubric Standard 8 (due on day 6)
2-2 Generative Art Jamboard - Share your ideas
Look around to find examples of generative art, and find something you are interested in creating yourself using p5js. Remember that your task is to make this yourself. Keep it simple. Simple patterns or rules combined with randomness can lead to really interesting designs. Link your ideas into the Jamboard as you think about what you might make with your classmates.
3 Branches, Forks, and Pull Requests
3 Branches, Forks, and Pull Requests
3-1 Video: Branches, Forks, and Pull Requests
This video teaches you how to make a branch, fork a repository, and make a pull request to get code that you write into another person's repository.
Your task today is to do the following:
Make a branch named after your spy name. If you don't have a spy name, use this generator.
On the exit_ticket branch of your fork, edit the branch_fork_pull_exercises.txt and add your name and a link to your new branch.
Make a pull request on the exit_ticket branch of ssis-aa's repository
YouTube Link (7:47)
3-2 Submit pull request
Upload a screenshot of your completed pull request on Schoology. Mr. Kreier will be able to check the rest of your work via Github.
3-3 Make This!
Use the p5js editor to create the image shown below. Work with your teammates and help each other.
4 Circular Art
4 Circular Art
4-1 Video Playlist: Github and Circular Art
This video playlist shows you how to update a fork you have made of a repository with changes made in that repository. You then learn about the coordinate systems in p5js and how to use simple programming to generate patterns like this:
4-2 Circular Pattern - Student Generated
Submit your code or link to your repository for this task
5 Generative Art Project Sharing
5 Generative Art Project Sharing
5-1 Generative Art Project Sharing
Discussion forum on Schoology: This discussion forum will be a place to post your idea for an art project, some sketches or examples of what you are looking to do, as well as a link to the repository for your code development.
You should also comment and make pull requests on each other's repositories during development to collect material you can use for your Github assignment.
Discussion forum sharing your project, repository, and collaborators
6 Project Check-In
6 Project Check-In
6-1 Project Work and Check-ins - what do you need?
As students work on their projects, making edits on their forks and making pull requests along the way - what are some questions here in the discussion forum? What is the progress?
7 Design Project Submission
7 Design Project Submission
7-1 Design Project Submission - p5js Art Generator
Your task is to create an original piece of generative art that contains code written by at least two other students. For the purposes of this assignment, your generative art code should:
Have at least one use of modular code
Use some element of randomness that varies shape, color, and pattern such that the output of the program is different each time it is run
Link to your Google Slides Presentation: _____________
Link to your Github Repository: _____________
8 Singular Collaborative Art Project
8 Singular Collaborative Art Project
Whole Class Collab - Can we get one generative art piece that has commits from every person?
Optional: Submit Iterative Design for Quarter 2
Page updated
Report abuse