Category Archives: Mobile web

Build a Simple Grid Game Web Base with Artificial Intellegence (AI) in HTML 5 Javascript and Jquery Run in Everywhere – Part 3

Posted on by ignatiusdavidmarkal

Final Project HTML5 JavaScript: Implementation Hierarchical

Pathfinding A Star (HPA*) Algorithm on Grid Game &

Algorithm Simulation for comparing A Star

Algorithm and Hierarchical

Pathfinding A Star

Algorithm

This is the last task of course. Whether it is useful or not, good ending or not, but I’ve tried my best. This is me with myriad my lack.
I only try to learn, for what I live, why I live , why I am happy to learn this all, what is the purpose of my life actually,  anyone can explain it?

Download Project => FindYourLetters.zip

Picture of Game FindYourLetter

2

red color indicates the HPA* is applied to enemies for 5 seconds

Picture of Algorithm Simulation

Continue reading →

Mobile Web Application Collection with PhoneGap for Android

Posted on by ignatiusdavidmarkal

just sharing than not at all

because knowledge should be free

Simple Collection of Mobile Web Task

So far I can only do that can I share, without talk too much, because I am not good at talking. you have to know it.

I only can be channeling my thoughts through writing so much.. … oh no it’s only my problem not your business…

forget it.. >.<

Installing Eclipse ADT Bundle and Connecting Android Device to Eclipse through USB

Posted on by ignatiusdavidmarkal

 

” What You See What I Get “
@_@
What is ADT Bundle?

It includes the essential Android SDK components and a version of the Eclipse IDE with built-in ADT (Android Developer Tools) to streamline your Android app development.

You will get complete tool for Android Developer, such as:

– Eclipse + ADT plugin
– Android SDK Tools
– Android Platform-tools
– The latest Android platform
– The latest Android system image for the emulator

You can download ADT Bundle FREE from developer.android.com

download

if you finished the download, you will get => adt-bundle-<yourPlatform>-<yourArchitecture>.zip Continue reading →

Build a Simple Grid Game Web Base with Artificial Intellegence (AI) in HTML 5 Javascript and Jquery Run in Everywhere – Part 2

Posted on by ignatiusdavidmarkal
Shift the Map Display on Canvas HTML5 and Javascript using Translate Offset & mouse click-move

At this part we will begin make a simple grid game map with html5-JS-Jquery for shift the map display using mouse click and mouse move.Translate map used to large map that the screen can not display all .. .. ..

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no”  />
<title>ShiftMapDisplay</title>
<script type=”text/javascript” src=”js/jquery-1.7.2.min.js” charset=”utf-8″></script>
<link href=”css/jquery.mobile-1.1.0.min.css” rel=”stylesheet” type=”text/css”/>
<link href=”css/jquery.mobile.theme-1.1.0.css” rel=”stylesheet” type=”text/css”/>
<link rel=”stylesheet” href=”style.css” type=”text/css”>
<script src=”script.js” type=”text/javascript”></script>
</head> Continue reading →

Build a Simple Grid Game Web Base with Artificial Intellegence (AI) in HTML 5 Javascript and Jquery Run in Everywhere – Part 1

Posted on by ignatiusdavidmarkal

.

“WRITE ONCE IN BLOG READ ANYWHERE BY INTERNET” 😛 😛 😀

JUST TO LEARN HOW TO MAKE A SIMPLE GAME IN HTML5 JS AND JQUERY

NewBieOnly!

.

Html 5 tag that you must know it :
<!DOCTYPE html>
<html>
<head>
<title>SimpleGridGame</title>
</head>
<body>
<canvas id=”yourcanvasId” width=”480″ height=”640″></canvas>
</body>
</html>
Example of Javascript implementation:
– build 2d array in js for Grid Map
For example we make array with size : 30x10var map1 = [
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0],
[0,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,0],
[0,2,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0],
[0,2,1,2,0,2,0,2,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,0,0,2,1,0],
[0,2,1,2,0,2,0,2,0,0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0],
[0,2,1,2,0,2,0,2,0,0,2,0,0,0,0,2,0,0,0,0,2,0,0,0,0,0,0,2,1,0], Continue reading →

Installing Android SDK Tools

Posted on by ignatiusdavidmarkal

How to install android SDK tools?

the answer:    it’s very simple…:)

I will explain it step by step with SS mode!!!

1. firstly, you must download some application such as 

  1. installer_r16-windows.exe,
  2. sysimg_armv7a-15_r01.zip,
  3. jdk-7u2-windows-i586.exe,
  4. android-15_r02.zip,
  5. platform-tools_r10-windows.zip,

after you have been downloaded its, then

Continue reading →