Welcome to Island Hopper, a 3D map experience taking you on a tour of islands around the world. Visit 6 unique islands, each with a character guide sharing interesting facts about these special places.
Discover beautiful landscapes, find hidden easter eggs, and learn odd facts about our amazing world. From active volcanoes to endangered paradises, each destination offers something different to explore.
Built to learn Next.js with R3F, Mapbox integrations, and 3D techniques. I had quite a journey, and definitely need more practice with physics, so adding that to the future roadmap. I hope you enjoy your journey!
Next.js starter kit by pmndrs Mapbox with Mapbox GL JS including the snow and rain shaders, and helpful tutorials. GLTFJSX file converter by pmndrs Zustand, R3F, Rapier, React Spring, Leva, Perf. Made for Three.js Journey Challenge #17.
Voiceovers generated with 11labs, copy for dialogs generated and researched by the developer with full recognition the humour may have been better having let the AI take point there.
The goal was to learn how to use Next.js with R3F, integrate Mapbox and practice techniques and new skills.
Known bugs: the volcano's physics did not turn out as expected, it is something I'd like to work on in the future.
- Kīlauea (19.40774256497103, -155.2833786)
- Komodo (-8.528087535050792, 119.47468273390366)
- Farallon Island (37.69792596395471, -123.00324509041576)
- Gallapagos Islands (-0.29511532015757685, -90.44075279054056)
- Tuvalu (-8.529159314585927, 179.1059710111884)
- Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu The longest place
Is one of the world's youngest and most active volcanoes on the Island of Hawai'i. Source live streaming USGS. It is home to a lava lake that appeared on September 29, 2021 Source
Volcano by Poly by GoogleCC-BY via Low Poly Pizza
Voice generated using Jessica on 11Labs
The Komodo National Park can be found on volcanic islands and is home to 5,700 giant "Komodo Dragon" lizards Varanus Komodoensis that grow to an average of 2 - 3 meters. This is a UNESCO site. Source
Dragon by Quaternius
Also known as "The Devil's Teeth". It is inhabited by researchers, and is not open to the public. The islands have strong winds and swells and is often surrounded by dense fog. It's been attributed to 400 ship and aircraft wrecks. It is also famously home to large numbers of great white sharks. Source
Shark by Quaternius via Low Poly Pizza Voice generated using Sam on 11Labs and bubble popping sound created on 11Labs with prompt: "Sound of a Single big bubble popping under water"
Particle Pack by Kenny License Creative Commons CC0
Turtle by Poly by Google CC-BY via Poly Pizza Voice generated using Jessica on 11Labs
The sinking island country Source "tuvalu" or is a group of eight islands Source. One of the world's least visited countries, and is currently facing an existential threat due to rising ocean levels. It is one of the smallest and most remote islands in the world. Source For COP26 Tuvalu's Foreign Minister Simon Kofe addressed the crowd knee deep in water calling for climate action. Source
Boat by Poly by GoogleCC-BY via Poly Pizza Rabbit With pigtails by Quaternius
Voice generated using Jessica on 11Labs Dolphin by Quaternius via PolyPizza
- One of the longest names in the world with 85 characters. It translates into "the place where Tamatea, the man with the big knees, who slid, climbed and swallowed mountains, known as 'landeater’, played his flute to his loved one." According to Newzealand.com It's known locally as Taumata Hill. Tamatea was a legendary chief and warrior. Source
Wooden Sign by iPoly3D via Low PolyPizza Boombox by Poly by Google CC-BY via Poly Pizza
Audio Speaker: MecanautesRecorder: Mecanautes, CC0-BY via Wikimedia Commons Voice generated using Jessica on 11Labs
Background music track by Pufinofrom Pixabay
Background music Track by Lidérc from Pixabay
Background music Track by Kontraa Music from Pixabay Link
Favicon generated byMidJourney with the following prompt: neon island single palm tree favicon simple clear and then converted into a .ico file with Convertio
Creating icons for visited, unvisited and next with different background colours using the screenshot function in low poly pizza.