Using Ionic in PlayCanvas


#1

Hi!

I have been an active Ionic user since v1, though never actually posted on the forums.

I wrote a tutorial on how to use Ionic with PlayCanvas, a WebGL engine.

PlayCanvas provides a great framework to author and deliver 2D/3D/VR web experiences.
Ionic provides a great tool for UI and an awesome UX through its components.

Let me know if you find this useful! The tutorial references a template project as well for anyone interested in replicating this.


#2

Wow, that looks awesome!


#3

Ummmmmm…coolest 5 seconds of the month. I want more…

Awesome, and beautiful.


#4

That looks great!

Keep up the good work!


#5

If i only want to use WebGL, do you know if the mobile devices allow it?


#6

You will find mobile devices WebGL compatibility being quite good at the moment. Check here for some info, on the WebGL row:
http://mobilehtml5.org/

Though i would have to say that apart from the mobile device supporting WebGL, it is up to the developer to program it to perform adequately. Here is a guide for optimizing a PlayCanvas ( WebGL) app to run on mobile:
https://developer.playcanvas.com/en/user-manual/optimization/guidelines/


#7

Thanks man.

I’m trying to develop a map using open street map tiles and then using WebGL to draw the position of the train (train schedules app). Just like this Deck gl taxis but with a maximum of 10 trains at the same time (not 10K like that example).
I tried using Leaflet and some plugins but it’s ugly af, so i’m trying to use WebGL as an alternative.


#8

Yes, WebGL performance would be better in most cases for such a project.

Might be an overkill for only 10 trains, if you are OK with a 2D projection (leaflet is fast), but if you are feeling comfortable with WebGL, go for it. It will provide performance and you can easily expand it in the future to support more objects/projections etc.