Interactive Three.js Space Portfolio Showcasing Open-World Exploration and an Arcade Minigame

Hi everyone,

I’m excited to share my portfolio with the Three.js community and submit it for consideration on the Three.js homepage. I built this experience to inspire others and highlight what’s possible with Three.js!

Overview

1. Homepage (simone-dev.com):
   The homepage uses an interactive map for navigation. By clicking on a planet, the view shifts outward and a panel with detailed content appears. (Edit) Based on feedback about finding information, I’ve added a menu to ease navigation between sections.

2. Space Exploration (/space):
   This section offers a fully open-world exploration experience. Fly through a solar system, land on planets, and interact with totems to discover more details. It’s also VR-compatible for a truly immersive experience.

3. Minigame (/minigame):
   The lab section features a procedural arcade-style minigame. Players pilot a ship, collect coins to extend their time, and navigate an ever-changing map. Customizable graphics and difficulty settings provide a tailored experience.

I’ve poured a lot of creativity and effort into these projects, and I truly hope you enjoy exploring them as much as I enjoyed creating them.

Thank you for taking the time to check out my work!

homepage map:

[

home1166×858 154 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/b/eb962c21caaa77ccd16a84f2a331be069f0ee8da.png "home")

/space page flying and landed on a planet:

[

space11920×870 178 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/6/f6ff1ef76bd9c3c69e2fefe0e53e90dff9d7e547.jpeg "space1")

[

space21920×867 113 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/5/b52178f562e7a4e8e20e137aea402c2b1a44403e.jpeg "space2")

/minigame starting screen

[

minigame1916×867 264 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/c/3c4a1ef1c28c028b49a12cfab26346d759591d80.jpeg "minigame")