[SOLVED] Question about gray frame limiter.

Hello and thanks for reading this message.

I have a silly question, but which is not the answer.

When we do a project in Construct 2, we have a gray frame limiter, which limits the movement across the screen.

When we execute the project from Construct 2, the frame limiter appears:

<img src="http://oi44.tinypic.com/huk6ro.jpg" border="0" />

However, if we export the project to HTML5, and run it online, this frame limiter disappears, although the limit of movement across the screen still works:

<img src="http://oi44.tinypic.com/bvgy.jpg" border="0" />

Why disappears the gray bounding box when we run online?.

Thanks and regards.

None of us has an answer for this? <img src="smileys/smiley5.gif" border="0" align="middle" />

Hi Jesusruis,

This gray frame is part of CSS styling of the web page. You can add a similar style via CSS to your index.html page (or any other styling you wish).

The key point is, it has got nothing to do with the game itself - the frame is outside of the game rectangle, and does not limit or influence anything inside the game.

Example css style to re-create the nice border:

#canvasBox {
     top: 5%;     
     left: 50%;     
     width:960px;     
     height:540px;     
     margin: 0 auto;
   background: #616161;
   border: 1px solid #8F8F8F;
   padding: 15px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

It's purely decoration for preview. If you like, you can add the decoration back to the export by copying the HTML and CSS.

Thank you very much for the answers, you are very kind.

I'll try the CSS, although it's nice to know I can set any other frame.

Millions of thanks and greetings.