Generative CyberSpace

Generative CyberSpace

Category:

Interactive Design

Client:

Interaction I UT AUSTIN

Duration:

3 weeks

gen. hero
gen. hero
gen. hero

Project Details

Generative CyberSpace was a project for Interaction I with Professor Sydney Parks. This project explores play within P5.JS. Drawing from celestial themes, I wanted to explore the concept of the inevitable void. :) enjoy :)

Deliverables

Code that creates a new composition every time you refresh

Responsive Generative Code

Prints of Code

Compositions that showcase the code in use

Project Details

Generative CyberSpace was a project for Interaction I with Professor Sydney Parks. This project explores play within P5.JS. Drawing from celestial themes, I wanted to explore the concept of the inevitable void. :) enjoy :)

Deliverables

Code that creates a new composition every time you refresh

Responsive Generative Code

Prints of Code

Compositions that showcase the code in use

Project Details

Generative CyberSpace was a project for Interaction I with Professor Sydney Parks. This project explores play within P5.JS. Drawing from celestial themes, I wanted to explore the concept of the inevitable void. :) enjoy :)

Deliverables

Code that creates a new composition every time you refresh

Responsive Generative Code

Prints of Code

Compositions that showcase the code in use

Enter the dimensions of generative cyberspace. Each outcome being a unique experience. Experimenting with WEBGL in P5.JS I was able to play around with simple geometries such as triangular prisms, spheres, cylinders, and tori. 

Predict 01
Predict 01
Predict 01
Predict 01

WANNA PLAY?

WANNA PLAY?

Simply interact with the embed below, or click the "PRESS ME TO PLAY" below to view the code in full screen. Then, feel free to use your mouse to zoom in and out to create forms. You may also drag your mouse across the screen to make shapes! Click key ‘S’ to save a png capture of the animation. Refresh the page to generate a new layout. Have fun!


PRESS ME TO PLAY

Predict 01
Predict 01
Predict 01
Predict 01
Predict 01
Predict 01
Predict 01
Predict 01

I'm dedicated to encouraging play design for all through interactive experiences — no matter how simple they may be. By experimenting with generative codes, the possibilities are endless!

Create a free website with Framer, the website builder loved by startups, designers and agencies.