GameQuery Makes Javascript Game Development Easier

10 Mar 2010

gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. gameQuery has the following features: multi layer-sprite animations, sprite hierarchies, collision detection, swappable sound support, periodic callbacks and keyboard state polling.

Javascript games are still in their infancy but but there is many reason why they are more than a curiosity: Modern borwser provide very good javascript engine and impovement keeps comming. Then to develope javascript games you don’t need an expensive proprietray IDE, widly available, free, open source software are there wating for you! Sometimes Flash is not available in some platform, even very recent ones (Wii, iPhone …).

Requirements: jQuery Framework
Demo: http://gamequery.onaluf.org/demos.php
License: MIT License

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Go to Source

Tags: free open source, free open source software, interface toolkit, javascript games, javascript image, open source application, open source projects, open source software, royalty free pictures

7 Responses to GameQuery Makes Javascript Game Development Easier

my7h

March 18th, 2010 at 3:34 pm

There are tons of open source projects out there. Stuff like Linux, Apache are really popular. You can check out sourceforge.net and freshmeat.net for projects.

I just have one issue. Aren't you supposed to be displaying projects that you have made, and which are open source. If it is an exhibition where you are just displaying various projects that are there already, the above approach will work. Else, it is time to put your head down and start coding. May the source be with you..

Lady In Red

March 20th, 2010 at 3:50 am

Well it depends on what you want to accomplish as to what is better…

Inkscape is a graphical editor for Scalable Vector Graphic (SVG) files. It's freely available as Open Source, and is known as a stable, powerful, and highly usable vector drawing application.

Gimpshop is a Gimp modification that features menu layouts, dialogs and naming conventions similar to those found in Adobe Photoshop.

Adobe Illustrator software gives you new creative freedom that lets you realize your ideas quickly and powerfully. Instantly convert bitmaps to vector artwork and paint more intuitively.

There are different flavors of some of these programs, but since I do not know what your goals are, I am listing an example of all three that I have used for three very different projects.

I like them all and have not found fault with any of them

Blunt

March 22nd, 2010 at 11:24 am

Go to the Microsoft Clip Art gallery, it's free! They have stock photographs for free. Make sure that you browse for photograps so you don't get other results.

Do not go tho the sponsored companies, go to the Microsoft free ones. This is how to do it:

1-Where is says "Clip Art" type what you want to search for
2-Goes to another screen
3- On the left hand side of the screen, go to "Filter by type" and then select "photographs"

Download for free and enjoy!!

Here is the link:

http://office.microsoft.com/en-us/clipart/default.aspx

Jeff E

March 25th, 2010 at 12:27 am

Here is a script that will fit your needs. (You should toss that other one out)
Note there are two arrays, one for the pics and one for your links. They will be chosen randomly when the body loads if you use the onload event in the body tag like below. Both the number of the pic selected and the number of the link selected will be the same so if it uses pic[2] it will use links[2]. Also, in this example a default image with an id="randImg" (Must have this!) is placed in the body by you, and the script will alter the img's src= value. Also the image is wrapped in <a></a> tags which has an id="randLink" (Must have!) in it and an onclick event in it which will open the link in a new window using the links own href= value which also will have been changed by the script.
Doing it this way is also better because a default image and default link are already placed in the body and then altered by the script. This way if someone does not have javascript enabled at least an image with a link will already be there. If you have any questions on this, e-mail me through my profile.

<!DOCTYPE -be sure to use one of these!
<html>
<head>
<title></title>
<script type="text/javascript">
function randImgLinks()
{
var pic = new Array();
pic[0] = "pic1.jpg";
pic[1] = "images/pic2.jpg";
pic[2] = "folder2/pic3.jpg";
pic[3] = "pic4.jpg";

var links = new Array();
links[0] = "page1.html";
links[1] = "page2.html";
links[2] = "page3.html";
links[3] =

random = Math.floor(Math.random() * pic.length);
document.getElementById ('randImg').src = pic[random];
document.getElementById ('randLink').href = links[random];
/***Note in the 2 lines above I left a space before the first ( -just so yahoo would not drop the code, should take that space out***/
}

function popITup(url)
{
window.open(url,"_blank","toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, copyhistory=yes, width=760, height=500");
}
</script>
</head>
<body onload="randImgLinks()">
<div>
<a href="page1.html" id="randLink" onclick="popITup(this.href); return false;">
<img src="pic1.jpg" alt="picture" width="700" height="200" id="randImg" /></a>
</div>
</body>
</html>

sesquipedalian

April 30th, 2010 at 8:40 am

Check out PBooks:

You can download it here:

Note that this is a .TGZ file, and you will need to extract it using appropriate software.You can unzip it using IZArc (which is freeware):

http://www.izarc.org/index.html

Programming Blog

GameQuery Makes Javascript Game Development Easier

Related Posts

Sponsors

7 Responses to GameQuery Makes Javascript Game Development Easier

Comment Form

About this blog