whatisgithub

What is glacial-valley?

deedy/glacial-valley — explained in plain English

Analysis updated 2026-05-18

19JavaScriptAudience · developerComplexity · 2/5Setup · easy

In one sentence

A browser based 3D alpine valley scene built entirely from procedural math in Three.js, with no textures or model files.

Mindmap

mindmap
  root((Glacial Valley))
    What it does
      Procedural 3D valley
      Real time walkthrough
    Tech stack
      JavaScript
      Three.js
      WebGL2
    Use cases
      Graphics demo
      Learning procedural rendering
    Audience
      Developers
      Creative coders

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Explore a fully procedural 3D landscape in the browser with no downloaded assets.

USE CASE 2

Study the source to learn techniques for procedural terrain, water, and grass rendering in Three.js.

USE CASE 3

Use it as a reference for baked lighting and post processing techniques in WebGL.

USE CASE 4

Run it locally as a lightweight demo of real time procedural graphics.

What is it built with?

JavaScriptThree.jsWebGL2

How does it compare?

deedy/glacial-valleyaburousan/typsteditordest1ny-sec/desjsfinder
Stars191919
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencedeveloperresearcherdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Needs any static file server and a WebGL2 capable browser.

So what is it?

Glacial Valley is a browser-based 3D scene of an alpine mountain valley at sunrise that you can walk around in real time. There are no image textures, no 3D model files, and no game engine involved. Every visual element, the mountains, the river, the 85,000 individual grass blades, the birds circling overhead, the fish rings on calm water, is calculated from scratch using mathematics each time the page loads. The whole scene is ready to explore in about 3 to 5 seconds. The project is written in roughly 2,400 lines of JavaScript using a library called Three.js, which handles rendering 3D graphics in the browser. You can move around with the WASD keys, look around by holding the mouse cursor at the edge of the screen, sprint with Shift, jump with Space, and wade into the river. The water appears with a blue-green color from simulated glacial sediment scattering, and the river bed becomes visible in shallow areas. The README explains some of the techniques used. The terrain shape comes from a layered noise function that also drives where the river runs, where boulders sit, and where grass grows. Shadow calculations are baked once at load time: the sun position is fixed, so the code traces rays across the terrain to figure out which areas are in shade and colors them with cooler blue tones accordingly. Water is rendered with two passes that simulate how light bends and how color fades with depth. Grass blades individually respond to a simulated wind gust effect. All the visual output goes through a post-processing step that applies a film-style tone curve, slight grain, a gentle edge darkening, and an exposure adjustment that responds to whether you are looking toward the sun. The result is a scene that looks photorealistic despite being entirely mathematical. To run it locally you need any static file server and a browser that supports WebGL2. The repository includes a small Python script that starts a local server on port 8123.

Copy-paste prompts

Prompt 1
Explain how Glacial Valley generates its terrain and river using layered noise functions in Three.js.
Prompt 2
Show me how Glacial Valley bakes shadow lighting at load time instead of computing it every frame.
Prompt 3
Help me adapt Glacial Valley's grass wind animation technique for my own Three.js scene.
Prompt 4
Walk me through running Glacial Valley locally with the included Python server.

Frequently asked questions

What is glacial-valley?

A browser based 3D alpine valley scene built entirely from procedural math in Three.js, with no textures or model files.

What language is glacial-valley written in?

Mainly JavaScript. The stack also includes JavaScript, Three.js, WebGL2.

How hard is glacial-valley to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is glacial-valley for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.