Concept:
Coming up with this midterm progress took a long time of just sitting in my room and doing random things in my dorm to come up with a concept. I couldn’t choose whether I wanted to create an art piece, a game or something else. So like I always do, I decided to listen to some music, started looking at my clothes in my closet, and playing some random games on my computer.
Then that became my concept. A virtual interactive experience of my dorm. My concept takes inspiration from the class example of the the coffee shop experience, with my own personal twist.
I drew some sketches and also used DALL-E to create some images to show the experience I want to portray.
We enter the experience by entering my dorm door(will draw better or use AI for final).
Upon entering the dorm, we are greeted to a closet, speakers and a computer.
I generated the below two images using DALL-E with the prompt: “create an image of a dorm room view from the door with a large window on the very left. To the right of the window is a bed. To the right of the bed is a table with a speaker, desktop computer, monitor, keyboard, and mouse. to the right of that is a closet.”
When clicking on the computer, I want there to be 2 tabs available, one for the a snake game, and one for a beat sequencer/drum machine.
Below is a rough sketch of what the beat sequencer or drum machine would look like. I intend for it to create a drum sequence, based on the 4 bars that continuously loop.
On the second tab would be a recreation of the snake game.
I’m also considering an option to click into the closet, where you can just scroll through different clothing items.
Currently this is what the main page and the dorm room looks like.
Challenges:
- Producing the beat sequencer
- I have been looking into the Tone.js library in order to help with making the beat sequencer.
- Incorporating the selection method of items in the room(closet or computer) and also the switching of tabs on the computer for either the beat sequencer or the snake game.