How to stretch the animation to cover entire screen ?

[Shruthi48]

Hi ,

At the moment the animation is visible only on part of the screen , how can I stretch it to show the animation on the entire screen ?

[nickcam]

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.

[Shruthi48]

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

[nickcam]

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?

[Shruthi48]

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

firefox too

[sanketkardile]

@Shruthi48 did you solved this issue?

[nickcam]

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