所有东西都不在一条直线上,不在现场
使用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风格显示出来,和对齐使网站的内容关闭
1条答案
按热度按时间ddrv8njm1#
有一个official demo显示了整个过程。
不过,还是有一些事情需要注意:
1.在
config
中,具有以下特性:parent
和dom
集合1.当设置
dom
gameObject时,设置x
和y
的位置,以及原点 (使用setOrigin
)1.在html中你正在加载,确保设置你想要显示的HTML片段的
width
和height
。(这你不需要做,但是会使事情更容易)