Use p5.js to illustrate the idea of entropy. Recall the video about information entropy as a measure of surprise. A basic sample sketch for this assignment is available by clicking here.
You may submit your assignment on UR Courses as a link,
either to your
This assignment is worth 4 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Basic implementation (2) | Code functions as required and code is easily readable | Code functions as required but code is not so easily readable | Completed but code does not function as required | Not completed |
| Advanced feature (1) | Advanced feature well done and clearly written | Advanced feature well done but not so clearly written | Completed but feature does not function as indicated | Not completed |
| Comments (1) | Comments well written and explain rationale | Comments well written but do not fully explain rationale | Comments not consistently done | Little to no comments in code |
Basic implementation: use p5.js to present some text as both text (HTML element) and image (converted to bitmap). Use colour change to illustrate some properties of the text. Allow for the screen to be captured as an image (you can use https://p5js.org/reference/#/p5/saveCanvas to do this).
See this sketch and this sketch as partial examples.
An advanced feature might be, for example, a means for text entry or interaction with the displayed text. Please make sure to describe and explain what you have chosen to implement for this.
You may submit your assignment on UR Courses as a link to either a sketch on the https://editor.p5js.org website or to your CS webpage where the sketch can be run.
This assignment is worth 4 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Basic implementation (2) | Code functions as required and code is easily readable | Code functions as required but code is not so easily readable | Completed but code does not function as required | Not completed |
| Advanced feature (1) | Advanced feature well done, clearly written and explained | Advanced feature well done but not so clearly written and explained | Completed but feature does not function as explained | Not completed |
| Comments (1) | Comments well written and explain rationale | Comments well written but do not fully explain rationale | Comments not consistently done | Little to no comments in code |
Use p5.js to take an image as input and create sounds as output. Explore different ways to use the input image to create sounds.
Sample sketch: https://editor.p5js.org/dhhepting/sketches/vp04VYgL
You may submit your assignment on URcourses as a link to either a sketch on the editor.p5js.org website or to your CS webpage where you run the sketch.
This assignment is worth 4 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Basic implementation (2) | Code functions as required and code is easily readable | Code functions as required but code is not so easily readable | Completed but code does not function as required | Not completed |
| Advanced feature (1) | Advanced feature well done and clearly written | Advanced feature well done but not so clearly written | Completed but feature does not function as indicated | Not completed |
| Comments (1) | Comments well written and explain rationale | Comments well written but do not fully explain rationale | Comments not consistently done | Little to no comments in code |
Take the sound file that you created in the previous assignment (or a different sound, if you prefer) and use it as input to a p5.js sketch for creation of an animation, an image, or text.
This assignment is worth 4 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Basic implementation (2) | Code functions as required and code is easily readable | Code functions as required but code is not so easily readable | Completed but code does not function as required | Not completed |
| Advanced feature (1) | Advanced feature well done and clearly written | Advanced feature well done but not so clearly written | Completed but feature does not function as indicated | Not completed |
| Comments (1) | Comments well written and explain rationale | Comments well written but do not fully explain rationale | Comments not consistently done | Little to no comments in code |
Create an interactive portrait of yourself using p5.js.
This assignment is worth 4 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Basic implementation (2) | Code functions as required and code is easily readable | Code functions as required but code is not so easily readable | Completed but code does not function as required | Not completed |
| Advanced feature (1) | Advanced feature well done and clearly written | Advanced feature well done but not so clearly written | Completed but feature does not function as indicated | Not completed |
| Comments (1) | Comments well written and explain rationale | Comments well written but do not fully explain rationale | Comments not consistently done | Little to no comments in code |
The project will be an interactive web-based multimedia presentation on a topic of your choosing, related to class. You will decide on the mix of writing/research and coding/implementation (using p5.js). The project can be done either individually or in a small group (in that case, only 1 submission is required from the members of that group).
What do you want to accomplish with this project? What is your vision? What are your goals?
Consider the scope of your project and look at the risks and the rewards. What can you accomplish in the time available? Does success depend on a high-risk technology or technique?
Flesh out your vision and describe the content of your interactive multimedia project. Upon which media elements will you focus, and how will you do it?
How will you assess if you’ve met your goals? What is essential to the project and what could be removed to meet your deadlines?
This assignment is worth 4 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Concept (1) | Sophisticated concept | Good, moderately engaging | Under-developed concept | No discernible development of concept |
| Ambition (1) | Exceptionally ambitious and challenging | Moderately challenging and ambitious | Very little challenge | Unchallenging |
| Content (1) | Clear ideas for the use of media elements | Reasonably-well articulated ideas regarding content | Under-developed ideas for content | No discernible development of content |
| Plan (1) | Clear plan for writing and coding, contingencies considered | Plan for writing and coding clear, contingencies not considered | Writing and coding plan lacks clarity | No plan for writing and coding |
The project will be a web-based presentation on a topic of your choosing. You will decide on the mix of writing and coding (using p5.js) [or, research and implementation]. The project can be done either individually or in small groups.
The deliverable will be the realization of your project proposal. Reflect, in your web-based text, about the journey this semester from proposal to this deliverable.
You may include elements that you have created during your labs, but the project must also include some elements in p5.js.
This assignment is worth 16 marks, according to the following rubric:
DePaul Univerity’s Center for Teaching and Learning has a useful resource describing the process of creating rubrics. Your comments about the following rubric are welcome via email
| Criterion and Weight | Exemplary | Sufficient | Developing | Needs Improvement |
|---|---|---|---|---|
| Research and implementation (14) | Sophisticated concept, well executed | Somewhat sophisticated in concept and realization | Good, moderately engaging | Undeveloped and unchallenging |
| Reflection (2) | Thoughtful and thorough | Reasonably thorough | Somewhat complete | Substantially incomplete |