@webloved: How I build with Lovable 👇 Academy in bio 🔗 That glassy object bending the text behind it is real time refraction. Here is the build: Use a transmission material in Three.js, MeshTransmissionMaterial samples whatever sits behind the mesh and refracts it, so any headline placed behind the object gets warped through the glass live. The hold and drag prompt means the object spins on pointer input, you listen to pointerdown and pointermove and feed the delta straight into the mesh rotation, no library required. The headline scales to fill the screen with clamp() on font-size and sits on its own layer behind the canvas so the glass has something to distort. That AR badge is a model-viewer tag, drop your 3D file in and mobile users can place the object in their room with one tap. Sound on rides the Web Audio API, gated behind a click because browsers block autoplay audio. Save this if you want interactive 3D glass 🔮 #lovablepartner #buildinpublic #webdesign #webgl #fyp

weblove

Open In TikTok:

Region: PT

Wednesday 17 June 2026 12:04:42 GMT