Pcomp Final Project: Jump with Dino!
"There's nothing fun about getting kicked offline—unless you have a friendly T-Rex to keep you company, that is,"
--- Chrome UX engineer Edward Jung on the motivation behind Chrome’s offline Dino game.
We all love the cute Chrome dino game when there is no Internet. The designer of the game once said "There's nothing fun about getting kicked offline—unless you have a friendly T-Rex to keep you company"
But what if you can stand and jump with the dino?
We recreated the game using p5.js and Arduino to make it physical & interactive.
“Dino will jump when you jump, and try surviving over every cactus!”
The physical jumps make it a good exercise, so relax, jump, and just have fun to break from sitting & coding all day!
1. Sensor: test FSR (Force Sensing Resistor) to mimic the jump.
After I made sure FSR can do its job, I soldered the FSR to the wires and playtested the jumping, however, FSR is broken.
They are truly very fragile. So I Use Force Sensing Potentiometer FSP01CE-ND to replace FSR
2. Use Force Sensing Potentiometer FSP01CE-ND to replace FSR
3. Rewrite the Dino game/visual part in p5.js
Added an onboarding part so that audience can directly start without our explanation.
Added sounds/background music.
Added a Christmas hat to the dino as a bonus when people get a higher score.
The p5.js code can be found in: https://editor.p5js.org/opheliaming/sketches/Isw7lEY47
4. Class playtest
People with high heels are less comfortable to jump and the sensors are less sensitive for those shoes.
Since people can see the location of Force sensing potentiometer, so some people kinda trick the game by just lifting the back of their shoes instead of jumping.
Game is a bit too difficult? Most people "game over" after 2 or 3 jumps.
Receive some feedbacks like it would be more fun if there will be some unexpected things like Dino will jump to the sky and fly?
5. Further improvement on fabrication based on feedbacks
Switching to a smaller breadboard
Adding another FSR in case one sensor is broken.
Using the drill for wiring.
Soldering two sensors to the wires.
Use materials like sponge and foamed plastic to increase user experience and protect the sensors.
6. Build Enclosure
7. Make a "jump, dino" acrylic lamp
Inspiration: Studio Cheha's flat lamp
Material: 8 in × 12 in, 1/4 in thick from Inventables
Designs in illustrator. Add one of my favourite quotes "If you hit a wall, climb over it, crawl under it, or dance on the top of it" (M. Y. MY NOTES). It kinds of fits here since every time t-rex meets a cactus, he need to dance on the top of it :)
The next step is using a cheap cardboard to prototype & test. In this way, I get more familiar with the Laser Cutter. Make sure the size is right.
Using light in the ER room to test the lighting effect.
Bought 12 inches LED strips from Amazon.
The LED can be controlled with different colors of lights. Love it!
Build an enclosure for my dino lamp, a lamp base which I can put acrylics, led strips with charger inside.
Material: Wood on the right
Use Wood Router to create a base
sand the inside to make it more smooth.
Put acrylics, led strips with charger inside!
What I would do next time?
When designing the acrylic file for laser cut, definitely leave some space at the bottom so that the sentences will not be covered.
Maybe trying CNC machines for creating the wood base since it might be more accurate.
8. Future Work:
Experiment with Muscle Sensor Surface EMG Electrodes P2773A
9. Reference & resources: