How do I html5 export for iphone ?

Get help using Construct 2

Post » Wed Sep 10, 2014 9:02 pm

Hello (excuse my english),

How do I html5 export for iphone ?

The games of http://www.lalunedeninou.mobi/ made with construct in html5 work very well on ipad , android, window......

The export is in html5 embed in iframe.
But on iphone 4 , 5...the iframe is empty and the game is invisible.
if i click i heard the sound of the game but I do not see.

example : http://www.lalunedeninou.mobi/tablette_et_mobile_html5/jeux_educatifs_pour_enfants/maison/jeu_enlever_puces_dalmatien/jeu_enlever_puces_dalmatien.html


http://www.lalunedeninou.mobi/tablette_et_mobile_html5/jeux_educatifs_pour_enfants/ecole/les_noms_des_doigts_de_la_main/les_noms_des_doigts_de_la_main.html


Why i do not see the game on iphone ? the export html5 is special for iphone ? an option ?

Help me, thank you.
B
12
S
3
Posts: 152
Reputation: 2,036

Post » Thu Sep 11, 2014 9:55 am

No idea ?
B
12
S
3
Posts: 152
Reputation: 2,036

Post » Thu Sep 11, 2014 10:41 am

Html5 export for iphone should normally work with no issues, however I think iframes are an issue on older iOS versions

Does http://www.lalunedeninou.mobi/tablette_ ... html5.html works on iphone?
Game design is all about decomposing the core of your game so it becomes simple instructions.
B
54
S
23
G
18
Posts: 2,123
Reputation: 17,200

Post » Thu Sep 11, 2014 2:01 pm

The HTML5 export should work just fine on iPhone. There are no engine differences when running on iPhones.

However IIRC there's a bug on iOS that makes iframes display incorrectly sometimes. The workaround is to add the scrolling and noresize attributes to the iframe tag as shown below:

<iframe src="game.html" scrolling="no" noresize="noresize" allowfullscreen="true" />

I threw in allowfullscreen as well so the game in the iframe can still use the Browser object's 'request fullscreen' (not yet supported on iOS but works in Chrome for Android).
Scirra Founder
B
415
S
248
G
92
Posts: 25,295
Reputation: 200,994

Post » Wed Sep 17, 2014 7:18 pm

Thank you Ashley,

but i try this and not works with iphone 5 and other.....

on this page (with your parameters) :

http://www.lalunedeninou.mobi/tablette_et_mobile_html5/jeux_educatifs_pour_enfants/arc_en_ciel/jeu_apprendre_les_couleurs/jeu_apprendre_les_couleursi.html

with css

Code: Select all
#iframecentre {
 
  width: 1024px;
  height: 512px;
  border: 20px;
  border-style:solid;
  border-color:#000066; #000066;
  scrolling = no;
  noresize = noresize;
  allowfullscreen = true;

  } 


there is nothing on the screen
before I had a black rectangle with sound.( without noresize, allowfullscreen, and scrolling = yes)

i don't understand. :cry:
B
12
S
3
Posts: 152
Reputation: 2,036

Post » Thu Sep 18, 2014 7:37 pm

No idea ?
B
12
S
3
Posts: 152
Reputation: 2,036

Post » Fri Sep 19, 2014 1:17 pm

I have not managed to find a solution for iphone with iframe.
i make a page without iframe with redirection for iphone.

thank you anyway
B
12
S
3
Posts: 152
Reputation: 2,036


Return to How do I....?

Who is online

Users browsing this forum: luckyrawatlucky and 13 guests