Resources to learn how to build mobile games and apps using HTML+javascript - Web App Development

Ok I see a lot of question of basically how to start building games and apps using web languages. Here I will put together very useful information and you will be able to make games and apps with these resources.
A)Tutorials for Beginners to HTML there are 10 step by step tutorials that are extremely easy to follow.
http://htmlforlearning.blogspot.com/2013/07/introduction-to-htmllesson-1.html
---------------------------------------------------------------------------------------------------------------------------------------
B)Framework to build a pop quiz app in HTML with a little Javascript here on xda-developers
http://forum.xda-developers.com/showthread.php?t=2785378
-------------------------------------------------------------------------------------------------------------------------------------
C)Free 2014 calender and Calculator ready made in HTML . All you have to do is add the files to your project
2014 Calender activity
1) Download the zip file here http://sourceforge.net/projects/andromoapps/files/calender.zip/download
2) The main file is select.html .
Now for the calculator
1) Download the zip file here http://sourceforge.net/projects/pfbw/files/calculator.html/download
2) The main file is calculator.html .
These can be used as stand alone apps or best used as an added feature to your app. I suggest you add these as extra activities to your main app so that users will have a reason to come back to use your app example lets say they need the 2014 calender they will just go to your app since they know its in there already. Its all about using as many activities as you can so that your app has a lot of functionality.
---------------------------------------------------------------------------------------------------------------------

For Advanced Users How to Add facebook and Twitter intergration inot your apps.
Ok the facebook intergration is easy , first I will post the code then explain it.
<img src="fshare.png" onclick=location.href="http://m.facebook.com/sharer.php?u=http://androidfreegamesapps.forumotion.com/t1136-8-bit-super-mario-bros-spiky-jump-for-android#2464";
style="position:absolute;left:0px;top:80px;height:60px;width:100px" />
WHAT IT MEANS AND HOW TO EDIT
<img src="fshare.png" means I am placing a image onscreen as a button "fshare.png" is the name of the image I used.
onclick= means I am making this image clickable
location.href= means this is the website I want the button to open
http://m.facebook.com/sharer.php?u=" PLACE YOUR WEBSITE LINK HERE "
style="position:absolute;left:0px;top:80px;height:60px;width:100px" this is to set the location of the button onscreen.
Now on to twitter intergration , the code is much longer but you only have to add the link.
<a href="https://twitter.com/share" class="twitter-share-button"
data-text="http://androidfreegamesapps.forumotion.com/t1136-8-bit-super-mario-bros-spiky-jump-for-android#2464 Super Mario Bros for #Android"
data-count="none">Tweet</a>
<script>!function(d,s,id)
{var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}
(document, 'script', 'twitter-wjs');</script>
HOW TO EDIT AND WHAT IT MEANS
All you have to change is
data-text="http://androidfreegamesapps.forumotion.com/t1136-8-bit-super-mario-bros-spiky-jump-for-android#2464
Super Mario Bros for #Android"
data-text=" YOUR LINK GOES HERE + YOU CAN TYPE IN A MESSAGE"
I advise you to just copy and paste my code then make the slight changes. Any questions just ask!! - See more at: http://forums.andromo.com/discussio...itter-share-in-your-app-#sthash.uSundpMX.dpuf

Game made with HTML + Javascript and made into an apk using phonegap.
Play as Max avoiding bombs being thrown at him by angry miners. Casual and Hard modes plus simple tap controls make this the best pick up and play game.
http://androidfreeware.net/download-bomb-attack-max.html
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}

Anyone else have resources they would like to share?

I always found trouble using phone gap why so

Related

[Mort] M IExplorer - html skinned menus for Mortscript

So here's a new topic i am gonna be making shortly.
We r gonna use Pocket IE to edit Mortscript variables.
This will allow us to skin the choice statement, etc. Because we r running IE in kiosk/full screen mode we have 100% of the screen real estate.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
(Would look nicer with some graphics...)
This means we can use all the html form commands as mortscript variable selectors. Text Input, Round and square check boxes, pull down menus. Not to mention javascript form processing.
Enclosed is a working example.
Next update should include the javascript url interpreter to "hint"/fill the html form statements. I will of course find out how many variables we can work with on the url line.
Let me know if this does not work for u.
What u will see:
Run it, then IE will open and hopefully open full screen
then u will see a page asking for a text box and radios. fill em and click submit. It will go to a new page and then pop up with the url/form data.
If anybody wants to proceed further i have a much further developed code. IExplorer is easy to work with. I am just working on the Opera version.
Status & Issues
Status & Issues
html for Mobile phones
html layout.
Javascript to make the magic happen
Javascript
The easy to do: IExplorer is a pushover
IExplorer works no holds barred.
url is in the title. ? and & passed arguments show in the title.
Passing ? and & to a static web page works just fine
The not so easy: Opera is ok
Opera 8.65 and Opera 10 hopefully function similarly.
Full screen mode is great. Is there a shortcut to open the browser full screen? there very well may be.
Opera will not show the url in the title, BUT we can set the page title to be the URL and tada.
Now passing URL to a static page is turning out to be a like a bull fight.
How to pass the variable data in and out?
Third browser set?
Third browser set?
We might as well look out for additional browsers. Some may function perfectly right out of the box as long as we check.
UC
UCee
Skyfire
more
And btw.
I had thought for a moment that IE was not installed on certain ROMs.
I did decide not to bother with the other browser types... no reason.

[App][2.3+][Alpha] Looking For Players

LFP (Looking for Players) is a simple app that helps gamers find each other. It tries to emulate the bulletins boards in real life. LFP does not require an account to use but does require a persistent Internet connection. The three tabs (Response, Post, and Search) contain all of the functionality of the application.
Response lists the games you have listed with a list of people that are interested in playing that game with you. Tapping the X next to the game title removes the listing while the x next to a name removes that user. This list refreshes every time the app starts and every 15 minutes if left open.
Post allows you add a game to the server specifying the game, in-game name, platform, days and the approximate starting time. Anything posted is automatically deleted after one week.
Search goes through the available listings and returns a list grouped by time. All times are corrected for the local time zone. Clicking a listing within the group generates a dialog to notify the person that you are interested in gaming at that time.
Currently, I want to know:
• How responsive the app is.
• Is LFP intuitive to use?
• Are the colors appealing? How can I improve the theme, nothing too fancy for I am not an artist.
• Does this app accomplish its goal of being a bulletin board for gamers?
• If this was in the app store how much would you pay for it?
• Bugs and annoyances.
This was designed for use on a phone but it does run on tablets but its not coded to take advantage of the additional space.
**EDIT** This is the alpha so there isn't a large user base so there are 0 posts at the moment. Therefore everyone needs to post and search for the same 5 games: Pirate Sushi, Yu-Gi-Oh! GX Tag Force 3, Roller Rally:Snake Pass, Combat Wings: The Great Battles of WWII, and Quarrel.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Please provide some screenshots as they are always important and they are working as a tester magnet
Thanks for your work!
Cool idea!
Thanks, I'm contacting people on that UI designer list to create a new color scheme for this app. That's a common complaint. Which is not surprising at all really.
Very responsive, haven't ran into any glitches yet
Sent from my SAMSUNG-SGH-I317 using xda premium

[apk] Maxthon HD Tablet Browser apk v 4.0.4.1000

When you visit XDA on your phone...
Tapatalk limits your view/capabilities too much for me, & lets you be even more of a nOOb!
Xda app is bug ridden.
Ad blocking via a host file or a script like PurePerfomance & the like is a MUST on a any browser on xda! I tried Chrome on bone stock ...94 and it was useless! It would freeze up until all the ad crap was done, not to mention the "This is a Trap..." BS.
Yet WITH ad blocking it is the only browser, I know of, that does complete editing on xda!
Update
The newest 4.3.5 is a great departure from this. The history cannot be added the Quick access, has an awkward interface and has a short & poor memory.
http://forum.xda-developers.com/moto-x/themes-apps/boat-browser-hd-lux-screen-brightness-t2821205
Maxthon HD, its legacy is Miren, is my favorite "display" browser.
Stay close to the Quick access / home to keep freezing to an acceptable rate. When a freeze happens just hold your recent apps key (GravityBox) to kill & restart. Quick access is a customizable favorits/home that defaults when you close all tabs.
Best ( mandatory) settings:
Turn everything off including fetch mode.
Txt size: large to ex large.
Web links display: normal
Open links: open in current is a must. Open in new & set as current is a must for file uploads only (moto x no ULs at all).
Zoom: close.
With the proper settings you can toggle to a edit/upload mode and back to the best forum display mode.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
https://play.google.com/store/apps/details?id=com.mx.browser.tablet
Not to be confused with the non tablet version or the Pioneer version which are useless! The pioneer is really very nice & perhaps less buggy than hd, but cut & paste do not work!
Also choose the 2010 style/theme at the lower left.
P M notifications are turned off by default.
Choose user cp > edit options > forum display > linear newest, so you do not have to press that tiny little arrow to get the latest post. I use the forum display changer to go another mode to view the op on a long thread.
I was on my Wife's m to DL this wonderful cam http://forum.xda-developers.com/showthread.php?t=2427015 . Her m is unrooted. What a frustrating experience! If I were demo'ing out the same at a vzw store, I would think what a POS!
what's wrong with tapatalk?
buschris said:
what's wrong with tapatalk?
Click to expand...
Click to collapse
It limits your view of what is on the forum.
How do you jump to other phone forums? With a browser compact view of forums is easy. I could go on but try Marathon HD. The customizable quick access (their version of favorites) default home page is so handy!
BTW I never use fetch mode. It causes freezing on xda.

[APP][Free][Beta][4.1+ Phones] THING - a new behavior driven, API powered Launcher

Me and my team are developing a brand new kind of Android Launcher called THING that we think you'll find is really cool. Check out thing.se and sign up for our private beta! In short, THING is a behavior driven, API powered Android Launcher that simplifies and automates your life. As I'm a new member, I can't post proper links just yet - sorry. Again, thing.se is where you want to go.
THING listens to your behavior and presents you with apps you're most likely to use at any given time of day and activity. THING lets you create your universe - if you can write a text, you can create an Agent that listens and acts on your behalf. Any API can be implemented to enhance your power and reach – the building blocks of Your Universe. Thing puts you in control - of everything.
Thing analyzes your app usage history and activity to determine what apps you're most likely to want, whenever you want them. The idea is to make app discovery easy instead of relying on a wall of apps and muscle memory to know where a given app is. (Pro tip: long press on the secondary hotseat to force an update).
Thing uses NLP to interpret what you want to do and how to do it by letting you program your surroundings - to create your universe. For example, if you're in Boston, an agent might be:
Code:
When I land at Logan Airport on Wednesday, get me an Uber and text John "I've arrived safely" if it's raining in Madrid.
We interpret and map keywords to services and actions to create a logical flow of events that calls API endpoints.
Feel free to ping me or email me if you want to sign up for the beta or if you have any feedback - good or bad!
Home screen with the secondary adaptive hotseat
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Thing AppDrawer, sorting apps alphabetically
Thing AppDrawer, categorizing your apps as they are categorized in Google Play
Thing AppDrawer, categorizing your games as they are categorized in Google Play
Search - app name and/or category
Create Agent [in alpha stage]
Looking forward to hear what you think. Thanks!
/William
Hi all,
As a small, small token of my appreciation, here's a THING wallpaper for you to enjoy. 1080x1920 PNG.
Check out thing.se and sign up for the beta if you haven't already! We'd love your feedback. Thanks again!
/William
Hi all,
As a small Thank you to the community, here's a zip with some Thing wallpapers! Ping me if you have any requests Thanks a lot to everybody who has signed up!
https://thing.se/wallpaper/thing-wallpapers-20160103.zip
Click to expand...
Click to collapse

Create Live Messages (Galaxy Note 8 feature) with the Samsung Galaxy Tab S3 T820/T825

Actually the Feature was for the Galaxy S8 (+).
Thanks and Credit the Developer:
Sir mweinbach Senior Member.
Original Thread:
https://forum.xda-developers.com/galaxy-s8/how-to/how-to-install-live-drawings-note8-root-t3668023
First you start the download of the 3 Apks, from the following links.
Samsung Keyboard Apk:
https://www.apkmirror.com/apk/samsu...sung-keyboard-2-1-02-42-android-apk-download/
Samsung Live Messages Apk:
https://www.apkmirror.com/apk/samsu...ung-live-message-1-2-11-android-apk-download/
Samsung Messages Apk:
https://www.apkmirror.com/apk/samsu...sung-messages-4-3-03-21-android-apk-download/
Now you go in the Settings on Device Security and activate the Safe Start. Forgive a Pin and restart the Tablet. If you have already activated Safe Start, disable it and reboot the Tablet.
As strange as that may sound.
After the Reboot you will install the
3 Apks.
Now you go to the Search Bar in an App of your choice and when you open the Keyboard you can already see the Heart Shaped sign of the Live Message, to the left of the Space Bar.
See Screenshot.
Creating a Live Message works in any App that has a Search Bar. Simply tap the magnifying Glass Icon and then select the Live Message Icon on the Keyboard.
Create a Live Message, then click Done.
Wait for 100% loading.
Then use Send, select the Messenger or any other App offered in the Menu that appears, with which you want to share the Live Message.
Or Select the Contact you want to send a Live Message to.
It is not currently possible to send a Live Message with a Messenger directly from the Message Field of a Contact.
It already works with a Messenger, but only through the Search Bar.
So the Live Message has to be created in the Search Bar. (Messenger)
If someone has an Account like here in XDA,Android Help, Android Pit etc.
Can in the "Quick Reply" Section, where someone for a Topic Post or a If you want to create an Answer, also create a Live Message.
Thanks to the developer mweinbach (XDA).
This one gave me the Idea. To create this Guide.
So I experimented a bit and that's how this Guide came about.
Mega Download Link (Live Messages Zip File):
https://mega.nz/#!CtNQ2aTB!8KDE0FkYVNilrrIcg0UW_Q26R5VjQRb7oWlGgkcAoIg
Mega Download Link (Folder with the 3 Apks for Live Messages):
https://mega.nz/#F!f5dBTBJT!2YqOfTIUthw2B668TN9wgw
Have Fun
Greetings
84Odin
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Sent from my SM-G950F using XDA-Developers Legacy app
gooooood!thanks you very mach.

Categories

Resources