Skip to content
For my webgl homework
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bundler
dist
src
static
.babelrc
.gitignore
README.md
package-lock.json
package.json

README.md

Procedural Planets

Hello, This is a fully generated solar system made with three.js & a lot of canvas. It uses the diamond square algorithm to generate the texture.

Requirements

  • A modern browser (Chrome, Edge, Firefox & Safari)
  • A somewhat 'okay' computer
  • A mouse for that 'cinematic experience'

Features

  • Look at a procedural generated solar system
  • Interact with the settings, careful with the size of the resolution, it might crash
  • Generates 4 types of texture (map, bumpmap, roughmap & specularmap)
  • Generates custom atmosphere for the planets
  • You can look at the logs to see the generation doing its work (false by default)

Remarks for correction

I'd like to add more to the generation, but I wanted to spent my time playing around with three.js and not only the canvas.

Ressources

I used seedrandom.js to generate the planets, made by David Bau.

I also used dat.gui for the graphical user interface.

Usage

You can go see the project on my website.

Setup

Install dependencies

$ npm install

Development

Run the local webpack-dev-server with hotreload and autocompile on http://localhost:8080/

$ npm run dev

Deployment

Build the current application

$ npm run build

Versioning

See on github

Acknowledgment

Thank you stackoverflow & three.js documentation

You can’t perform that action at this time.