rtspw / WebGL-Tree-Generation

A randomly generated nature scene with a day/night cycle in WebGL.

Home Page:https://rtspw.github.io/WebGL-Tree-Generation/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WebGL Tree Generation

Richard Tang, Nanxi Chen

The goal of this project was to randomly generate terrain and a tree to create a nature scene.

The project is currently deployed on github pages.

Features

The features currently implemented include:

  • terrain generation with parameters
  • tree generation with parameters
  • simple leaf particle system
  • fog shader to create the illusion of a larger world
  • working day/night cycle with sun/moon and shifting sky color

This project relies on the tiny graphics library for the control display and abstraction over WebGL's API.

How to Build

The project is bundled with webpack and output into the docs/ directory. To build, run:

npm install
npx webpack

The assets from the docs/ folder can then be served.

About

A randomly generated nature scene with a day/night cycle in WebGL.

https://rtspw.github.io/WebGL-Tree-Generation/


Languages

Language:JavaScript 99.7%Language:HTML 0.2%Language:CSS 0.1%