An open world space experience as a portfolio

[simone_andreotti]

Hi everyone,

I’m excited to share my portfolio with the Three.js community and to submit it for consideration on the Three.js homepage. I hope it can inspire others and showcase what’s possible with Three.js!

Overview

My portfolio consists of three main sections:

1. Homepage (simone-dev.com):
   The homepage features a navigation system based on an interactive map. By clicking on a planet, the view shifts outward, and a panel with detailed content opens up. This section represents a simplified version of the core site experience.
   (Edit) Someone reported to me difficulty in finding informations so I’ve added a menu to make the navigation of the different sections easier, always looking to this kind of feedbacks.

2. Space Exploration (/space):
   The highlight of the portfolio is a fully open-world exploration experience. Here, you can fly through a solar system, land on planets, and interact with totems to uncover information. This part is fully VR-compatible, offering a truly immersive experience for those with a headset.

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

I’ve poured a lot of creativity and effort into these projects, and I 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:

/space page flying and landed on a planet:

/minigame starting screen

[jrlazz]

Hi @simone_andreotti …

It took a while to load (in my equipment), but I found a lot of creativity in the works… congratulations

[simone_andreotti]

Thanks!
The long load is probably Draco doing the decoding of the models, I’ve still not fully decided if it’s better to keep it to improve the assets download speed or remove it to put less stress on the client

[simone_andreotti]

I’ve added a more structured lab section in the home page:

And a second lab page that show the website logo in 3D with some experimenting with lights and materials

[simone_andreotti]

Hi, i’ve added in the lab section a page with a sphere and some effects/materials/trasformations to play with, there are some fixed configuration you can loop and some of them have controls to modifiy the effect like a little playground.

Hope you like it!