button wrong position when scale div parent?

[rossi46]

I scale div parent but when a click boat. it's position wrong. Why. How to fix it??

[carlosnufe]

Can you put the code? The first that I'm thinking is you are not setting the proper context to the button. 

[rossi46]

On 7/18/2016 at 6:06 PM, carlosnufe said:

Can you put the code? The first that I'm thinking is you are not setting the proper context to the button. 

Here my code.

html: 

<div class="gameCanvas">
                    <div class="wrapcenter" id="wrap_center_main">
                        <div class="center" id="main-game">
                        </div>
                    </div>
                </div>

js: 

var $gameBody = $('.gameBody'),
		$gameScale = $('.gameBackground, .wrapcenter, .GameBonusX2'),
		$gameUI = $('.group-dock, .gameUI > span, .guiscale');


    var resize_init = function () {
        var bodyHeight = $(window).height(),
			bodyWidth = $(window).width(),
			prefixCSS = setup.detectPrefix(),
			portrait = bodyHeight > bodyWidth;
        $gameBody.height(bodyHeight);

        var _a = bodyWidth - setup.defaultWidth,
			_b = (_a / setup.defaultWidth) * 100,
			_c = _b / 100 + 1,
			_d = _b / 100 + 0.5,
			_e = bodyHeight - setup.defaultWidth,
			_f = (_e / setup.defaultWidth) * 100,
			_g = _f / 100 + 1;

        function orientation_portrait() {
            $gameScale.css(prefixCSS + 'transform', 'scale(' + _g + ')');
            var gui_s = _g - 0.1;
            $gameUI.css(prefixCSS + 'transform', 'scale(' + gui_s + ')');

            var _cs = ((bodyWidth - setup.defaultWidth) / setup.defaultWidth) * 100,
				cs = _cs / 100 + 1.5,
				cs = cs > 1 ? 1 : cs;


            $('.center').css(prefixCSS + 'transform', 'scale(' + cs + ')');
        }
        function orientation_landscape() {
            $gameScale.css(prefixCSS + 'transform', 'scale(' + _c + ')');
            var gui_s = _c - 0.1;
            $gameUI.css(prefixCSS + 'transform', 'scale(' + gui_s + ')');

            if (bodyHeight < 600) {
                var _cs = ((bodyHeight - setup.defaultHeight) / setup.defaultHeight) * 100,
				cs = _cs / 100 + 1.5,
				cs = cs > 1 ? 1 : cs;
                $('.center').css(prefixCSS + 'transform', 'scale(' + cs + ')');
            }
        }

        if (portrait)
            orientation_portrait();
        else
            orientation_landscape();

    };

    $(window).resize(resize_init);
    resize_init();

create game:

var config = {
    width: 1024,
    height: 1024,
    renderer: Phaser.AUTO,
    transparent: true,
    antialias: true,
    parent: "main-game",
    forceSetTimeOut: true
};

var game = new Phaser.Game(config);
var XichBichLoader = new window.XichBich.Loader();
var XichBichGame = new window.XichBich.Game();
game.state.add("XichBichLoader", XichBichLoader);
game.state.add("XichBichGame", XichBichGame);
game.state.start("XichBichLoader");