How to stretch the animation to cover entire screen ? about animatedenvironmentlayer HOT 6 CLOSED

That's odd. There's a element that should resize to the size of the screen, this is where the particles are drawn. Go into your browser debugging tools and make sure the canvas is sized correctly, ie: the width and height style properties are being set correctly.

If they're not, should be pretty easy to find where they're getting set and why they're not updating. I can't remember exactly where that's happening sorry.

from animatedenvironmentlayer.

The canvas width and height is getting set properly but I wasn't able to figure out why isn't the animation drawn on entire canvas. The issue is in the demo url - http://animatedenvironmentlayer.azurewebsites.net/index.html

from animatedenvironmentlayer.

Oh right, I don't get the problem when I view the demo page. I've tried it in Chrome and Firefox. What browser are you using?

from animatedenvironmentlayer.

I'm using chrome , its the same when I open it on safari

firefox too

from animatedenvironmentlayer.

@Shruthi48 did you solved this issue?

from animatedenvironmentlayer.

This was related to window.devicePixelRatio being greater than 1. Have catered for this in the latest commit.

from animatedenvironmentlayer.