How did they do that?

shaders
webgl-renderer

#1

The video in the background seems to be processed on the fly by some sort of webgl plug in (shader?).

I’m not that up on this but could anyone tell me how its done?

Cheers : )


#2

According to the code, it’s a custom shader material rendering the cross-texture. You could look at the code to see how it’s implemented. It’s in the main js on the very bottom.

Even though it seems they treeshaked THREE to 200kb (what is basically fine, since a full HD image header would be around this as well) the site is rather overloaded, it tooks 51 seconds to finish with 17.4MB for the frontpage.


#3

Thank you so much for the info. I agree that does sound heavy! Cheers Chris : )