# Darth Vader and my first WebGPU post-processing demo

> One of my first WebGPU experiments: Three.js WebGPU with React Three Fiber, post-processing and screen-space reflections, with an on and off toggle.

Canonical page: https://andersonmancini.dev/blog/darth-vader-webgpu-ssr

Published: 2026-08-08 · 1 min read · Tags: webgpu, react-three-fiber, post-processing, ssr, launch

When WebGPU arrived in Three.js, the first question was a practical one: how do you plug it into **React Three Fiber**? This scene was my answer: one of my first WebGPU experiments, kept deliberately simple.

![Darth Vader, in the WebGPU post-processing demo](https://andersonmancini.dev/images/thumbs/star_wars.webp)

## What it shows

A simple scene that integrates Three.js WebGPU with React Three Fiber and uses post-processing effects, including **screen-space reflections**. A toggle turns the post-processing on and off, so you can see how much the effect transforms the look.

## The starter

The code is public as a [WebGPU starter](https://github.com/ektogamat/r3f-webgpu-starter), and there is a [video about the post-processing](https://andersonmancini.dev/videos/threejs-webgpu-post-processing-with-react-three-fiber.md).

## Try it

The demo is live at [r3f-webgpu-post-processing.vercel.app](https://r3f-webgpu-post-processing.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/star-wars-darth-vader.md).

## Related projects

- [Star Wars Darth Vader](https://andersonmancini.dev/projects/star-wars-darth-vader.md) — SSR demo with React Three Fiber & WebGPU