# \#grass

**URL:** https://discourse.threejs.org/tag/grass/1734.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [High-Performance Grass Rendering in Three.js + WebGPU](https://discourse.threejs.org/t/high-performance-grass-rendering-in-three-js-webgpu/94175)

<div class="topic-metadata">

**Author:** [@Muhammad\_Bilal](https://discourse.threejs.org/u/Muhammad_Bilal)\
**Replies:** 7\
**Last updated:** [October 14, 2026, 10:39am UTC](https://discourse.threejs.org/t/high-performance-grass-rendering-in-three-js-webgpu/94175 "2026-10-14T10:39:20Z")

</div>

After 200+ hours of development, I’m finally sharing the first public demo of Three.js Grassworks, a real-time grass system I’ve been building for Three.js and WebGPU. The demo is now live: Three.js Grassworks is bui…

---

## [Migrating my Grass System to WebGPU and making a robust Grass Plugin](https://discourse.threejs.org/t/migrating-my-grass-system-to-webgpu-and-making-a-robust-grass-plugin/92893)

<div class="topic-metadata">

**Author:** [@Muhammad\_Bilal](https://discourse.threejs.org/u/Muhammad_Bilal)\
**Replies:** 27\
**Last updated:** [August 22, 2026, 6:50am UTC](https://discourse.threejs.org/t/migrating-my-grass-system-to-webgpu-and-making-a-robust-grass-plugin/92893 "2026-08-22T06:50:25Z")

</div>

I have been working on my grass system these days. Since WebGPU has become very stable and the support for it is out there in most of the browsers and the devices, I planned to migrate my grass system to WebGPU for bette…

---

## [Real-time Grass Simulation in the Browser – Over 1 Million Blades at 60 FPS](https://discourse.threejs.org/t/real-time-grass-simulation-in-the-browser-over-1-million-blades-at-60-fps/82808)

<div class="topic-metadata">

**Author:** [@Muhammad\_Bilal](https://discourse.threejs.org/u/Muhammad_Bilal)\
**Replies:** 6\
**Last updated:** [June 19, 2026, 11:22am UTC](https://discourse.threejs.org/t/real-time-grass-simulation-in-the-browser-over-1-million-blades-at-60-fps/82808 "2026-06-19T11:22:25Z")

</div>

Hey everyone! We just dropped a new real-time grass simulation experiment built entirely with Three.js. Inspired by stylized nature scenes, this demo runs over a million dynamic grass blades at 60 FPS — even on an M1 Ma…

---

## [Interactive Grass with Multi-Player Physics and Wind, FPS-friendly and Suitable for Games](https://discourse.threejs.org/t/interactive-grass-with-multi-player-physics-and-wind-fps-friendly-and-suitable-for-games/87994)

<div class="topic-metadata">

**Author:** [@red-reddington](https://discourse.threejs.org/u/red-reddington)\
**Replies:** 0\
**Last updated:** [November 7, 2025, 7:45pm UTC](https://discourse.threejs.org/t/interactive-grass-with-multi-player-physics-and-wind-fps-friendly-and-suitable-for-games/87994 "2025-11-07T19:45:10Z")

</div>

Interactive Grass Field with 1.5M Instanced Blades Real-time grass simulation with 1.5 million instanced blades, procedural wind system, per-blade variation (color, height, size, bend), and dynamic player interaction wh…

---

## [🌳 Fluffy Tree - Anime Style](https://discourse.threejs.org/t/fluffy-tree-anime-style/86626)

<div class="topic-metadata">

**Author:** [@Leonardo\_Awen](https://discourse.threejs.org/u/Leonardo_Awen)\
**Replies:** 2\
**Last updated:** [September 1, 2025, 2:50pm UTC](https://discourse.threejs.org/t/fluffy-tree-anime-style/86626 "2025-09-01T14:50:48Z")

</div>

Fluffy tree, grass, wind, getShadow. Live Demo: Code: The trick for the tree canopy is to separate it into clusters/tufts and apply the material to each one. :robot: Made with AI vibecoding a…