![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/f9b093de-cb54-416d-a324-53f2880d777e_rw_1920.gif?h=628c2656410646ab20d6de7ae2c8129b)
Web-development: A Ported Iteration
Creative Coding | Spring, 2021
Through physical computing, this project explores creative coding, a relatively new field of self-expression. Building on an existing single-player game (Duel by FAL), I reimagined its interaction and curated a different gameplay experience: introducing a unique input configuration and adding multiplayer. Using Adafruit's Circuit Playground Express (a microcontroller), players can now control their characters using the microcontroller's motion sensors, push buttons, and LEDs.
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/473d32f5-641a-4366-a735-1d5c8195d669_rw_1920.jpeg?h=2fba136a02d61de3e2a432c5361d9417)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/33c36860-fd94-4163-8412-d704334c8f85_rw_1920.jpeg?h=9980275fd2c637e4d70d95f720bcc91f)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/bdc49eb3-0e26-4774-a162-f2498990ac60_rw_1920.jpeg?h=de65e4f60616e6ea8c4c32ec21ea3db5)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/bf97b1f7-d51b-47ae-9424-458c8f74ce7f_rw_1920.jpeg?h=f1eb390a15acd0201fb85c6ef7857c7b)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/be975541-423e-4b55-88ca-9641ab9c4e76_rw_1920.jpeg?h=fb3c042f918a569b17cd956669304dcb)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/debed40e-915b-4094-8a65-d30669d6b8be_rw_1920.jpeg?h=0ebd1c81bf3274de7be3f64cc849d3ae)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/cb559ca0-5d75-490c-a9a0-85c3e9ca0a47_rw_1920.jpeg?h=5d2abb1e5e4a8b2736018d61860ab918)
Preliminary sketches
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/d2a5f79a-f2d6-4783-8cc7-1c624a298e97_rw_3840.jpg?h=ad4dd58a16088c3ff6fca7431be1c8a1)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/d6a41f0c-c8f6-43f8-8133-6b9a4ce9c03a_rw_3840.jpg?h=621659d1ef85e0177181c345d7978e53)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/836e7a15-2387-45df-980b-a7eff800695f_rw_3840.jpg?h=1c6daf25bd56179d9dc3412d5b1fadb0)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/5f61d1da-60c4-446e-8a41-3b87938d80f2_rw_3840.jpg?h=24d64fc96c37e7040761c66da5005587)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/6ba2abb0-68a1-4705-8129-1f94843617a8_rw_1920.jpg?h=b45243878a4c96757366a556fd63cd2f)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/d0c10dcc-ad00-4b80-ad79-8146c0cc7791_rw_1920.jpg?h=e2c69baeecc6178101c70820274ef39b)
Concept art
Final outcome, CPX demonstration
Resources
Final solution:
https://editor.p5js.org/inoon/full/ZFZSHQS6
https://editor.p5js.org/inoon/full/ZFZSHQS6