top of page
Search

Final Recode Project

Writer: Alexis SandersAlexis Sanders
May 5, 20223 min read

Recode Project Gallery - Link


Project Summary

I created a gallery of all the projects that I've created over the last few weeks. It's a culmination of everything I've learned thrown into one design, but it's also interactive. The user is able to manipulate different aspects of each of my designs. I thought this would create a more interesting experience and also sort of emulate what we have been doing in this class. We have taken the example projects and manipulated them to figure out how they work and learn the different parts of code this way. I wanted to emulate a part of this in my final design.


Inspirations

I decided to do my final project as sort of a showcase of all my recode projects. My original idea was to create an "art gallery" that showcased the different techniques and ideas that I've learned over the course of seven weeks. I was going to create a digital gallery where the user just flipped through the gallery to view the work. I had an idea, about 12 hours before this project was due, to make it more interactive. I started thinking about Olivia Jack's Hydra project and how that live coding project allows the user to interact with the code and essentially create their own code. I wanted to create something similar where the user would be able to manipulate some parts of my design while still showcasing the different projects I completed.


Process

I first started by creating a space for different scenes so the user could navigate between designs. This was easy to create since I created a more elaborate version for my final project in creative coding. I used those principles and brought one of my first designs over into the code. I initially just copied it directly into a function that would hold the entire design, but I was running into problems with just directly copying it. There were some animations in the design that weren't animating. I had to comment out parts of my code and break it down so I could figure out what parts of the design were causing it to stop the animations. I eventually realized that it was a simple variable that I had to declare outside of the function for it to work. Once I realized this, the animation started again and it was easier to add the rest of the design with animation. I then looked for a simple way to create an interaction the user could easily manipulate without much instruction. I decided on the slider tool because it was easy to manipulate and the user could change a wider array of variables. I used a few resources on p5 to understand how the slider piece worked and then it wasn't too challenging to incorporate the sliders into my design. It was more a matter of what I would change easily as I was running out of time to complete the design.


Audience/Context

This was honestly more of a fun piece for my and my classmates to enjoy and experience. I didn't intend for this to go any further than a piece that showcased all the world I've done. I can see this as something to include in a portfolio as well just something to neatly show all the work I've done in this class and for people to get a sense of what this class was about.


Next Steps

If I had more time to work on this, I would want to create more interaction in my designs. I would want the user to truly be able to manipulate as many aspects as possible of the design to make it truly interactive. I would also want to include more design works in the piece. I only have the four since that's what we did in class but I think this could be something interesting if more projects got involved and maybe there would be different interactions for each project so you can more see how the design works without having to view any code. I would also like to refactor my code some and figure out some ways to automate the code so I wouldn't have to repeat myself so much and also not have so much code.


Code References

 
 

Comments

bottom of page