Haspel
Power Member
- Oct 7, 2008
- 646
- 996
For a while iv been toying with the idea of creating mobile games and testing the market in general but I was looking for a simpler solution than buying source code and reskinning it. My first thought of course was to use regular java games embed em on my site and create an app from that but as many of you already know mobile phones don't play well with java
.
So for this guide IM going to show you how to easily create native android and windows application by simply embedding html5 games on your website.
What you need to get started:
1.Wordpress site ( i prefer wordpress since the themes there are already mobile friendly and you wont have to write CSS code to support your html page.)
2.HTMl5 Game Repository that allows you to place the game links on your site.( Keep in mind this method is blackhat but that doesn't mean that you will be necessarily hurting the game authors in fact since most games are already monetized with ingame advertising you will probably make em a few $$)
Now That you have picked a game that you want to create in to a native app.Its time to setup your site.
STEP 1:
Wordpress doesn't allow fullpage iframes by default so we are going to use a little trick and setup our one page template. Copy the code below to into a text
editor call it "iframe-template.php" for example and upload it to you your current theme folder.
Code courtesy of - https://dillieodigital.wordpress.com
Now your wordpress is ready to create full page iframes.
STEP 2:
Login to your admin area navigate to Pages click on create new and simply place an iframe with the link of the game you want to use.The code will look
something like this:
Replace the URL with the game of your choice. Now before you publish your page go to the Page Attributes menu on your right and select the page template that
you created in STEP 1.
And thats it you are ready to publish.
If you did the above steps correctly you should end up with something like this:
http://colacoupons.net/22/ (open the site on your mobile device)
--- Creating Native Apps And Monetizing ----
Creating an app from your website (Webview APP) is really easy you can use a service like appgayser or appstuido which will automatically turn your url in to a native app.
Android: http://www.appsgeyser.com/
Windows: http://appstudio.windows.com/en-us
Appsgeyser also offers monetization where you will get a % of the revenue that your app generates.
For advanced users I would recommend using phonegap since you can add various ad networks on your own.
Thats as far as iv gotten with testing this but I hope the info above can be useful to some of you or at least help you come up with a few twits on
the concept.Best of luck!
Haspel
So for this guide IM going to show you how to easily create native android and windows application by simply embedding html5 games on your website.
What you need to get started:
1.Wordpress site ( i prefer wordpress since the themes there are already mobile friendly and you wont have to write CSS code to support your html page.)
2.HTMl5 Game Repository that allows you to place the game links on your site.( Keep in mind this method is blackhat but that doesn't mean that you will be necessarily hurting the game authors in fact since most games are already monetized with ingame advertising you will probably make em a few $$)
Now That you have picked a game that you want to create in to a native app.Its time to setup your site.
STEP 1:
Wordpress doesn't allow fullpage iframes by default so we are going to use a little trick and setup our one page template. Copy the code below to into a text
editor call it "iframe-template.php" for example and upload it to you your current theme folder.
<?php
/**
Template Name: Content Only
*/
?>
<html>
<head>
<title><?php wp_title( '|', true, 'right' ); bloginfo('url'); ?></title>
<style>
html,body,div,iframe {height:100%;}
p {position:relative;overflow:hidden;}
iframe {border:none;width:100%;}
body {margin:0;padding:0;}
</style>
</head>
<body>
<?php while (have_posts()) : the_post(); ?>
<?php the_content(); endwhile; ?>
</body>
</html>
Code courtesy of - https://dillieodigital.wordpress.com
Now your wordpress is ready to create full page iframes.
STEP 2:
Login to your admin area navigate to Pages click on create new and simply place an iframe with the link of the game you want to use.The code will look
something like this:
<iframe src="http://play.famobi.com/tm-jennifer-aniston"></iframe>
Replace the URL with the game of your choice. Now before you publish your page go to the Page Attributes menu on your right and select the page template that
you created in STEP 1.
And thats it you are ready to publish.
If you did the above steps correctly you should end up with something like this:
http://colacoupons.net/22/ (open the site on your mobile device)
--- Creating Native Apps And Monetizing ----
Creating an app from your website (Webview APP) is really easy you can use a service like appgayser or appstuido which will automatically turn your url in to a native app.
Android: http://www.appsgeyser.com/
Windows: http://appstudio.windows.com/en-us
Appsgeyser also offers monetization where you will get a % of the revenue that your app generates.
For advanced users I would recommend using phonegap since you can add various ad networks on your own.
Thats as far as iv gotten with testing this but I hope the info above can be useful to some of you or at least help you come up with a few twits on
the concept.Best of luck!
Haspel
