Cinema spotlight

[sugo]

Hello

 

I just started out with GreenSock for a one page scroll site, and I have to say, i love it! 

I'm having a little trouble with something though.

 

I'm trying to make a cinema light, or searchlight if that's a better term. The spotlight has to move around with the mouse and the gradient should stretch/rotate and follow it.

 

I think this demo will make things more clear:

See the Pen shrDl by sugomi (@sugomi) on CodePen

 

anyone can help me with this?

Thx in advance

[Carl]

Hi and Welcome to the GreenSock forums,

 

Glad to hear you are having fun and success with the GSAP tools.

Also, thanks for the demo! Great to have first-time posters be so helpful.

 

Unfortunately, figuring out all the calculations to redraw or resize that gradient goes a bit beyond the support we give to help people understand the GSAP API.

 

There are quite a few sharp developers floating around here, so perhaps it will be easy or a fun challenge for one of them. 

 

There's nothing wrong with asking its just that this isn't the sort of thing I can knock out quickly or easily.

[sugo]

Ok, thanks for the reply We'll see if somebody is up for the challenge. I might have to use an svg or css gradient.