Dyson Ring

This is a WebGL project that is developed to be held on the web and is inspired by brutalist architecture in the 20th century. The concrete city stands on top of the giant Dyson ring awaiting for the explorer.

Breakdown

ToonShading Triplaner Shader

I made this shader variant for staircase and large ground planes in world-space UV and triplaner to maintain texture resolution and break tilling texture boundries.

Final Result:

Breakdown

Portal Effect Shader

Portal close/open transitions were animated by the shader attribute and triggered by two bool values Enter/Exit. When the avatar enter the trigger zone, portal will transit from Closed state to the Opened state after playing the opening animation.

Level Layout

Level Layout