Text → 3D Mesh + Hover Distortion + Line Bursts (Three.js)

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":29,"_34":12,"_35":12,"_36":12,"_37":12,"_38":-5,"_39":40},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","690d92b0e5908191b8d0d2f3418f1a30","versionInt","title","Web Gl Text Mesh Distortion – Three","type","code/html","content","\n\n\n \n \n Text → 3D Mesh + Hover Distortion + Line Bursts (Three.js)\n \n\n\n

\n \n \n

Scroll to zoom. Drag to orbit. Hover the text to ripple + spawn colored intersecting lines.

\n\n \n \n \n\n\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_41":42,"_43":44},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","manageRootRouteStylesheet","mobileWebHandoffEnabled","promoteCss","disableSSR","stripModulepreloadImports","paidCampaignAppRedirect","statsigGateEvaluationsPromise",["P",40],"traceId","6725461570486716820","traceTime",1787032166286]