Display object container to an image/sprite

Recommended Posts



I have a PIXI.DisplayObjectContainer() in my game that I use for maps. It is filled with tiles that the player walks on!


Is it possible to transform the DisplayoObjectContainer to a sprite ???


as a one image instead of drawing them all over again. All i need is a simpe sprite to move around the playable area.





container = new PIXI.DisplayObjectContainer();


and than to a PIXI.sprite or any other form of image???

Share this post

Link to post
Share on other sites

It works!


But for some reason the sprite is cut into a small tiny element!


Any ideas why is this happening? Previously the tileset generated was full and big, now it is small... =;                        var ll = 0, rr = 0;                var r = 0;                                var myContainer = new PIXI.DisplayObjectContainer();                                                    for(var row in{                    var c = 0;                    for(var col in[row]){                        var tileTexture = new PIXI.Texture.fromImage('assets/images/world/map/'[row][col]+'.png');                        var tile = new PIXI.Sprite(tileTexture);                        tile.position.x = c*64 + ll;                        tile.position.y = r*64 + rr;                        var da = String(r) + String(c);                        _world.entities[da] = tile;                        myContainer.addChild(tile);                        c++;                    }                                        r++;                }                                var texture = new PIXI.RenderTexture();                texture.render(myContainer);                var background = new PIXI.Sprite(texture);                _camera[data.sector].addChild(background);            map =;

This is how the map looked and looks right now..





Share this post

Link to post
Share on other sites

umm... DisplayObject.generateTexture returns a RenderTexture instance that used the DisplayObject instance and boundbox property to generate the PIXI.Texture base of the PIXI.RenderTexture instance. That is, PIXI.RenderTexture inherits PIXI.Texture.. and essentially creates the baseTexture of itself using a referenced DisplayObject instance.

So there is really no difference between the two.

On top of that... it really doesn't have anything to do with Sprites. It's really all about the DisplayObjectContainer..

Sprites inherit DisplayObjectContainer, which in turn inherit DisplayObject. 

DisplayObjectContainer overloads both DisplayObject methods: _renderWebGL and _renderCanvas. which are essentially stubs for js hinting (as stated in the dev.pixi.js file).. they have no actual functionality, though declared in DisplayObject...

Those methods are called by CanvasRender.renderDisplayObject or WebGLRender.renderDisplayObject, respectfully, depending on which is being used.. a runtime factor... that why you see this.renderer.renderDisplayObject in the RenderTexture.render method.. renderer is assigned the rendering instance at runtime..

thus (kind of reiterating here), RenderTexture uses an instance of 'DisplayObject', assumes it has children, and than calls on renderer.renderDisplayObject(WebGLRender.renderDisplayObject|CanvasRender.renderDisplayObject).. which in turn calls on __renderWebGL or _renderCanvas.. 

so It would seem, just about every texture parameter is really being passed a RenderTexture instance, and every DisplayObject reference is really assuming the object has children and/or has overloaded the _renderWebGL and _renderCanvas methods.. and is thus assuming it is a DisplayObjectContainer..


Edited by mrBRC

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.