Create fish eye mask effect on top of a video element

Questions
,
1

Hi, I’m very new to three.js and about to use this to apply fish eye mask effect on top of a playing video stream element. Something like this:

front-door-security-camera
front-door-security-camera533×647 56 KB

peepinghole

Is it possible to do it with three.js? Do you have any tips so I can get-start with it ? Thanks.

2

Hi,
Perhaps look at the code from this

Or this

Here’s a discussion on implementing it more straightforwardly link

3

Thanks, I will take a look at it.