User Tag List

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12

Thread: How to embed html5 game in website

  1. #1
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export Module

    Join Date
    Jan 2010
    Posts
    518
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    How to embed html5 game in website

    Hi,
    I just got the html5 exporter and would like to know how to embed an html5 game in a web page. I have been doing this with Flash but I am not sure how to do it in html5. Here is an example of what I would like to do...
    http://biomanbio.com/GamesandLabs/Ce...nimalCell.html
    Notice that the game is embedded in the page. Any insight is appreciated. Thanks,
    Brett

  2. #2
    Clicker Fusion 2.5 MacFusion 2.5 DeveloperFusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleUniversal Windows Platform Export ModuleSWF Export ModuleXNA Export ModuleMac Export Module
    Sloxone's Avatar
    Join Date
    Nov 2011
    Location
    France
    Posts
    499
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi

    You can use Iframe to include your game in a web page. Iframe must be the size of your game screen size to show your game.

  3. #3
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export Module

    Join Date
    Jan 2010
    Posts
    518
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thank you Sloxone,
    I will try this. Have a great day,
    Brett

  4. #4
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export Module

    Join Date
    Jan 2010
    Posts
    518
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    The inline frame method works but I am having a difficult time sizing the game correctly. I have a webpage and I want the size of the game to be 640 x 480. For some reason, the html and CSS files generated by the html5 exporter cause the game to have extra padding and scroll bars so the game doesn't fit neatly in this space even when I make it 640 by 480. Is there a way to make it so that the Clickteam files are exactly 640 by 480 within Fusion 2.5? Do I have to manually alter the CSS after putting it in my webpage? Thanks,
    Brett

  5. #5
    Clicker Fusion 2.5
    Player's Avatar
    Join Date
    Jan 2014
    Posts
    14
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The scroll bar appears when the content of the iframe is bigger than the fram itself. You could try expanding your iFrame a little bit, try with 5 or 10 more pixels. Visually it won't make a difference as the iFrame can be made completely invisible. Unless it interferes with your website layout.

  6. #6
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export Module

    Join Date
    Jan 2010
    Posts
    518
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Player,
    I am returning to this problem and still having difficulty. If I expand my iFrame by much it disrupts the flow of the webpage. How do I make the iFrame invisible and/or remove the grey border and all of the padding around the actual 640X480 frame that is my game? I was messing around in the html document but couldn't get that border and padding to go away. I'd appreciate any suggestions because I can't fit the html5 apps on my site the way they are building currently. Thanks,
    Brett

  7. #7
    Clickteam Clickteam
    Olivier's Avatar
    Join Date
    Jun 2006
    Posts
    2,996
    Mentioned
    9 Post(s)
    Tagged
    1 Thread(s)
    I have iframed my app's index.html into another webpage without any problem. But I've had to build my app with the property "Resize display to fill window size" checked.

  8. #8
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export Module

    Join Date
    Jan 2010
    Posts
    518
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Olivier,
    When I try this the application appears as a blank white screen on my website. I don't see any of it. When I do build and run with this option, however, I see the application but it fills the whole computer screen. On my website, it does not show up in the iframe though. Any thoughts on what is occurring here? Thanks,
    Brett

  9. #9
    Clicker Fusion 2.5 DeveloperFusion 2.5+ DLCAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleSWF Export Module
    Kimera's Avatar
    Join Date
    Feb 2007
    Location
    Houston, TX
    Posts
    718
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello all,

    I have posted a sample in The App Builders Network group here...
    http://community.clickteam.com/group.php?discussionid=117&do=discuss

    You can download the HTML and the MFA as well as see and example.

    Good Luck!

  10. #10
    Clicker Fusion 2.5 DeveloperAndroid Export ModuleHTML5 Export ModuleiOS Export ModuleUniversal Windows Platform Export ModuleSWF Export ModuleMac Export Module
    Fusion 2.5 (Steam)Fusion 2.5 Developer (Steam)Android Export Module (Steam)HTML5 Export Module (Steam)iOS Export Module (Steam)Universal Windows Platform Export Module (Steam)
    Koji_Kabuto's Avatar
    Join Date
    Jul 2006
    Location
    Venezuela
    Posts
    2,851
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Hi Kimera,

    Which think that it is the best way of monetizing an HTML5 game?

Page 1 of 2 1 2 LastLast

Similar Threads

  1. How to embed a MMF2 file into a website
    By csj1 in forum Multimedia Fusion 2 - Technical Support
    Replies: 1
    Last Post: 21st February 2009, 08:00 PM
  2. Replies: 7
    Last Post: 16th December 2008, 11:10 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •