Assignment Task
Sketch 1
Code Sketches – Week 2
These weekly assessments will demonstrate your developing understanding of fundamental code concepts and techniques, and your ability to apply code for creative outcomes. Each week you will submit a single small p5.js sketch that demonstrates your understanding and creative exploration of techniques covered in class:
Week 2
Creating and manipulating variables;
Drawing — at least line(), rect() and ellipse()
Mouse and keyboard interaction — mousePressed(), keyPressed()
Use comments in your code to demonstrate your understanding of the techniques you are using. Your comments should briefly explain how your code functions, focusing on the required techniques for each exercise. Your sketches should also demonstrate your creative application of code to create developed and resolved visual outcomes.
Create your weekly sketch in the p5.js online editor (http://editor.p5js.org) with a 600 x 600px canvas. Submit the URL of your sketch via the class Wattle site.
My submission: https://editor.p5js.org/cjbryl/sketches/UCUTqI4pR
Sketch 2
These weekly assessments will demonstrate your developing understanding of fundamental code concepts and techniques, and your ability to apply code for creative outcomes. Each week you will submit a single small p5.js sketch that demonstrates your understanding and creative exploration of techniques covered in class:
Code Sketches – Week 3
Iteration — for() and/or while() loops
Randomness — random()
Saving images — save()
Use comments in your code to demonstrate your understanding of the techniques you are using. Your comments should briefly explain how your code functions, focusing on the required techniques for each exercise. Your sketches should also demonstrate your creative application of code to create developed and resolved visual outcomes.
Create your weekly sketch in the p5.js online editor (http://editor.p5js.org) with a 600 x 600px canvas. Submit the URL of your sketch via the class Wattle site.
My submission: https://editor.p5js.org/cjbryl/sketches/hk8-sr6Sm
Sketch 3
Code Sketches – Week 4
These weekly assessments will demonstrate your developing understanding of fundamental code concepts and techniques, and your ability to apply code for creative outcomes. Each week you will submit a single small p5.js sketch that demonstrates your understanding and creative exploration of techniques covered in class:
Arrays
text()
image()
loadStrings() and/or loadImage()
Use comments in your code to demonstrate your understanding of the techniques you are using. Your comments should briefly explain how your code functions, focusing on the required techniques
for each exercise. Your sketches should also demonstrate your creative application of code to create developed and resolved visual outcomes.
Create your weekly sketch in the p5.js online editor (http://editor.p5js.org) with a 600 x 600px canvas. Submit the URL of your sketch via the class Wattle site.
My submission: https://editor.p5js.org/cjbryl/sketches/Z59DpNJ8O
Sketch 4
Code Sketches – Week 5
These weekly assessments will demonstrate your developing understanding of fundamental code concepts and techniques, and your ability to apply code for creative outcomes. Each week you will submit a single small p5.js sketch that demonstrates your understanding and creative exploration of techniques covered in class:
Functions with arguments
Transforms — translate(), rotate(), scale()
Use comments in your code to demonstrate your understanding of the techniques you are using. Your comments should briefly explain how your code functions, focusing on the required techniques for each exercise. Your sketches should also demonstrate your creative application of code to create developed and resolved visual outcomes.
Create your weekly sketch in the p5.js online editor (http://editor.p5js.org) with a 600 x 600px canvas. Submit the URL of your sketch via the class Wattle site.
My submission: https://editor.p5js.org/cjbryl/sketches/KuAKlXi1e
Dynamic ID group project
Assessment details:
Dynamic ID Project
In this project you will apply fundamental programming techniques to realise a creative project. Working in groups of 2-3, devise and develop a dynamic visual identity for one of the following Canberra organisationsFYI Festival
Molonglo Group
ThinkplaceANU Energy Change Institute
The National Arboretum Canberra
Landspeed Records
Mallaluka Wines
(or nominate another with approval)
A visual identity is a designed system of text and graphics that conveys an organisation’s identity in a distinctive, legible, recognisable and engaging form. A dynamic visual identity is one that uses code to systematically create variations on the identity, while retaining its character. Variation can be created through coded rules, external data, or user interaction. Consider how variation in the identity might be meaningful in relation to the client.
Your identity should show a wide range of variations, while maintaining its distinctive character and appeal. Prepare a p5.js sketch that demonstrates dynamic variation and use of interaction, data or generative rules. Demonstrate your dynamic ID in at least two of these three physical realisations:
Screen – stills or animation for web, video, mobile app, digital signage or projection
Print – identity for business cards, stationery, posters, flyers.
Object – digitally fabricated realisation, eg laser-cut signage or 3d-printed object
For digital fabrication we highly recommend the ANU Maker Space. They run regular inductions and provide a range of fabrication services. If you are intending to use their services make sure you complete your induction early in semester!
Submission Requirements
Each submission must include:
Final output (screen media, prints, or fabricated items)
Dynamic ID p5.js sketch
Process Documentation
For the Process Documentation, produce a PDF containing:
All Processing / p5.js code used to generate the outcomes
Documentation explaining the code and generative processes usedDocumentation of the final realisation (eg photographs of fabricated outcomes or plots)
Documentation of group roles and contributions to the project. Briefly outline the contributions of each group member
The Process PDF is documentation, not an essay. It should clearly demonstrate what has been done, how, and by whom.
Upload digital files (screen media, Process PDF) via Wattle. Submit p5.js sketches as links to the online editor, or other public URL. Submit physical media in class.
Individual Assessment
In this group assessment students should demonstrate their individual contribution in the Process Documentation (above). Students will also have an opportunity to demonstrate their individual learning and contribution in the Reflective Report (below).
Our group’s submission:
https://editor.p5js.org/aidanherbert/sketches/rdxIXQn7s
Process Documentation PDF (see attached separately)
‘Web’ zipped file – contains final animation
Need Help Writing an Essay?
Tell us about your assignment and we will find the best writer for your paper.
Get Help Now!Welcome to Our Online Academic Writing Service. Our online assignment writing website provide various guarantees that will never be broken. No matter whether you need a narrative essay, 5-paragraph essay, persuasive essay, descriptive essay, or expository essay, we will provide you with quality papers at student friendly price.
Ask for Instant Writing Help. No Plagiarism Guarantee!
