weratius Posted November 10, 2016 Share Posted November 10, 2016 Hello, guys! I have a mail interface in my game, where I need to drag/drop some items to send to another player. Due to the difficulty of the mail interface I decided to develop it vis pure js, html and css and I did it ok. I also made my items' sprites draggable and that's fine too But I faced with such a problem: my draggable item can't hover html ui at all ! I tried to change z-index of html elements and etc, but that didn't help I'd like to find the solution because it's a waste of time to develop this interface from the beggining via Phaser only Thank you very much for your answers!! Link to comment Share on other sites More sharing options...
bruno_ Posted November 10, 2016 Share Posted November 10, 2016 Phaser uses canvas, I don't think it will detect other dom elements outside the canvas. Let me know if you find a solution. Link to comment Share on other sites More sharing options...
WombatTurkey Posted November 12, 2016 Share Posted November 12, 2016 You will need to create that particular UI element in Phaser / Canvas or through the DOM. Pick one Edit: You could use dom event triggers though that use a js object that phaser has access to. To detect the dragging of an item over but meh Link to comment Share on other sites More sharing options...
weratius Posted November 12, 2016 Author Share Posted November 12, 2016 Thank you for your answers, guys. But if I create my UI via Phaser, there still will be dom elements like text inputs and this problem won't be solved =( Link to comment Share on other sites More sharing options...
weratius Posted December 10, 2016 Author Share Posted December 10, 2016 If anyone has problems with that, I can tell you that the only decision will be to make drag and drop via custom html5 events Link to comment Share on other sites More sharing options...
Recommended Posts