V
V
viktoria_blk2016-11-15 17:40:37
JavaScript
viktoria_blk, 2016-11-15 17:40:37

How to implement a similar effect?

How to accomplish the following task: when you move the mouse, you need to create the effect of fragments.
This example has everything you need, but there is quite a lot of code and it will take a lot of time to dig into it. Tried to do it, but without success.
I know this is implemented with three.js.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
G
GreatRash, 2016-11-15
@GreatRash

1) Find the coordinates of the cursor relative to the camera
2) Create triangles around the cursor using Delaunay triangulation
3) Write a refraction shader for the created triangles
4) PROFIT!!!

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question