transductions02.nikyreynolds.com
[ use firefox browser ]

controls:

change colors
r/R or g/G or b/B = +/- R or G or B value

add or remove visuals
i/I or j/J or n/N = on/off lines (top/middle/bottom rows)
o/O or k/K or m/M = on/off circles (top/middle/bottom rows)
p/P or l/L or ,/< = on/off squares (top/middle/bottom rows)

` = clear

here’s the code on the p5.js editor

Here’s my software mirror.

mirrormirror.nikyreynolds.com

Here’s the code.

Full-screen, full-audio here:
https://editor.p5js.org/iamniky/present/k3z7U77hB

Code here:
https://editor.p5js.org/iamniky/sketches/k3z7U77hB

I started with a search for “detroit become human branching structure” and picked a random website review here, then ended up reading about the 2000-page script here.

I wasn’t exactly satisfied by their little blog posts, so I searched for “overview of the detroit become human script”, looked at the images first, and ended up here because of the picture below:

The car moves with arrow keys.
The cloud moves with the mouse;
click on the cloud to make it rain!

View it here, too.
https://editor.p5js.org/iamniky/present/lyz-ifTjs

Check out under the hood:
https://editor.p5js.org/iamniky/sketches/lyz-ifTjs

Click inside the sketch to begin.
Move the cloud with the arrow keys.
Click on the cloud to make it rain!

Here’s the code for this!

Click here to see behind the scenes.

See under the hood here.

Here’s under the hood

fun thing I made in class
here’s the code