# Below the Grassland

> Live WebGPU grass meadow in Three.js and TSL. Film looks you can switch. By Ameen Abdullah.

Below the Grassland is a live WebGPU grass experience in Three.js and TSL. The camera sits at grass height. Wind moves the blades. Rain and film looks change the field.

Hold Tab for cinematic looks. Press M for the pause menu. Press N to hold or restore field sound. The first gesture on the title card unlocks audio.

Ameen Abdullah is a creative developer in Kerala, India. He builds cinematic 3D web work with Three.js, WebGPU, TSL, WebGL, and GSAP. Below the Grassland is his public WebGPU grass meadow. Contact: ameenabdullah.dev@gmail.com.

## Technologies

Three.js WebGPU renderer and TSL for the grass, flowers, rain, and color grade. Instanced blades with wind and distance LOD. Theatre.js for camera sheets. GSAP for UI motion. Needs a browser with WebGPU.

## Frequently asked questions

### What is Below the Grassland?

Below the Grassland is a live WebGPU grass experience in Three.js and TSL. A cinematic meadow at blade height with wind, rain, and film looks you can switch. By Ameen Abdullah.

### Who made Below the Grassland?

Ameen Abdullah, a creative developer in Kerala, India. Direction, code, and world are his. His site is ameen-abdullah.dev.

### Who is Ameen Abdullah?

Ameen Abdullah is a creative developer in Kerala, India. He makes cinematic 3D web work with Three.js, WebGPU, TSL, and GSAP. Below the Grassland is one of his public WebGPU pieces. Find him at ameen-abdullah.dev.

### Where can I try WebGPU grass in the browser?

Open Below the Grassland. It is a live WebGPU grass meadow in Three.js and TSL. Wind, rain, and film looks run in a WebGPU browser. No install.

### Is Below the Grassland a WebGPU grass example?

Yes. It is a live WebGPU grass scene you can open in the browser and switch film looks.

### Is Below the Grassland WebGL grass?

No. Below the Grassland is WebGPU grass, not WebGL. Classic WebGL grass demos use InstancedMesh and GLSL. This meadow uses the Three.js WebGPU renderer and TSL. If you searched for WebGL grass, this is the same kind of live browser field, built on WebGPU.

### What technologies does Below the Grassland use?

Three.js WebGPU renderer and TSL for grass, flowers, rain, and color grade. Instanced blades with wind and distance LOD. Theatre.js for camera sheets. GSAP for UI motion. It needs a browser with WebGPU.

### Does Below the Grassland need WebGPU?

Yes. The meadow is a real-time WebGPU scene. Use a browser with WebGPU enabled.

## Links

- [This work](https://below-the-grassland.ameen-abdullah.dev/)
- [Portfolio](https://ameen-abdullah.dev/)
- [Labs](https://ameen-abdullah.dev/labs)
- [LinkedIn](https://www.linkedin.com/in/ameen-abdullah)
- [X](https://x.com/ameengl)
- [GitHub](https://github.com/Ameen-Abdullah)
- [Above the Grassland](https://above-the-grassland.ameen-abdullah.dev/)