CocoonIO – Scaling Issue

Scaling Issue

Image made by ArcadesIndo Games

Image above submitted by ArcadesIndo Games. Thank you!

Actually...

all scaling relevant issues should be fixed now. If you are still facing such an issue, please check the steps below.

Fixes

If you still get a scaling issue on your device, please check the steps below.

  • Do you use the latest Construct 2 version?
  • Have you WebGL enabled?
  • Have you set “Use high DPI displays” to yes?

Still not working? Try the following fix.

Update c2runtime.js

Oh no, a bug...

This is an unfixed bug! If you still have the issue that the game is 1/4 of the screen size, please do this after each export.

Open your c2runtime.js file and search for “this.canvas.height = Math.round(h * dpr);”. Then add into the if condition “|| this.isCocoonJs” (see code below).

if (this.canvas)
{
this.canvas.width = Math.round(w * dpr);
this.canvas.height = Math.round(h * dpr);
if (this.isEjecta || this.isCocoonJs) //maybe this is better (Ask Ashley): if (this.isDomFree)
{
this.canvas.style.left = Math.floor(offx) + "px";
this.canvas.style.top = Math.floor(offy) + "px";
this.canvas.style.width = Math.round(w) + "px";
this.canvas.style.height = Math.round(h) + "px";
}
else if (this.isRetina && !this.isDomFree)
{
this.canvas.style.width = Math.round(w) + "px";
this.canvas.style.height = Math.round(h) + "px";
}
}

 

Damn...

If it still doesn’t work, drop us a line on the cocoon forum. Do not forget to attach your capx file! You can contact me here.

Updated on January 21, 2017

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Comments

  1. this happened to me just because i choose export setting to HTML5,

    guys make sure your export setting was “CORDOVA”

    if you choose HTML5, this half screen scaling will happen.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.