Могу ли я поместить элементы Dom в окно игрового окна?

Question

У меня возникла ситуация, когда мне нужно перетащить изображение из списка изображений на страницу HTML в окно игры Phaser.

То, что я пытался достичь здесь, заключается в том, чтобы положить элемент <li></li> HTML с изображением на окно игрового окна, а затем выполнить функцию drag drom в этом списке изображений.

У кого-нибудь есть идеи? любой образец кода или любая относительная ссылка были бы полезны. Спасибо

Answer 1

Я постоянно использую HTML-элементы в сочетании с Canvas Phaser's - это очень полезно для пользовательских интерфейсов. Просто создайте div, который будет содержать ваши HTML-элементы и полностью позиционирует их поверх холста. Предположим, что ваш холст принимает на полную страницу -

<div id="ui"><li>Your li or whatever</li></div> 

#ui { 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}