代做 program、代写 java 语言程序
Creative Audio-Visual
Application
Developing creative applications using contemporary techniques
Final Submission: Blackboard. Thurs. 1st May 2025 | 13:59
Module: Introduction to Creative Coding (UFCF8L-30-1) Semester 2: 27th January 2025 – 23rd May 2025
(Easter vacation 7th April 2025 – 25th April 2025) Task: Creative Audio-Visual Application
Weighting: 60%
Contact Time: 3 hrs per week Reading/Coursework preparation: 5 hrs per week Module Teaching email: simon.emberton@uwe.ac.uk
Digital Media BSc, University of the West of England //2024-2025//
Assignment Overview
(image from bork Doy: https://medium.com/@borkdoy/generative-art-triangles-with-p5-js-f1c9e3f50739)
This assignment is designed so that you can build on the feedback you received from the first coursework and create an awesome interactive web piece for your portfolio. It will facilitate your independent learning of programming, creative and critical thinking that you have undertaken throughout this term. Your task is to produce a single cohesive interactive audio- visual piece of work which can focus on one of these three themes: audio-visual artwork, AI experience or game.
In order to do this, you will carry out the following activities individually:
• Activity A – Conduct research into contemporary web based interactive art/AI experiences/games.
• Activity B – Design and program a creative, interactive artwork/AI experience/game with a minimum of two different states, scenes or levels.
• Activity C – Write a design and evaluation report that synthesises research and reflections on practical work.
• Activity D – Create and record a demonstration video, presenting your interactive work.
2
Digital Media BSc, University of the West of England //2024-2025//
Deliverables
The following is a list of the specific deliverables that must be submitted in order to fulfil the requirements of the brief. You will submit and be assessed individually on:
Interactive Audio-Visual Project (70%):
• One web-based interactive audio-visual piece (i.e. artwork, AI experience or game) hosted online (e.g. on the panel server, codepen.io, editor.p5js.org etc).
• All code must be submitted in the same folder structure as is hosted on the server. It must be submitted via Blackboard as a .zip file.
• URL of the audio-visual piece needs to be submitted to Blackboard in a text file (.txt).
Design and Evaluation Report (20%):
• A three-page design and evaluation report with URL to your piece submitted as a PDF via Blackboard.
Demonstration Video Presentation (10%):
• 2-4 Minute demonstration video presentation. This should be hosted on a video
service such as YouTube or Vimeo. Submitted as a URL via Blackboard. Important dates
1st May 2025 at 13:59 – Blackboard submission.
Deliverable Specifications
Audio-visual Project
You may choose one of the following three options (please discuss with your module tutors which you think would be suitable):
1. A web-based interactive audio-visual artwork with a minimum of two states/scenes.
2. A web-based interactive experience using Artificial Intelligence (e.g. using ml5.js) with a minimum of two states/scenes.
3. A simple web-based game with a minimum of two levels.
Please be aware, games are generally more complex. The option that you pick will not affect your mark – complexity does not necessarily mean a higher mark. We are focusing not only on code structure but also the creativity on show.
Further detail on the options:
3
Digital Media BSc, University of the West of England //2024-2025//
1. The audio-visual artwork should be a piece developed around an artistic or design theme. It could be exploring something abstract such as “Simple Harmonic Motion” by Memo Akten (https://www.memo.tv/simple-harmonic-motion/) or something more tangible like an interactive narrative, such as “Solace” by Evan Boehm (https://experiments.withgoogle.com/solace).
2. The AI experience should make use of the ml5.js (https://ml5js.org/) library. For inspiration, please explore some of the creative projects made using this library in the community section (https://ml5js.org/community/).
3. The game does not have to be hugely complex, in terms of gameplay and graphics. But it should involve some goal directed activity which involves multiple levels (minimum of two). Gameplay logic is more complex to program so please discuss with your module tutors if you are unsure about this option. Examples include: https://p5js.org/examples/interaction-snake-game.html and https://sub-tropic.itch.io/amoeba-blaster
Whichever option you choose:
- Your piece must be contained within one p5.js sketch and hosted online (e.g. on the panel server, codepen.io, editor.p5js.org etc).
- There must be a minimum of two states/scenes/levels. This means two distinct but thematically related parts of the piece. This could mean combinations of changing colour schemes; difficulty level; interaction mechanics; animation style or other methods.
- You may use standard and/or alternative methods of interaction. Standard in this context means keyboard and mouse. Alternative in this context means camera or microphone.
- Your piece must contain some reactive sonic element. This may just be simple sound effects related to clicks, or may be something more complex such as being based on collision.
Code Submission in .zip
You must submit exactly the same code in exactly the same folder structure as is running online (e.g. on the panel server, codepen.io, editor.p5js.org etc). This should be zipped up and submitted via Blackboard. We ask you to do this so that we can look through your code in a code editor where it is easier to read.
Report
Write a design and evaluation report. This should have two main sections: “Design” and “Evaluation”. The “Design” section should contain the most important parts of the research and inspiration you collated from looking at the different design work in Activity A. It should also contain a short explanation of the code to demonstrate understanding.
4
Digital Media BSc, University of the West of England //2024-2025//
The “Evaluation” section should contain a brief analysis of what you felt was successful and what needs improvement about your work.
You need to ensure that your report contains references to artistic/design work that has inspired you. You also must reference any code snippets you have taken from elsewhere. All references must make use of the UWE Harvard referencing style (https://www.uwe.ac.uk/study/study-support/study-skills/referencing).
Video
The video is a chance for you to show your piece in action. We ask you to this to ensure that you have done the work and can explain it in your own words. You do not have to show your face, it can just be a screen recording with you talking during the demonstration. Think about what you need to show the markers to demonstrate your understanding of the creative and technical elements of your work.
You are not expected to do any editing in the video itself, it can be a single take. But do make sure you rehearse and that it is no longer than 4 minutes.
Marking Guidance
A full rubric is provided at the end of this document.
Creative Audio-visual Application (70%)
- Code quality (35%)
The functionality of your code, implementing all of the programming constructs taught on the module. Higher marks will be given for code that functions without any errors. Please ensure no errors are being displayed in the console.
- Commenting (10%)
- Detailed comments which to demonstrate understanding and explain functionality to others.
- Creativity (25%)
Use your visual ingenuity to create novel design pieces. Higher marks will be given for those who clearly use their research as inspiration and then build upon it to create something novel.
Report (20%)
- Design (5%)
o Qualityofresearch:
Have a variety of sources been used? Have books, websites and journal articles been read in detail?
o Demonstrationofhowresearchinformeddesign:
5
Digital Media BSc, University of the West of England //2024-2025//
How clear is it that the research has directly influenced the outputs? - Evaluation (15%)
o Criticalanalysisofworkcreated:
Reflect on whether the work was successful and why.
o Thoughtsonhowtoimprovethework:
Outline what you would do to make the work better in the future.
Video (10%)
- Video Demonstration of Understanding:
o Demonstrationofallfeaturesofthepiece.
o Clarityofpresentation.
o Qualityoflinkagebetweenfeaturesandsectionsofcodei.ewhichpartsof the code do which parts of the experience.
Study Support:
The following links provide detailed information on study skill provision and UWE academic policy. In submitting your final submission for examination you agree that you have read the following guides linked to below:
• Digital Media BSc Learning Policy:
• UWE Study skills: http://goo.gl/NalwD5
• UWE Word count policy: http://goo.gl/Qe8kbg
• UWE Referencing policy (UWE Harvard): http://goo.gl/Iu3S3L
• UWE Plagiarism policy: http://goo.gl/vAHWOp
• UWE Academic appeal process: http://goo.gl/Tf1nv3
Plagiarism Advice:
The usual university strictures about plagiarism apply to this assignment. It is good practice in academic writing to reference correctly the work of others that you may draw upon for your own. Please help us to clearly distinguish your original efforts by so doing.
If you use code from other sites, the sources must be referenced in your Bibliography. If you use any other site(s) as a source of ideas for your site, you must reference the source. If you copy code and/or ideas from another student's work, or even if you are helped by another student, you must reference/acknowledge the source.
• UWE Plagiarism policy: http://goo.gl/vAHWOp
6
Digital Media BSc, University of the West of England //2024-2025//
References:
https://p5js.org/ p5, your best friend!
https://ml5js.org/ Machine learning library.
http://p5play.molleindustria.org/ p5 game engine Machine learning library. https://github.com/bitcraftlab/p5.gui p5 graphical user interface library. https://thecodingtrain.com/ The Coding Train – video tutorials with Dan Shiffman. http://www.creativeapplications.net/ Inspiration!
7
Rubric
Deliverable
Deliverable Sub- section
FAIL: Fails to achieve module outcomes.
0-30%
FAIL: Marginally fails to achieve module outcomes. 30-40%
PASS: Achieves module outcomes.
40-50%
PASS: Achieves module outcomes.
50-60%
PASS: Achieves module outcomes.
60-70%
PASS: Achieves and exceeds module outcomes.
70-100%
Interactive Audio Visual Project (70%)
Quality of Code (35%)
Code is not present or does not function.
Code is present but is not functional. Or functions for some time then crashes. Code is jumbled and messy, not formatted well and very difficult to read.
Code functions with a lot of errors. JavaScript console fills up with errors very quickly. Code is jumbled and messy, not formatted well and very difficult to read. Code only implements basic techniques shown in class.
Code functions with no errors in the JS console. Code is formatted to a satisfactory level, is legible and structured well. Code implements basic and more complex techniques shown in class.
Code functions with no errors in the JS console. Code is formatted to a good level, is legible and structured very well. Goes above and beyond what is specified in the brief on at least one element. Code implements significant use of complex techniques shown in class. Some techniques taken from independent study implemented with limited success.
Code functions with no errors in the JS console. Code is formatted to an excellent level, is legible and structured very well. Programming methods that have not been taught in class have been implemented successfully. Code implements significant use of complex techniques shown in class. Techniques drawn from independent study implemented successfully.
Commenting (10%)
No comments.
Very few comments showing a deep lack of understanding.
Very few comments showing limited understanding.
Comments throughout, showing some understanding.
Comments throughout, showing significantly developed understanding.
Comments throughout, showing significantly developed understanding of concepts and methods shown both in class and through independent research.
Creativity (25%)
No code functionality to determine whether creativity has occurred.
Very little code functionality to determine whether creativity has occurred.
Generative drawing displays basic creativity with limited inspiration derived from the research.
Generative drawing displays good creativity drawing some inspiration from the research to create a new piece.
Generative drawing displays very good creativity drawing clear inspiration from the research to create a new piece.
Generative drawing displays excellent creativity with explicit inspiration drawn from the research to create a novel and aesthetically rich artwork.
Design and Evaluation Report (20%)
No report submitted.
Incoherent/unread able/illegible report submitted.
Very basic design research undertaken. Unclear as to how it relates to the project. Very little evaluation, analysis
Some design research undertaken. Basic links have been made relating it to the project. Some effort at evaluation, analysis and reflection is
Good design research undertaken. Very clearly linked to the project. Good effort at evaluation, analysis and reflection is provided. Good number and range of sources provided.
Excellent design research undertaken. Very clearly linked to the project. Deep and insightful evaluation, analysis and reflection is provided. Large number and range of relevant
Digital Media BSc, University of the West of England //2024-2025//
and reflection is provided. No sources provided.
provided. Limited sources provided. number and range of
sources provided.
Demonstration Video (10%)
No video submitted.
Video URL is submitted but cannot be accessed/is not viewable.
Basic demonstration provided. Not clear that much of the creative or technical elements of the piece are understood by the student.
Satisfactory demonstration provided with some good elements. Clarity of understanding is shown in parts, but other sections there are errors or lack of detail.
Comprehensive demonstration provided with most elements shown and explained. Clarity of understanding is shown throughout.
Outstanding demonstration provided with all elements shown and explained with rigor and in an articulate manner. Clarity of understanding is shown throughout explaining where you have gone above and beyond the brief.
9