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: 147
Reputation: 2,026

Post » Thu Sep 11, 2014 9:55 am

No idea ?
B
12
S
3
Posts: 147
Reputation: 2,026

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
53
S
22
G
18
Posts: 2,122
Reputation: 17,123

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
397
S
236
G
88
Posts: 24,422
Reputation: 194,558

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: 147
Reputation: 2,026

Post » Thu Sep 18, 2014 7:37 pm

No idea ?
B
12
S
3
Posts: 147
Reputation: 2,026

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: 147
Reputation: 2,026


Return to How do I....?

Who is online

Users browsing this forum: brunopalermo, RODInteractive, vutankhoa2015, Yahoo [Bot] and 10 guests