Linda Ting (lstting)

README.md

@@ -1,15 +1,51 @@
 # HW 0: Noisy Planet Part 1 (Intro to Javascript and WebGL)
 
-<p align="center">
-  <img width="360" height="360" src="https://user-images.githubusercontent.com/1758825/132532354-e3a45402-e484-499e-bfa7-2d73b9f2c946.png">
-</p>
-<p align="center">(source: Ken Perlin)</p>
+## HW1: Submission
+by Linda Ting (lstting)
+
+References:
+1. [Easing functions](https://easings.net/)
+
+Demo available [here](https://linda-ting.github.io/planet/)
+
+![](img/planet_3.png)
+
+Techniques used:
+1. 3D fractial brownian motion used to generate terrain height and fog/clouds (3D interpolation)
+2. Perlin noise used to generate temperature and precipitation maps, which were then used to classify 4 biomes
+3. Light position is modified at each frame to simulate day/night cycles (sinusoids)
+4. Base terrain is modified using worley noise depending on biome type
+5. Terrain modification by biome is animated with an easing function and parabolic signal
+6. Lambertian and Blinn-phong shading
+
+User inputs:
+1. Temperature slider
+2. Precipitation slider 
+3. Color picker
+
+## HW0: Submission
+=======
+## Submission
+Added features include:
+1. UI component to allow user to modify the color of the geometry being rendered
+2. Vertex shader that deforms the geometry over time
+3. Fragment shader that utilizes Fractal Brownian Motion and a cosine color palette 
+
+Demo available [here](https://linda-ting.github.io/hw00-webgl-intro/).
+
+![](img/icosphere_ex.png)
+![](img/cube_ex.png)
 
 ## Objective
 - Check that the tools and build configuration we will be using for the class works.
 - Start learning Typescript and WebGL2
 - Practice implementing noise
 
+<p align="center">
+  <img width="360" height="360" src="https://user-images.githubusercontent.com/1758825/132532354-e3a45402-e484-499e-bfa7-2d73b9f2c946.png">
+</p>
+<p align="center">(source: Ken Perlin)</p>
+
 ## Forking the Code
 Rather than cloning the homework repository, please __fork__ the code into your own repository using the `Fork` button in the upper-right hand corner of the Github UI. This will enable you to have your own personal repository copy of the code, and let you make a live demo (described later in this document).