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

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

Easy menu with Css and Javascript

Save the code with name SpryMenuBar.js

var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};

// SpryMenuBar.js – version 0.12 – Spry Pre-Release 1.6.1
// Copyright  (c)  2006.  Adobe Systems Incorporated.

Spry.BrowserSniff = function()
{
var b = navigator.appName.toString();
var up = navigator.platform.toString();
var ua = navigator.userAgent.toString(); Continue reading

Welcome to my blog

Let me introduce my self, my name is Ignatius David Markal, I live in Yogyakarta, Indonesian. If you ever in Yogyakarta, you must agree with me about my place. Yogyakarta is wonderfull city in Indonesia, Why? You must come here.