Support - gameQuery's community

How can I prevent the game from restarting to allow for high score posting?

DougS — Tue, 21 Oct 2023 07:28:30 +0000

I've repurposed much of the tutorial code for another game and I've run into an issue when the game is over. There is a long "append" statement that occurs at the end of the game. I wanted to add another option for users to post a high score. Unfortunately, one of two undesirable outcomes happen.

1. The "post" code runs before users can input their name
2. The game resets when a user clicks the "post" button even though they haven't clicked "restart game" It seems as though the game restart is triggered on ANY click even when I comment out the "$("#restartbutton").click(restartgame);" line

I would like to have two click event options as follows:

$("#postscorebutton").click(PostHighScore(encodeURIComponent(document.getElementById("highscoreuser").value), newscore));
$("#restartbutton").click(restartgame);

getting started with gameQuery

pedrojovelli — Fri, 15 Aug 2023 19:24:25 +0000

Hi everyone !

I got really interested to use the gameQuery.
I'm a webdesigner. I don't have much knowledge about programming, but I've been working with AS3 at the Flash times... I would like to understand a bit more about GAMEQUERY.

Is there a place that I can get tutorials and examples to download ?

if not, I really would like to help doing that!

Best

Problem Collision player Jump

webugcl — Thu, 31 Jul 2023 19:12:27 +0000

Hi

I have problem, player collision not detect my code is:

[code]
$.playground()
.addGroup("bg",{posx: 0, posy: 0, width: PLAYGROUND_WIDTH, height: PLAYGROUND_HEIGHT})
.addTilemap('tilemap', map, animations, {width: 25, height: 25, sizex: 20, sizey: 18}).end()
.addGroup("player", {posx: 400, posy: 335, width: MONKEY_WIDTH, height: MONKEY_HEIGHT})
.addSprite('monkeyup', { posx: 72, posy: 0, width: MONKEY_WIDTH, height: MONKEY_HEIGHT})
.addSprite('monkey', {animation: playerAnimation["normal"], posx: 0, posy: 0, width: MONKEY_WIDTH, height: MONKEY_HEIGHT})

$.playground().registerCallback(function(){

if(jQuery.gameQuery.keyTracker[87] && ACTIVE_JUMP == 0){ //this is left! (a)
ACTIVE_JUMP = 1;
}

if(ACTIVE_JUMP==1 && ((inicialY-altosalto) < $("#player").y()) ){
saltoY = $("#player").y()-5*gravedad;
$("#player").y(saltoY);
} else if(ACTIVE_JUMP==1 || ACTIVE_JUMP==2){
ACTIVE_JUMP=2;
saltoY = $("#player").y()+5*gravedad;
$("#player").y(saltoY);
}

$("#player").collision("#tilemap .gQ_tile").each(function(){
console.log(1);
// do something with the id
});

}, REFRESH_RATE);

[/code]

Problem with step 1, tutorial 1: Code cannot run

armylovehere — Sun, 06 Jul 2023 19:00:01 +0000

Hi everyone,

I'm trying to follow the instructionn in step 1: http://gamequeryjs.com/documentation/first-tutorial/first-tutorial-step-1/
(I'm copying the code to be exact. I want to make it run first and then go through the code and try to understand what it's doing).

Here's my html file: http://paste.ubuntu.com/7727632/
My engine.js file: http://paste.ubuntu.com/7727627/

However, when I click on "Click here to show the demo", nothing happen. Also, when I go to http://gamequeryjs.com/demos/3/background1.png, it just shows a blank white page??? Can anyone help me?

Book jQuery Game Development Essentials

AlexPorfirio — Sat, 03 Aug 2023 05:08:08 +0000

Someone has the file create_tables.sql of the book jQuery Game Development Essentials, author Selim Arsever? In the download package of the book is missing this file. Thank you!

Delta calculation

brim — Mon, 16 Dec 2023 14:19:49 +0000

Hi,

I don't know enough about delta calculation to know what this is from the explanation in the documentation.
http://gamequeryjs.com/documentation/api/#Animation

delta: the width of height (depending on the type) of one frame

The width of height sounds like a typo to me, maybe I'm just that clueless :-)

Mouse collision with tile

alexcroox — Thu, 12 Dec 2023 12:41:40 +0000

I'm building a mouse based game where you must navigate through tunnels without touching the side. I chose gameQuery because I wanted an easy way to generate maps, and to handle collisions with those tiles.

I can't seem to work out how to detect a collision between the mouse and tiles using the engine. I've tried:

$.gQ.mouseTracker.collision('.gQ_tileType_0').each(function() {

but that just throws an error.

At the moment I've fallen back to doing this:

$('.gQ_tileType_0').live("mouseenter",function() {

but I'd love to know how to do it properly.

looping sound bug

mmelon — Mon, 02 Dec 2023 01:20:20 +0000

Hi,

Using gameQuery rev. 0.7.0 and SoundManager 2 V2.97a.20121104.

I am instantiating a sound and asking it to loop

player.engineSound = new $.gQ.SoundWrapper("sounds/engine.mp3", true);

then

$('#player').addSound(player.engineSound).playSound();

does cause the sound to play and loop/repeat ONCE before stopping.

I can log out the loop logic in soundwrapper.soundmanager2.js

// plays the sound if this.ready == true
this.play = function(){
if(loop){
this.sound.play({
onfinish: function() {
this.play();
alert('attempting a loop');
}
});
} else {
this.sound.play();

}
};

and as I have said, it will alert the message once, repeat, then never trigger the onfinish method again.

Is this a known bug or am I doing something wrong?

Kind regards,
Mike

Detecting collision() while using jQuery's Animate() method

blackhawx — Sun, 24 Nov 2023 06:54:08 +0000

Hi Selim,

I'm currently using the following code to move a sprite item across the screen....

$("#player").animate({'left':50px},800,'easingplugin');

How can I make gameQuery's collision detection work for my #player item, using animate()?

At the moment, it doesn't work when my player collides with other sprites in the playground.

Thanks for any advice!

scratch and see through effect

blackhawx — Thu, 14 Nov 2023 07:50:52 +0000

Selim,
I'm coming out with a holiday card animation card that involves an elf scratching off a board and revealing a coupon while he scratches it. Do you have any examples of something to that effect?

Thanks!

Looking for any examples of a fluid playground width for responsive gaming

blackhawx — Tue, 22 Oct 2023 05:22:59 +0000

I'm looking for any kind of gameQuery examples, API, tutorials on building a fluid playground width(), so that the playground can be 100% width of it's parent container. This will help me build a responsive gaming platform for mobile purposes. Is there anything out there that will show us this or provide instructions?

Thanks

Collision Placement and Performance...

sdvermillion — Fri, 20 Sep 2023 17:12:47 +0000

I am having some issues with collision detection. It is inconsistent with detection (see code). I check for collision at two different places yet .collision() only detects a collision inside my keyTracker if statement such that "collided there" is printed to the console.

The filter is correct as collision is detected at at least one place but when I change it's location in the code, performance suffers. What am I missing here?

$.playground().registerCallback( function() {
    if( $( '#player' ).collision( '.' + $.gameQuery.tilemapCssClass + ', .solid' ).length > 0 ) {
        console.log("collided here");
    }
    if( jQuery.gameQuery.keyTracker[65] ) {
        var nextpos = $( "#player" ).x() - 5;
        if( nextpos > 0 ){
            $( '#player' ).x( nextpos );
            if( $( '#player' ).collision( '.' + $.gameQuery.tilemapCssClass + ', .solid' ).length > 0 ) {
                console.log( "collided there" ).length);
                $( '#player' ).x( nextpos + 5 );
            }
        }
    }
    //...
}, 50);

getAnimation?

NePo — Tue, 17 Sep 2023 08:22:57 +0000

there is a function 'setAnimation' but sometime before setting new animation would be nice to check what animation you already have eg.
if(getAnimation=='someAnimation')
setAnimation('one');
else setAnimation('two');

What do you think?

Sprites temporarily invisible

404bennotfound — Sun, 08 Sep 2023 09:52:56 +0000

http://jsfiddle.net/XgHvD/

Start the game, then click a few times. The function that spawns the cards is on line 44.

As you can see here, whenever a sprite is created during runtime, it is invisible for about a second. Yet the missiles in the tutorial do not suffer from this problem. What are we missing?

I managed to improve it a bit from what it shown here by moving the spawning from the click event into the main loop, using the event to set a flag instead of spawning directly. But it's still painfully delayed, and all the other graphics that we add dynamically have the same problem. What's up?

Pixel collision?

l3ecool — Sat, 17 Aug 2023 21:23:06 +0000

Is it possible to implement per pixel collision detection in javascript/Jquery?

animation slower the longer game is played

phow4806 — Sat, 17 Aug 2023 20:41:03 +0000

Hi,
I have made my first game based mainly on the tutorial and ThunderFight20xx. Everything works pretty well, but it I am finding after playing for about 2 minutes that the animations start to freeze and stick on the screen.

My script is http://www.dancingintheair.com/website/js/xwinggame.js

and then game can be accessed from this page http://www.dancingintheair.com/website/pages/xwing.html

it is all part of a uni assignment I am completing in designing and interactive site and the game has become one of my main interactive features.

I have played the game on Firefox and Safari where it runs well for 2 minutes and then the above problem occurs, testing on IE 9 & 10 and Google Chrome the problem almost starts immediately.

Any thoughts and suggestions would be greatly appreciated.

Need help with simple questions...

kenny11 — Sun, 28 Jul 2023 16:45:11 +0000

Hello,
first i`m sorry for these simple questions but it`ll help me...
My first question is how to do simple move WASD. I tryed to understand it in this tutorial but I`m don`t understand it. http://gamequeryjs.com/documentation/first-tutorial/
My second question is how to collide player with map layers like in this image http://opengameart.org/sites/default/files/archive/tiled-qt-screenshot-3.png

Thanks alot for answers..
Hello from Czech Republic, Kenny

transition an empty div element behind main game characters

blackhawx — Tue, 13 Aug 2023 05:35:15 +0000

Hi Selim,
I know that we can transition a sprite, which usually picks up its identity from an image file, onto the screen as a playground object. But is it possible to either set a group or a sprite as an empty div block, and then transition that div block from left to right across the screen?

The reason being is that I am testing out background image performances. If I could transition a < div> element that has a width & height of 700px pixels, and set a class on that div block that loads a background image, then I could see if that will be a smoother performance during my game.

At the moment, when I try to add an animating background sprite image to my code, it makes the entire game slow down dramatically. And the file is only 7kb. I'm telling the sprite to transition within a registry call back function as you have in your demos.

Looking for ideas

Thanks!
bh

Wrong POSY for sprite...

DennMonn — Thu, 13 Jun 2023 14:47:28 +0000

Hi.
I just added one sprite to background (one blue image on black BG) and it is not set at the top of the playground! It is moved by 15px down! I tried to add posy:0 - the same bug. When I added posy:-15 - it was at the right place!
Why ? You can see it here: http://www.avizinfo.md/gametest/as001/

Thanks.

gameQuery Platformer Collision

eddiebees — Wed, 24 Apr 2024 08:42:35 +0000

We suck. We have no clue how to make a platformer. We have set up the tilemap and sprites, but can't figure out how to do collision detection to keep the character from moving through the tiles. Any help would be appreciated. One of us has prior experience with C++ and their own engine, but that doesn't translate very well into Javascript and gameQuery.

Our current code is here: (see full resources below)

Trouble with collision

monkeyavalanche — Thu, 18 Jul 2023 03:43:26 +0000

Hi,

I have read and tried what was written on other threads about collision I but still can't get collision to work right. Do I need to place the .collision() inside the .registerCallback()? That's the only way I get collision with my player sprite and tilemaps, but only once, when my player sprite moves away It doesn't detec collision anymore.

(Possible) problem encountered while scrolling imported tilemaps by using xy() function provided

Neonmori — Mon, 01 Jul 2023 11:23:10 +0000

Hi all, I am using gQ to develop an light RPG engine now, but currently I've possibly encountered some problems: firstly i used importTilemaps() function in 0.7.1 to add a map bigger than playground, say playground.width=320, height=240 and map.width=640, height=480, then I use xy(-64, -64, false) to set some initial position which fails with the prompt in console as "animationNumber" being not defined. After some trace in code, i found that the new tiles cannot be added to the tilemap layer created.

In a word, the imported tilemaps cannot be moved with negative coordinates when it's size is larger than the playground.

So, is this a real issue in gQ or a flaw of my idea?

How can i create various playgrounds in same html page

Borja — Thu, 13 Jun 2023 05:08:53 +0000

I tried to create a playground2 but all groups goes to playground1. Thanks.

Some noob questions...

pixeldublu — Sun, 02 Dec 2023 11:11:02 +0000

Can someone help me out on how i can make an x animation gradually incrase or decrase speed

My Game is getting slow in Chrome

dievez — Sat, 18 May 2024 08:54:03 +0000

In firefox and IE it works great but in Chrome its very slow, pls help me

fliph()

NePo — Thu, 14 Feb 2024 05:12:43 +0000

There is no example for fliph() function, so I had to find how it works by making a lot of mistakes and ended up with code like this:
.addSprite(name2,{animation: car, posx: carx, posy: cary, width: carw, height: carh}).fliph(true);
But it does not work as expected.

What I expected: flip image/mirror image horizontally

What really happened: It not only flips image but all logic too. Left side is not zero any more and if you want to move from left to right you need to decrease x instead of increasing it.

I want to let user to move object left and right and use the same animation, so its sounds logical just flip the same image instead of drawing new one...
Is there a solution for this?

prevent scroll page with arrow keys

Borja — Fri, 10 May 2024 05:07:28 +0000

I'm trying to show the game inside a lightbox. The problem is when pressed arrow keys to play the game, the parent page scrolls up and down. How can i block this event?
I tested this code:

document.onkeydown = function(evt) {
evt = evt || window.event;
var keyCode = evt.keyCode;
if (keyCode >= 37 && keyCode <= 40) {
evt.preventDefault();
return false;
}
};

Works in firefox and IE but not in chrome.

How can i make a ranking page

Borja — Mon, 06 May 2024 03:45:57 +0000

With a player name and best results. Ideas?

Thanks.

can't shoot and move at same time

Borja — Fri, 03 May 2024 04:25:22 +0000

I'm following tutorial 1 with some changes.
When moving, the shot key does not work.
when pressed shoot key the player is shooting continuously and if i press an arrow key to move, the player stop shooting and moves.