Creation of rays passing through a 3D model

Questions
,
1

Hello! I am new to three.js, could you please help to create “passing through rays”.
Initially, the lines are just a cross (cross each other), as shown in screenshot 0.
When the model reaches the lines, the lines turn into curves which begin to go through the model.
At the moment, I have what is seen in screenshot 1. The model simply goes through the lines.
It is necessary to get flowing lines, as shown in screenshot 2 and 3.

How is this possible to do?

0
01917×964 265 KB
Screenshot_1
Screenshot_11913×964 312 KB
Screenshot_02
Screenshot_021908×961 305 KB
Screenshot_3
Screenshot_31903×959 303 KB

2

Hi!
Just an option from the scratch, not the ultimate solution, with the using of .onBeforeCompile() on materials of the model:

изображение
изображение973×871 79 KB

3 Likes
3

You are the best!
Thank you very much!
Spent almost the whole week trying to implement this, thanks)

1 Like
4

You’re welcome :beers:
Glad, if it helps :slight_smile:

1 Like
5

I’ve updated the shader, so now it’s possible to use THREE.Plane() with any normal, not only with [0, 1, 0].

2 Likes
6

Oh my God
Cool! Thank you)