javascript 相位器Dom Ui校准关闭

9rnv2umw  于 2023-02-28  发布在  Java
关注(0)|答案(1)|浏览(89)

所有东西都不在一条直线上,不在现场
使用this.add.dom().createFromCache('ui');方法沿着this.load.html('ui', './src/scenes/Ui.html');
用户界面html

<html>
  <head>
    <title>Phaser boilerplate</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <script src="https://cdn.jsdelivr.net/npm/phaser@3.52.0/dist/phaser.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css" integrity="sha512-HqxHUkJM0SYcbvxUw5P60SzdOTy/QVwA1JJrvaXJv4q7lmbDZCmZaqz01UPOaQveoxfYRv1tHozWGPMcuTBuvQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  </head>
  <body>
    <div class="columns">
      <div class="column">1</div>
      <div class="column">2</div>
      <div class="column">3</div>
      <div class="column">4</div>
      <div class="column">5</div>
    </div>
  </body>
</html>

我面临的问题有没有的bulma风格显示出来,和对齐使网站的内容关闭

ddrv8njm

ddrv8njm1#

有一个official demo显示了整个过程。
不过,还是有一些事情需要注意:
1.在config中,具有以下特性:parentdom集合
1.当设置dom gameObject时,设置xy的位置,以及原点 (使用setOrigin
1.在html中你正在加载,确保设置你想要显示的HTML片段的widthheight(这你不需要做,但是会使事情更容易)

相关问题