1. Home
  2. Mobile Built Services
  3. CocoonIO
  4. Tutorials
  5. CocoonIO – Construct 2 Template & recommended Project Settings

CocoonIO – Construct 2 Template & recommended Project Settings

In order to get the best result on CocoonIO using Construct 2 as Framework you should use the recommended Project Settings.

Project Settings

Loader Layout

Always use a loader layout! This lowers the black screen gap on the first game start. So set this to On and setup your Loader Layout.

Pixel Rounding

Set this to “On”. This will reduce the CPU Usage needed for rendering positions. So if your object has the position 103.243, 123.232 it will be rounded to 103,123.

Window Size

To fit best on both, a mobile phone and a tablet, it’s recommended to use a 16:9 screen ratio (1280,720). But the latest tablets are using mostly 16:10 display ratios, so I personally recommend you a Window Size of 1280×800 px.

Configuration Settings

Fullscreen in Browser

Games made with CocoonIO do not support any Letterbox Scale methods. Only Scale Outer and Scale Inner are supported. I personally recommend you to use Scale Outer.

Just to let you know...

If you use an unsupported Scaling Method, it will automatically fall back to Scale Outer.

Fullscreen Scaling

Let this on High Quality (default value).

Use high DPI Displays

Let this on Yes! Mostly each new device has a high DPI Display (especially Apple devices).

Enable WebGL

Set this to On! Otherwise your game scaling will not work like it should. Moreover the overall performance is better then.

Physic Enginge

Use here the Box2D web engine.

Loader style

Do not use the new Construct 2 Splash. This will lead to a black screen and your game crashes right after start. Moreover do not use any loader style with a progressbar while using Canvas+. Due to the fact that Canavs+ do not support progress bars (DOM restrictions)

Optional

Following settings are optional, but recommended.

Preload Sounds

If you have a lot of sound files in your project, this option can cause a long gap (Black Screen) on start of the game. Just set this then to off and preload the sounds manually when they are needed.

Clear Background

If your game background is coverd by an object, like a background image, set this option to No.

Canvas Plugins

If you are using any of Ludei’s Cocoon Plugins, make sure that you add the condition “Is Canvas+” BEFORE you use any actions or conditions of those plugins.

is_canvas_plus

Just to be sure...

This makes no difference on your mobile game, but it will avoid JavaScript errors on your browser preview.

Download

You find the Construct 2 templates attached to this post. Just click on the (+) below.

Updated on June 23, 2016

Article Attachments

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

Leave a Comment

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

Privacy Preferences

Strictly Necessary

Cookies that are necessary for the site to function properly.

gdpr,PYPF, woocommerce_cart_hash, woocommerce_items_in_cart, _wp_wocommerce_session,gaoop_hide_info,cookieconsent_dismissed, wordpress_,'g-recaptcha-response

Google Analytics (Google Inc.)

We are using Google Analytics with anonymized IP (Google Inc.) to track usage data of our website anonymously. Please see more information at the privacy policy of Google Inc. https://www.google.com/intl/en/policies/privacy/

_ga,_gid, _gat, AMP_TOKEN,_gac, __utma, __utmt, __utmb, __utmc,__utmz,__utmv, __utmx,__utmxx,_gaexp

Google Adsense (Google Inc.)

We are using Google AdSense to show personalized ads on our webpage and our forum. For more information see the privacy policy by Google.
https://www.google.com/policies/technologies/ads/

Doubleclick, __gads, __gac