A dynamic 3D web application that helps you visualize wealth disparity by comparing your net worth to that of some of the world's wealthiest individuals, using the Earth as a scale reference.
- 3D Visualization: Uses
Three.jsto render a 3D Earth alongside a sphere representing your wealth proportionally. - Dynamic Scaling: Calculates the exact volume ratio to represent your wealth as a tangible object (from a grain of sand to an entire continent).
- Focus System: Allows you to zoom and focus the camera on your "wealth sphere" for a detailed view.
- Interactive Interface: A clean, glass-morphism inspired UI for easy data input and navigation.
- Open the
index.htmlfile in any modern web browser. - Enter your net worth in the input field.
- Select a billionaire from the dropdown list to set the scale.
- Click "Confronta" (Compare) to generate the 3D representation.
- Use the "Focus on Me" button to zoom in on your wealth sphere, or "Vista Terra" to return to the global view.
- Three.js: For 3D rendering and scene management.
- HTML5/CSS3: For the UI overlay and styling.
- JavaScript (ES6 Modules): For business logic and animation.
This project is open-source and free to use for educational purposes.
Hai bisogno di aggiungere altre sezioni, come ad esempio le istruzioni per il deploy su GitHub Pages o il dettaglio dei crediti per le texture?