Rays of sun light gleaming/shining down from above

[LipstickVoid 3 Likes (Newbie)]

I'm trying to find an example for rays of sun light gleaming from the corner of the screen onto the background image as seen in the image below.

 

I can't seem to find a good example of it. I'm thinking about using several images of rays with transparent backgrounds and tween them to achieve the gleaming effect but to make it look realistic I'm going to need a lot of individual images so I can tween them separately. I'm wondering if it's possible to be done more effectively and easily?

 

Thanks.

 

[PointC 8,599 Likes (Superhero)]

Hi LipstickVoid 

 

Are you asking how to do something like that with GSAP or just general advice on getting started? 

 

I think <canvas> would probably be a good choice. I'd recommend searching CodePen for ideas. Here's one I saw a few months ago:

 

See the Pen ZpPrEA by seanfree (@seanfree) on CodePen

 

We do keep the support focused on GSAP so if you have any questions related to the animation platform, we'd be happy to help.

 

Happy tweening.

[LipstickVoid 3 Likes (Newbie)]

Hi LipstickVoid 

 

Are you asking how to do something like that with GSAP or just general advice on getting started? 

 

I think <canvas> would probably be a good choice. I'd recommend searching CodePen for ideas. Here's one I saw a few months ago:

 

See the Pen ZpPrEA by seanfree (@seanfree) on CodePen

 

We do keep the support focused on GSAP so if you have any questions related to the animation platform, we'd be happy to help.

 

Happy tweening.

 

Thank you and sorry for the late reply. Yes, I was hoping to animate with GSAP but I cannot find good examples for that.