Getting started with HTML5

[kbradford]

Sorry, perhaps I’m not being clear.  I understand that’s how the Corona app would read the preference, but how is it set before the app opens?  The app needs to know a username, which would need to be set in the HTML or Javascript before Corona is even started.

[Develephant]

Hi,

Where should I post possible bugs/issues at for HTML5?

-dev

[akao]

This is super exciting! We are also very interested in the potential application of this to the new instant game platform.

[vitaly1]

@vitaly1

sure, here many examples in Lua

https://docs.coronalabs.com/api/library/system/setPreferences.html

https://docs.coronalabs.com/api/library/system/getPreference.html

soon the HTML5 JavaScript plugin tutorial will be ready

The only way to achieve this is JS plugin, attached sample of web app with JS native plugin.

[vitaly1]

@kbradford

Sorry, perhaps I’m not being clear.  I understand that’s how the Corona app would read the preference, but how is it set before the app opens?  The app needs to know a username, which would need to be set in the HTML or Javascript before Corona is even started.

attached sample of JS plugin for Corona

[kbradford]

Perfect, thank you vitaly!

[rob]

@develephant, please post questions and issues in this forum. Perhaps not to this thread

Rob

[Sayhong_s_CTO]

Will HTML5 support socket?

PS: my little game:

http://www.sayhong.net/pinball/

[rob]

socket.* is supported.

[Falcon777]

@rob

Lets say you host your game/app at You can only make network.request() calls to http://acme.com. But if your needing an API from https://superhighscores.com/api/sethighscore&score=100 as an HTTP GET call, you would need to write a script at http://acme.com and name it something that makes sense, perhaps sethighscore.php and drop that in the folder with your game (Not required, you can put it anywhere on acme.com).

In the PHP script you can use the $_GET[] array to access the parameters passed (score) and reform the URL to superhighscores.com in the PHP script adding the various GET or POST parameters. You can then use something like PHP’s curl or other technologies to call superhighscores.com. You would get JSON (or XML) data back, and then simply echo it out of the PHP script to return it to network.request.  You can see some examples of making REST calls with PHP here:

https://stackoverflow.com/questions/9802788/call-a-rest-api-in-php

Rob

Thank you for the detailed explanation!

[Develephant]

Hi,

A cookie plugin for HTML5 builds is available here: https://forums.coronalabs.com/topic/72105-corona-html5-cookie-plugin-release/

-dev

[enneaplay]

@rob

Lets say you host your game/app at You can only make network.request() calls to http://acme.com. But if your needing an API from https://superhighscores.com/api/sethighscore&score=100 as an HTTP GET call, you would need to write a script at http://acme.com and name it something that makes sense, perhaps sethighscore.php and drop that in the folder with your game (Not required, you can put it anywhere on acme.com).

In the PHP script you can use the $_GET[] array to access the parameters passed (score) and reform the URL to superhighscores.com in the PHP script adding the various GET or POST parameters. You can then use something like PHP’s curl or other technologies to call superhighscores.com. You would get JSON (or XML) data back, and then simply echo it out of the PHP script to return it to network.request.  You can see some examples of making REST calls with PHP here:

https://stackoverflow.com/questions/9802788/call-a-rest-api-in-php

Rob

Congrats Rob for the great explanation!!! Now I get it… kkk

[ojnab]

Just tested a couple of the more heavy games I did and the html5 builds worked very well.

The graphics, animation etc. looked much smoother than I expected it would.

Great! I am impressed. Well done Corona Labs.

[thomas6]

Very, very cool. Also very impressed.

In the spirit of constructive criticism: are there any plans to reduce loading size (and consequently loading time)? I’m seeing a 2MB data file plus 7MB javaScript file, just for displaying a rectangle on screen.

Also, if the 7MB file is always the same, could this be cached somehow?

[vitaly1]

@thomas6

Very, very cool. Also very impressed.

In the spirit of constructive criticism: are there any plans to reduce loading size (and consequently loading time)? I’m seeing a 2MB data file plus 7MB javaScript file, just for displaying a rectangle on screen.

Also, if the 7MB file is always the same, could this be cached somehow?

browsers caches web app files automatically

[rob]

We are looking at it, but I don’t know that we can make it smaller without cutting features.

Rob

[jhanca_s_o2011]

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. not load script .html.mem and .data please :’( 

[antonsilver]

Amasing, made a Quick test with Spine animations and particles … rund Liksystem.DocumentsDirectorye a dream Look for your selfhttp://www.creasaur.com/lonelyknight/Cant wait to test out my multiplayer game! What does it do with data you store in system.DocumentsDirectory?

[vitaly1]

system.DocumentsDirectory is kept using IDBFS in browser’s permanent memory. It will be alive until browser cache is not cleaned

[pentawire]

Also my game works very very fine!!!  :)  :) 

https://www.kongregate.com/games/pentawire/lab-escape

Good works !!!