Heatmapa SM

Logo SM przepuszczone przez shader heatmapy. Chodzi w pętli, bez kontrolek, na przezroczystym tle.

ReactWebGLshaderbranding
1 min czytania

Zwiastun — Heatmapa SM.

Efekt heatmapy nałożony na logo SM, napędzany przez @paper-design/shaders. Przezroczysty PNG z logo przechodzi przez wbudowany pipeline Paper, a wynik ląduje jako animowany shader WebGL.

Zero kontrolek — logo żywi się samo. Efekt chodzi w pętli na przezroczystym tle, więc siedzi wprost na tle strony. Poza ekranem shader zatrzymuje pętlę renderującą i zostawia ostatnią klatkę; to samo dzieje się przy prefers-reduced-motion.