Skyhop
Skyhop is an original 3D endless flyer built on Three.js — the portfolio's sixth render class. You pilot a ship deeper and deeper into a night sky, threading glowing cyan rings to score and weaving past pink obstacles that end the run on contact. A damped chase camera banks into your turns and the whole frame tilts as you carve left and right, while clearing a ring sets off a bright shockwave and a screen-wide pulse. The ship keeps accelerating the further you fly, so every run is a push for distance against your own best.
How to play
- Use the arrow keys or WASD to steer the ship up, down, left and right.
- Fly through the glowing cyan rings to score — each ring you thread counts.
- Avoid the pink obstacles; a single hit crashes the ship and ends the run.
- You accelerate the further you go, so reading the field ahead matters more over time.
- Your score is the distance flown — beat your personal best each run.
Tips
- Line a ring up early and ease onto its centre — last-second jerks tend to overshoot.
- Stay near the middle of the field when unsure; it leaves room to dodge either way.
- Rings are forgiving — you don't need dead-centre, just inside the hole as you cross it.
FAQ
- Is Skyhop free to play?
- Yes. Skyhop runs free in your browser on desktop and mobile, with no installs, sign-up or downloads.
- How do I control the ship?
- Steer with the arrow keys or WASD — up, down, left and right. The ship flies forward on its own and speeds up over distance.
- How do I score?
- Fly through the glowing cyan rings. Each ring threaded adds to your ring count, and your overall score is the distance you travel before crashing.
- What is Skyhop built with?
- Skyhop is a 3D game rendered with Three.js (WebGL), with a real glTF ship model. It is the first 3D game in this portfolio.