Skip to content

A procedurally generated mountain with adjustable fog and snow created with JavaScript using WebGL (Three.js)

Notifications You must be signed in to change notification settings

RobertoLovece/Mountain

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mountain 🏔

Mountain

Live Demo

Overview

  • The mountain is procedurally generated using Fractional Brownian motion (https://en.wikipedia.org/wiki/Fractional_Brownian_motion) inside a vertex shader of a flat plane.
  • Due to the high amount of polygon to achieve a realistic product, it will have trouble running on low-end/older phones or computers.
  • Because of the way the snow is generated on the terrain, moving the camera changes the position/effect of the snow.

Instructions

  • You can use the GUI to configure both the snow on the mountain as well as the snow fall and fog effect.
  • The project also has Three.js OrbitControls to allow movement of the camera by dragging.

Installation

Requires npm (https://www.npmjs.com/)

  • Install - npm i

  • Run - npm run start

About

A procedurally generated mountain with adjustable fog and snow created with JavaScript using WebGL (Three.js)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages