Phaser 3 In Game Shopping Interface - ionic-framework

I'm working on an Ionic project that implements Phaser 3 to include a game in it.
May i know is it possible to design a purchasing interface or a shopping menu using Phaser 3?

Related

How can i design this page in ionic 4

how can I design that page in ionic 4? I'm still new to ionic. its a bank app I am building with ionic 4, below is the image of the page.
You should start here, https://ionicframework.com/ read through documentation.
Your app looks like a tabs based app so it would be easiest to start with a tabs ionic project.
Therefore, run ionic start myBankAppName tabs --cordova to use cordova as your native cross-platform engine or ionic start myBankAppName tabs --capacitor to use capacitor for the same purpose.
After that consult the relevant components that you need at https://ionicframework.com/docs/components.
Have fun! ;)

Ionic Angular 5. Star rating system

I am building an app on ionic. I have some numbers available for rating/reviews. I want to show/convert them as stars and present it in my UI. Is there any library available for this in Angular 5?
Thanks
I've used this lib in a app to do horizontal rating, but have stars too:
https://github.com/MurhafSousli/ngx-bar-rating

Drag and drop for Ionic 2

I'm building a tool with Ionic 2, which needs to implement drag and drop functionality. In the beginning I was testing everything in the browser using ionic serve, everything was working, coordinates of dragged images were stored in a SqlStorage (I'm using Ionic2 beta11).
But then I start testing on mobile device, and noticed that dragstart, dragend, dragover events doesn't work on it. I changed these to touchstart, touchmove, touchend, but then I faced problems, because there are limited properties of these events, so I cant access some which I was using when testing in browser.
So my question would be if there is there another events for using drag and drop for mobile devices?

Ionic Framework How to Implement Chat Heads

So how do we add facebook messenger alike chat heads to an ionic app? I am referring to a function same with this link
http://androidsrc.net/facebook-chat-like-floating-chat-heads/
So when clicking a chat head would open the app interface in an OVERLAY/POPUP way. Help
It is pretty difficult task, first you need to create a plugin for chatheads and UI for chating, and then, create background servise, that appears chatheads and chating UI on multithread when message received/sent, synchronize with ionic app. I don't think if it is issue for hybrid app development, which runs on browser/webview.

Merging a game into WinRT app

I'm wondering what options do I have to merge a 2D game into WinRT app that's already developed. I've developed couple of games in Unity3D but not sure if they can be played as a part of WinRT app (launch on button click).
I've heard Microsoft provide XNA framework for game development. Would that be of any help in my case? The requirement is to launch game on button click and get back to app on back button click.
Please let me know if there's better approach/tool available.
Firstly you say you want to merge a game with a WinRT app - Do you mean you want to put a game inside another application, so perhaps have an app as a launch pad for you game? If you want to target WinRT with Unity I just looked at the platforms that Unity targets and Universal Windows Platform is listed there. You could write the application part in Unity couldn't you ? So that the app is just the first scene that you see. That might seem strange, but if you had to use unity and the app was just a small application with not too many requirements you could do it that way.
Xna has been discontinued. You should use other frameworks.
If you want to write it from scratch I would suggest that you write it as WinRT application (Universal Windows Platform) so that you can define the application UI in Xaml and write the game with a dedicated graphics/game api such as SharpDX http://sharpdx.org/ (which is a wrapper around DirectX) or perhaps even better, take a look at Win2D http://microsoft.github.io/Win2D/html/Introduction.htm which is a very impressive 2d graphics api.
In practice, both SharpDX and Win2D would target one of the Xaml controls that give you access to a swap-chain (eg SwapChainPanel, SwapChainBackgroundPanel, CanvasControl etc). These Xaml controls are integrated into the Xaml UI and can simply pop up when you need them and viola, your game is running.
Since it was a 2D game that I wanted to integrate with my WinRT app, I decided to go with Scirra Contstruct 2, designed specifically for 2D games. It exported the project as website which I hosted on my server and used a WebView within my app to load the game. Not only the performance is good, but, as a bi-product, it made the game cross platform.