Example on Plunker is very small

#1

Hello,

How to set a canvas to 300x300: Plunker - Melon.js and TexturePackerGui

It is too small now:

image

#2

I created the issue: Melon.js game field size · Issue #567 · plnkr/feedback · GitHub

melonjs-field-resize

#3

The issue was solved by ggoodman here: Melon.js game field size · Issue #567 · plnkr/feedback · GitHub

Hello @8Observer8,

It looks like what is happening is that the html page within the preview is not filling the space given to it and melon.js is trying to make a square that fits in the available area.

To fix that, check out this plunk where I added following css to make sure the body fills the preview:

    html, body {
        margin: 0;
        padding: 0;
        width: 100vw;
        height: 100vh;
    }
1 Like