AlgoJam Extended
23–24
B-232
Live Project
AlgoJam
Semester 2
Live Project
This collaborative project bridges the disciplines of Design Communication and Contemporary Music, guiding participants on an audio-visual journey enabled by digital tools.
Exploring the intersection of generative art and electronic music, participants will engage both in groups and individually to create a body of work, culminating in a series of negotiable outcomes.
AlgoJam
Brief
23–24
B-232
Live Project
AlgoJam
Semester 2
Just as recording media such as vinyl, cassettes and compact discs went from mainstream to niche, the distribution and consumption of music has become increasingly digital.
The shift from tangible album artwork to digital images on our screens and from traditional instruments to laptop music represents just two examples of this change.
As creatives, how do we respond to this shift from physical to digital in order to envision current and future trends in audiovisual expression through our practice?
The expected outcomes will require participants to work across disciplines in an experimental, exploratory and progressive manner to arrive at an audio-visual production for the future.
Technical challenges will be addressed and discussed in class to balance requirements, skills and abilities to achieve a meaningful and enjoyable outcome.
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
1 Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
2 Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
3 Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
4 Deliver: Finalise and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach
Session 1
Exploration
Session 2
Experimentation
Session 3
Work-in-progress sharing
Session 4
Iteration
Session 5
Show-and-tell
Submit
5 Submit: submission of documentation and outcomes; breakdown of deliverables will be shared with you
Double Diamond Model
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
Deliver: Finalize and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach
The Double Diamond Model should help you structure, guide and plan your project.
The project itself should be kept simple but effective. This is best achieved by establishing and exploring a simple idea, experimentation, iteration and trusting the process.
Submit
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
Deliver: Finalize and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach
Submit
Experimentation
Iteration
Exploration
Inspiration, references, mood board, sketches, ideation, learning new tools
Learning new skills, making, remixing, trial and error
Repetition, variation, mutation, selection
23–24
B-232
Live Project
AlgoJam
Semester 2
Collaboration
This class is a mix of music and design students. The aim is for each student to contribute and share ideas, while demonstrating curiosity in the other discipline.
Although new skills may need to be learnt, this should not be seen as an obstacle but as an opportunity to explore new territories.
Students can work in small teams of up to 5.
Expectation
The primary expectations for this class are curiosity, commitment and enjoying the process.
As a group of individuals, small teams and a community of creatives, the aim is to envision current and future trends in audiovisual expression through our practice. This can only be achieved through making, conversations, and working across disciplines.
By the end of this class, students will submit a online documentation and their final outcome that can run in the browser.
23–24
B-232
Live Project
AlgoJam
Semester 2
Final Outcome
Each student will contribute a final outcome in digital format, combining audio and visual elements, which will be presented online.
Some considerations
Deliverables
Submission will require the following deliverables to be documented online
• description of project, ideas and innovation
• audio-visual experimentation and exploration
• process documentation
• reflection
• final outcome
• coded, interactive audio-visual experience
• recorded performance with coded visuals
• augmented and/or immersive experience
• interactive, live-coded soundtrack with visuals
23–24
B-232
AlgoJam
Semester 2
Intro and Overview
Navigate down for a selection of references, you can click on the images and text labels for more details about the artists.
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
Intro and Overview
An Algorithm is a step-by-step set of instructions or a systematic procedure designed to solve a specific problem or accomplish a particular task.
When live coding, for example, algorithms are typically written using code and can be dynamic and improvisational, allowing artists to generate and manipulate audiovisual content as part of a live creative process.
Navigate down for a selection of references, you can click on the images and text labels for more details about the artists.
Live Project
AlgoJam
Intro and Overview
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
AlgoJam
Semester 2
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
1 Sound Drawing
Live Project
Drawing exercise while listening to Mads Emil Nielsen's SoundTales Collage.
Draw what you hear, use simple visual elements: lines, dots, shading.
AlgoJam
23–24
B-232
AlgoJam
Semester 2
2 Analysing the Brief
Live Project
Analyse the Brief (see erlier slide) Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief.
AlgoJam
23–24
B-232
AlgoJam
Semester 2
3 Demo and Try
Code samples and interactive browser tools are provided here for you to work and play with.
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
3 Demo and Try
p5js + shaders
Hydra
TidalCycles + Strudel
Gibber
3
4
1
2
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
3 Demo and Try
p5.js + shaders
Cmd+Enter
Shift+Cmd+Enter
f
Play sketch
Stop sketch
Fullscreen
Key Commands
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
3 Demo and Try
hydra
Shift+Control+Enter
Play sketch
Key Commands
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
3 Demo and Try
Gibber
Control+Enter
Alt+Enter
Control+.
Play section
Play line
Stop all
Key Commands
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
3 Demo and Try
TidalCycles + Strudel
Control+Enter
Alt+Enter
Control+.
Play
Play
Stop
Key Commands
Live Project
AlgoJam
23–24
B-232
AlgoJam
Semester 2
4 Getting started
Play
Change
Sample
Record
Open any of the examples provided and play with them in an interactive way, for example by making sounds or playing a sound track to manipulate the image.
Live Project
Considerations
Inspiration
23–24
B-232
Live Project
AlgoJam
Semester 2
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Saskia Freeke
Live Project
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Live Project
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Live Project
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Jono Brandel
Live Project
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Live Project
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Live Project
Considerations
Inspiration
23–24
B-232
AlgoJam
Semester 2
Live Project
Considerations
Starting points
23–24
B-232
AlgoJam
Semester 2
Live Project
Considerations
23–24
B-232
AlgoJam
Semester 2
Live Project
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
1 Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
2 Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
3 Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
4 Deliver: Finalise and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach, Session 2.
Session 1
Exploration
Session 2
Experimentation
Session 3
Work-in-progress sharing
Session 4
Iteration
Session 5
Show-and-tell
Submit
5 Submit: submission of documentation and outcomes; breakdown of deliverables will be shared with you
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
1 Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
2 Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
3 Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
4 Deliver: Finalise and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach, Session 3.
Session 1
Exploration
Session 2
Experimentation
Session 3
Work-in-progress sharing
Session 4
Iteration
Session 5
Show-and-tell
Submit
5 Submit: submission of documentation and outcomes; breakdown of deliverables will be shared with you
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
1 Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
2 Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
3 Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
4 Deliver: Finalise and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach, Session 4.
Session 1
Exploration
Session 2
Experimentation
Session 3
Work-in-progress sharing
Session 4
Iteration
Session 5
Show-and-tell
Submit
5 Submit: submission of documentation and outcomes; breakdown of deliverables will be shared with you
23–24
B-232
Live Project
AlgoJam
Semester 2
Approach, Session 4.
Expectations
The primary expectations for this class are curiosity, commitment and enjoying the process.
As a group of individuals, small teams and a community of creatives, the aim is to envision current and future trends in audiovisual expression through our practice. This can only be achieved through making, conversations, and working across disciplines.
By the end of this class, students will submit a online documentation and their final outcome that can run in the browser.
envision current and future trends in audio-visual expression through our practice
online documentation and final outcome that can run in the browser
23–24
B-232
Live Project
AlgoJam
Semester 2
Approach, Session 4.
Documentation
Images
screenshots, process documentation, final outcomes. if you are working with projection or live performance, take good documentation.
Videos and sound tracks
screen-recordings, process documentation, final outcomes. if you are proposing a projection or live performance, take good documentation. Include sound tracks.
Real-time / interactive
embed javascript or p5js sketches in the documentation website (optional)
Text
Write about your project: concept and project description, process* and explorations, outcome reflection, collaboration and conclusion.
online documentation and final outcome that can run in the browser
* process: talk about failures and successes, trial and error, tools used, intentions, compromises
23–24
B-232
Live Project
AlgoJam
Semester 2
Approach, Session 4.
Looking ahead to Session 5
Sharing of website template
For Design Communication students, this will be your submission on week 16
You can use the template or design your own website, see previous slide for required content.
Presentation of outcomes
Address the following in your presentation: Concept, approach, process, collaboration and outcomes. Use images, videos, audio, text.
Respond to the following: How do you envision current and future trends in audio-visual expression through your practice?
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
1 Discover: take the brief apart
Through study and research discoveries, conversations, and your own preferences, develop a better understanding of the scope of the brief – insights.
2 Define and Explore.
Based on your discoveries, define the direction of your project while keeping skills and ambitions balanced. consider to learn new skill(s) – focus.
3 Develop: Make
Develop ideas, experiment and produce many audio and visual outcomes – potential solutions.
4 Deliver: Finalise and package
Through iteration arrive at the most viable outcome – solution that works (best)
Approach, Session 5.
Session 1
Exploration
Session 2
Experimentation
Session 3
Work-in-progress sharing
Session 4
Iteration
Session 5
Show-and-tell
Submit
5 Submit: submission of documentation and outcomes; breakdown of deliverables will be shared with you
23–24
B-232
Live Project
AlgoJam
Semester 2
Approach, Session 5.
Presentations
Prepare a 5-7 minute presentation. As each of your projects may be different, we leave it up to you how much time to use for your demo but keep your presentation to max 7 minutes.
If you are performing, give a brief introduction of what we should expect and leave some time for questions at the end. Consider video-recording your performance, ask your classmates to record.
If you recorded your performance you can show the video
If you had proposed an installation, show some of your documentation if you did managed to set it up and document it.
If your outcomes are screen-based, play them to us and briefly explain what we are looking at and why–what is the idea and concept behind it?
If your work is interactive, demo to us and let us try.
Presentation of outcomes
Address the following in your presentation: Concept, approach, process, collaboration and outcomes. Use images, videos, audio, text.
Respond to the following: How do you envision current and future trends in audio-visual expression through your practice?
Suggested structure for the presentation. Aspects you can talk about and show.
Introduction
• Title
• Description of project and
concept (~100 words)
Process
• Approach and process
• Breakdown of tools, instruments used
Outcome
• Showing of visuals created
(process and final)
• Listening to your soundtrack
Demo
Conclusion
• What worked well and not so well
• Achievements
• Collaboration
• Response
1
2
3
4
5
23–24
B-232
Live Project
AlgoJam
Semester 2
1 Discover
2 Define
3 Develop
4 Deliver
Submission
Session 1
Exploration
Session 2
Experimentation
Session 3
Work-in-progress sharing
Session 4
Iteration
Session 5
Show-and-tell
Submit
23–24
B-232
Elective Workshop
AlgoJam
Semester 2
B-DC 221
Generative Type Workshop
Computation in Design
23–24
Semester 1
Intro and Overview
Coded Visuals
Coded Sounds
Compile, putting it all together.
render, edit, export to .mp4
Demo and Try
Make changes to code
Approach
Play, change, record, sample
Ad-hoc
AlgoJam
Laptop Show
Workshop breakdown: we will start with an introduction and overview of the workshop followed by a demo of prepared code samples that render images and sound. You will then have time to play with given code samples to create a couple of audio-visual artefacts.
23–24
B-232
Live Project
AlgoJam
Semester 2
23–24
B-232
Elective Workshop
AlgoJam
Semester 2
AlgoJam
Laptop
Show
algojam-collab-2324
By Andreas Schlegel
