Consequences

Is a p5.js project that explores how generative AI affects the environment thorugh interactive visuals and physical imputs (from MakeyMakey Circuit). The scene starts off bright and full of life, to then gradually fade as users trigger actions that represent technological impact. This project shows how creation and consumption coexist.

• CTCH 204: Creative Coding (Winter 2026)
• Project Timeline: 19th March 2026 - 30th March 2026

Demo

Play Here

• https://annachuu.github.io/Consequences/

Edit Sketch

• https://editor.p5js.org/annachuu/sketches/7tV1zv8c9

Interaction

The project uses a MakeyMakey controller connected to Play-Doh buttons as inputs. Each button activates a different action. (Can substitute the Play-Doh with any other conductive objects/materials)

Negative Impact:

• GENREATE -> Down Arrow
• CREATE -> Left Arrow
• EXPLAIN -> Right Arrow

Positive Impact:

• DO IT YOURSELF -> Up Arrow

When the "negative impact" buttons are pressed, the once vibrant landscape beginds to fade. The trees lose colour, the sun dims, and the scene becomes quieter, reflecting the concept of our Consequences.

MakeyMakey Setup

Built With

• P5.js
• HTML/CSS
• MakeyMakey Circuit
• Play-Doh as the conductive material for button design

Credits

P5.js References

• https://p5js.org/reference/

Research Sources

• https://ecolecanada.gc.ca/tools/articles/ai-environmental-effects-eng.aspx
• https://harvardsciencereview.org/2026/02/28/re-architecting-the-ai-server-the-hidden-water-cost-of-data-centers-part-ii/