This forum is read only and just serves as an archive. If you have any questions, please post them on

1 decade ago by vvoyer

Hello, I'm stuck at a simple task :

I just want to show a big background (no tile, jsute the 384*240, my screen size, background).

When doing :
var background = new ig.Image('media/levels/1.png');

I end up with entities not visible ("zindex" problem, they are behind the image), how can I change an image's z-index ?

I think it would be strange to create a new specific entity but this is perhaps the best option


1 decade ago by Hareesun

I've never had to use it, but it's in the Docs :)

Z-Index Docs

1 decade ago by vvoyer

Yes but this is only for an entity, I just wanted to use an image, not create a whole entity.

This works with an entity btw I tested, I know have an "BgLevel" entity, not the best option I think

1 decade ago by MikeL

I haven't tried this yet, but it seems that in theory it would work:
(borrowing from some of the documentation)

MyGame = ig.Game.extend({
    // This image will be loaded by the preloader. It is created
    // as soon as the script is executed
    titleImage: new ig.Image( 'media/title.png' ),
    init: function() {
    draw: function() {
        // Draw the titleImage(background Image) first.
        // Draw all entities and backgroundMaps


The keys here are that:
1. The titleImage image is loaded by the preloader as soon as the script is executed.
2. The image is then drawn before all other entities and background maps.

When I get a chance I'll try to see if this works.

1 decade ago by Youdaman

Quote from dominic -- see here
The problem is, that when you call this.parent() in your Game's draw() method, it clears the screen.

The trick is to call draw() for each entity separately instead of calling this.parent():
draw: function(){
	this.titleImage.draw( 0, 0 );
	for( var i = 0; i < this.entities.length; i++ ) {

That said, you might be better off making your background an entity itself or perhaps using a BackgroundMap instead.
Page 1 of 1
« first « previous next › last »