Jump to content

what is the best way to export html5 game to android/ios ?


umen
 Share

Recommended Posts

Follow up question.  How to build IOS HTML5 wrapped App without a Mac?

Intel XDK and PhoneGap solved that with cloud builds, but both are retired *.  I haven't looked at this for years, but Apple just kicked one of my apps out of the store because it "wasn't updated recently" (it doesn't need to be ahhhh!).  It was done in XDK so was basically a cloud built Cordova config.

* fwiw I do agree with Adobe that "the PhoneGap is closed", there's no need for Apps but sometimes there's a want!

Link to comment
Share on other sites

Really missing those cloud builds from old days as even for Android now it requires whole setup/updates on PC before building. There are few other alternatives to which I have found and kept ready but not used yet.

https://volt.build/

https://monaca.io/
https://ionic.io/appflow

There are few more which I cant recollect now. I was expecting PhoneGap to remain but unfortunately they closed  

Link to comment
Share on other sites

I using Cordova to convert my game  to android.

https://cordova.apache.org/

But for apple store

Apple notes that

The App Store will no longer accept new apps using UIWebView as of April 2020 and app updates using UIWebView as of December 2020.

 

so I will switch capacitor with wkwebview

https://capacitorjs.com/

or react native webview

https://github.com/react-native-webview/react-native-webview

to convert my game to IOS

Link to comment
Share on other sites

I use Qt C++ and OpenGL ES 2.0 to build applications with 2D and 3D graphics for Desktop and Mobiles. Qt creates fast builds with small sizes because it is C++. But C++ is hard for programming and unit testing. At first step I write projects in PyQt5 and Python. I use pyBox2D and panda3D.bullet for Physics. At second step I translate projects from PyQt5 to Qt C++. At third step I rewrite projects to WebGL and TypeScript. I use glMatrix for Linear Algebra, Planck.js (it is port of Box2D) and Ammo.js (it is port of Bullet Physics). I use Python for web development using Django and I use Blender Python API for writing plugins for Blender for automation of modelling and creating of animations with bones.

I wrote a plugin for Blender that allows to import original 3D models and animations from Resident Evil. I exported it to DAE format and imported it to WebGL, Qt OpenGL and PyQt5 OpenGL. My dream is to write mini games with multiplayer with WebSockets and Node.js. Pure WebGL allows to control and understand everything. It allows to optimize for very low end devices like laptops and smartphones. I do not like to use Babylon.js, Three.js, PlayCanvas and so on, because, for example, you can spend a lot of time to understand how it works and how to optimize it.

jill-animations-webgl-ts-compressed.gif.8f3afaa5e5baab916a8a67a3a1c12477.gif

I use bones without skinning. I have hierarchy of bones. Every object is separated object:

image

Skinning is very expensive for low end devices:

char-skeleton

anim-with-correction

Demo

Edited by 8Observer8
Link to comment
Share on other sites

On 4/17/2022 at 8:37 AM, khleug35 said:

I using Cordova to convert my game  to android.

https://cordova.apache.org/

But for apple store

Apple notes that

The App Store will no longer accept new apps using UIWebView as of April 2020 and app updates using UIWebView as of December 2020.

 

so I will switch capacitor with wkwebview

https://capacitorjs.com/

or react native webview

https://github.com/react-native-webview/react-native-webview trap the cat

to convert my game to IOS

 

Link to comment
Share on other sites

  • 2 weeks later...

I just created an Android Trusted Web Activity (TWA), where you define an asset links json file in your HTML game, like this:  https://drift.team/well-known/assetlinks.json

And then create an Android TWA, which looks like a real app, but it's just embedding your HTML5 game:  https://play.google.com/store/apps/details?id=team.drift

To my knowledge, iPhone doesn't have anything similiar.

Link to comment
Share on other sites

Tried so many solutions over the last years (Cordova, PhoneGap, CocoonJS, Intel XDK...)

In the end - only Cordova still works for me (although it is sometimes a real hassle getting it to work)

Latest project for which I used Cordova was last year for iOS only:

https://apps.apple.com/de/app/actiboard-activates-skills/id1563042841?platform=ipad

Link to comment
Share on other sites

  • 4 weeks later...

I was struggling as well finding a good solution like PhoneGap Build or Cocoonjs were.

At the end I decided to make my own "online app builder". Feel free to use it :)

See: https://phaser.discourse.group/t/convert-your-phaser-game-to-a-native-mobile-app-online/11691

Link to comment
Share on other sites

  • 5 months later...

The best way to export HTML5 games for Android and iOS is by using a cross-platform tool like CocoonJS. You can easily use CocoonJS to build your game once, then export it for both Android and iOS in one go.

The workflow is simple:

1. Build your game with CocoonJS.

2. Publish the build as an APK file to the web server of your choice (You can use Amazon S3 or Google Cloud Storage).

3. Use the build APK file as a starting point to create a version that can be exported for Android and iOS (using CocoonJS).

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...