# Threejs Lens Flare Vanilla Javascript

> Here I show you some of the magic behind this effect in vanilla . It looks like post-processing, but it's a simple plane with a custom shader, taking up…

Canonical page: https://andersonmancini.dev/videos/threejs-lens-flare-vanilla-javascript

Published: 2023-07-23 · Duration: 1:31 · Category: Tutorials · Tags: three.js, shaders, tutorial, post-processing, lens-flare, lensflare, vanilla-lens-flare, fx

Watch: [YouTube](https://www.youtube.com/watch?v=l6vyLiU3-YI) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Here I show you some of the magic behind this effect in vanilla . It looks like post-processing, but it's a simple plane with a custom shader, taking up 100% of the screen. I learned this in Bruno's course and with @MaximeHeckel's blog.

## Related projects

- [Ultimate Lens Flare](https://andersonmancini.dev/projects/ultimate-lens-flare.md) — Realistic lens flare component for R3F and Threejs

## Related articles

- [Ultimate Lens Flare: an effect that knows what blocks the sun](https://andersonmancini.dev/blog/ultimate-lens-flare.md)