Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
Tags

Ys_t

2
Posts
A member registered Apr 08, 2018

Recent community posts

OK, aún no puedo hacerlo responsive, y he intentando con los códigos mas genéricos. te muestro:

var phaserConfig = {
  splash: "assets/gui/splash.png", //splash background
  loading: "assets/gui/loadingbar.png", //loading bar image
  loadingPosition: [111,462], //loading bar size
  storyFiles: [
        "Story/YourStory.yaml",
        "Story/GUI.yaml",
        "Story/Setup.yaml",
    ],
}
var game = new Phaser.Game(800, 600, Phaser.AUTO, "RenJS", {
    create:function(){
        this.scaleMode = Phaser.ScaleManager.SHOW_ALL
        this.scale.minWidth = 320;
        this.scale.minHeight = 240;
        this.scale.maxWidth = 800;
        this.scale.maxHeight = 600;
    }
});

alguna sugerencia? porque todos los tutoriales sobre como hacerlo responsivo apuntan a que no haya style en la etiqueta de canvas, y aqui si hay un style que bloquea cualquier modificacion a nivel externa

Hi. I am Spanish speaking and I use the google translator to communicate.

my question is if you can adjust the style of the canvas to width: 100%; height: 100%; to make it responsive, since I intent to port the game of the tutorial to android (with cordova) but it looks too large the canvas for the screen. Try changing it from the browser with inspecting elements (in both chrome and firefox) and the style changed it from width: 800px; height: 600; a width: 100%; height: 100%; and it works but only for a moment since the second later it returns to its original configuration. try up with css and nothing at the div level: div # RenJs canvas {width: 100%; height: 100%;} or directly from the canvas: canvas {width: 100%; height: 100%;} and nothing

Is there any way to modify the properties of that canvas?