helenl9098 / hw03-environment-setpiece

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lanterns - Hanyu Liu (liuhanyu)

Inspiration

Live Demo Link

https://helenl9098.github.io/hw03-environment-setpiece/

Make browser window smaller to increase FPS. May have to increase brightness as well, for the scene is intentionally dimly lit.

Implementation Details

  • Lanterns: Made by SDFs displaced in the Y direction (and subtlely in the x and z direction) using sin functions. The positions are offset by noise values. Lantern body textured using FBM noise and overlayed speckled noise. Lantern rim textured using cosine color palette with specular lighting.

  • Snow Animation: Animated by generating circles of different sizes determined by noise over a period of time

  • Walls: Made by SDFs and textured using FBM noise and speckled noise.

  • Roof: Made by SDFs displaced in the Z direction and textured using FBM noise and overlayed speckled noise.

  • Wooden Pillars: Made by SDFs and textured using FBM noise displaced in the Y direction and overlayed speckled/FBM noise.

  • Lighting: There are SDF-based soft shadows and ambient lighting originating from each of the three lanterns. There are also 2 directional light sources coming subtlely from the bottom and top, giving the lanterns a green shade from the bottom and purple shade from the top. All materials are diffuse / lambert lighting except the lantern rims which are specular (Blinn-Phong) lighting. The shadows / lights are also mapped from [0, 1] to colors. For example, the shadows are dark purple and the lights of the lanterns are orange.

  • Other Effects: Vingette effect around the edges. Distance fog that fades the geometry to dark purple.

External Resources

About


Languages

Language:GLSL 58.2%Language:TypeScript 38.3%Language:JavaScript 2.0%Language:HTML 1.5%