Recently diving into the world of vanilla JS and WebGL content, I managed to create a particle text effect that distorts on mouse hover. These particles are interconnected with lines, as shown in the code snippet below.
const canvas = document.getElementById("canvas1");
const dpr = window.devicePixelRatio;
//console.log(dpr);
const ctx = canvas.getContext("2d");
ctx.scale(dpr, dpr);
// Rest of the code snippet...
Now, my goal is to transition from this particle text effect to displaying the next text seamlessly, similar to the website . Can anyone offer guidance on achieving this? :))