Text / section transition using threejs?

Questions
,
1

Hello,
I’m building a website that will require some text transitions and i did a quick research to look at some references and i want to know if these two example are possible to do using threejs:

the first one is coming from this website: SONY BRAVIA 2017 Design Concept | TAO TAJIMA | Filmmaker
and i really liked this text animation where the text comes from the bottom right and exits at the top right, is it possible to do using threejs?

image
image1173×660 47.9 KB

the next example is something similar, where the div which is a video transforms during a quick animation into a very larger box, it’s in this website, the Reel section:

So my question is: Is this possible to do using threejs? if so can you show me some code to use as reference?

2

Here you go:

and here

https://codesandbox.io/p/sandbox/threejs-grid-to-fullscreen-demo-3-forked-kyg233?file=%2Fsrc%2Findex.js%3A14%2C11

But about text, is not so obvious in first glance, you can make this in several ways, you will find here on forum, how you can manipulating text in WebGL for example… But you don’t have to diving in WebGL text, you can use old and good Svg…

https://codepen.io/Lucas_Mas/pen/wBBNbpV?editors=1100