Tag Archives: javascript

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.. >.<

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 →

BASICS OF HTML 5 JAVASCRIPT CANVAS

Posted on by ignatiusdavidmarkal

TRY To Do IT !!!

index.html code:

<!DOCTYPE HTML>
<html>
<head>
http://script.js
<style>
canvas {
border-width: 1px;
border-style: solid;
}
</style>
</head>
<body>
<center>
<canvas id=”canvasId” width=”640″ height=”480″>
</canvas>
</center>
</body>
</html>

script.js code:

//make a line

window.onload = function(){
var canvas = document.getElementById(“canvasId”);
var ctx= canvas.getContext(“2d”);
ctx.moveTo(10,10);  //x,y is start point
ctx.lineTo(100,20);  //x1,y1 is end point Continue reading →

Using simple AJAX for displaying contents

Posted on by ignatiusdavidmarkal

This below is ajax script for displaying contents.

For example:

There is page.php.

We can put this script between <header>script</header>

<script type=”text/javascript” src=”javascripts/jquery-1.5.min.js”></script>
<script type=”text/javascript”>
<script type=”text/javascript”>
$(function() {
$(‘#menu a’).click(function() {
var url = $(this).attr(‘href’); Continue reading →

Easy menu with Css and Javascript

Posted on by ignatiusdavidmarkal

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 →