You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
You're right, they do - but without wanting to get into perspective handling and scaling the DOM container to match the camera zoom, I feel like this is a valid limitation. Frustrating, yes, but the DOM Game Objects are only really meant for very simple tasks (buttons, login form), anything more complex should consider something like our Vue Template.
Version
Description
The dom elements added to the scene get out of place when the zoom changes.
Example Test Code
Example by slightly modifying in the following link:
https://labs.phaser.io/edit.html?src=src/game%20objects%5Cdom%20element%5Cform%20input.js
class Example extends Phaser.Scene
{
preload ()
{
this.load.html('nameform', 'assets/text/loginform.html');
this.load.image('pic', 'assets/pics/turkey-1985086.jpg');
}
create ()
{
this.add.image(400, 300, 'pic');
const text = this.add.text(10, 10, 'Text', { color: 'white', fontFamily: 'Arial', fontSize: '32px '});
const element = this.add.dom(400, 300).createFromCache('nameform');
// Removed some code before and added this
this.cameras.main.zoomTo(0.5, 2000);
setTimeout(()=>{ this.cameras.main.zoomTo(1.5, 2000) },4000)
}
}
const config = {
type: Phaser.AUTO,
width: 800,
height: 600,
parent: 'phaser-example',
dom: { createContainer: true },
scene: Example
};
Additional Information
The text was updated successfully, but these errors were encountered: