Procedural 3D planet generation based on Sebastian Lague's YouTube series, implemented using Three.js.
- Procedural generation of 3D planets in the browser
- Uses Three.js for rendering
- Inspired by Sebastian Lague's procedural planet tutorials
- Real-time rendering and interaction
- Node.js (for running a local server, if needed)
- A modern web browser (Chrome, Firefox, Edge, etc.)
- Clone the repository:
git clone https://github.com/shazilkp/proc_planet.git
cd proc_planet- Run using Live Server:
The easiest way to run this project is with the Live Server extension for VS Code or any similar tool.
- Open the project folder in VS Code.
- Right-click on
index.htmland select "Open with Live Server". - Your default browser will open the project at a local address (e.g.,
http://127.0.0.1:5500/).
This ensures all assets and modules load correctly, as browsers restrict some features when opening files directly from disk[2][3][4][9].
- Alternatively, you can use any local server (like Python's
http.server, Node'shttp-server, or others).
- The application will render a procedurally generated 3D planet.
- Use your mouse to rotate and zoom the view.
- The planet's terrain and appearance are generated using noise algorithms and Three.js shaders.
- You can tweak parameters such as noise type, terrain roughness, and planet radius in the source code to generate different planets.
- The project structure and code are inspired by procedural generation techniques, including Perlin noise, simplex noise, and FBM (fractal Brownian motion).
- For more advanced customization, refer to Sebastian Lague's YouTube series and Three.js documentation.
- Inspired by Sebastian Lague's procedural planet series
- Built with Three.js
This project is open source and available under the MIT License.
- Thanks to the open-source community for resources on procedural planet generation in WebGL and Three.js.
Enjoy exploring and creating your own procedural planets!