Karsten Schmidt on Nostr: Really getting into reusable #WebComponents lately, incl. this one I worked over the ...

Really getting into reusable #WebComponents lately, incl. this one I worked over the last week for the new thi.ng website: a WebGL based image transition (via displacement mapping), primarily using https://thi.ng/shader-ast & http://thi.ng/webgl...

https://demo.thi.ng/umbrella/webgl-transition/

- the transition is currently linked to mouse over or touch events, but will be more flexible
- the layout is responsive (single column on mobile, two columns on larger screens)
- some of the displacement map images were created with https://shadergraph.thi.ng

(cc npub1fzzzu2z4sf6ffl46ul6pmavrhhsrrmv34hq7f06cpdqhmfk08ptqsa5wtk (npub1fzz…5wtk))

#ThingUmbrella #WebGL #WebComponents #UI #Transition #ShaderAST #TypeScript #JavaScript