Strange things with TilingSprite

[trsh]

var renderer = PIXI.autoDetectRenderer(800, 600, { antialias: false });
document.body.appendChild(renderer.view);

// create the root of the scene graph
var stage = new PIXI.Container();

var grid = new PIXI.Graphics();

  grid.lineStyle(1, 0xffffff, 1);

  grid.moveTo(0,10);
  grid.lineTo(20,10);

  grid.moveTo(10,0);
  grid.lineTo(10,20);

//grid.cacheAsBitmap = true;

  stage.addChild(grid);

  var tilingSprite = new PIXI.extras.TilingSprite(grid.generateTexture(2), 800, 600);
    
//tilingSprite.cacheAsBitmap = true;

  tilingSprite.x = 0;
  tilingSprite.y = 0;

  stage.addChild(tilingSprite);

animate();

function animate() {

    renderer.render(stage);
    requestAnimationFrame( animate );
}

Drop this into https://pixijs.github.io/examples/. 

1) How can I eliminate spaces between tiles?

2) Is there some forced antialias? The tiled texture gets blurry and displaced

Help, plizz. I tested with both dev4 and 3.0.11

[trsh]

Really, nobady?

[Fatalist]

Interesting... looks like a bug. Anyway, drawRect works correctly, you can use that instead of lineTo:

  grid.beginFill(0xFFFFFF, 1); 
  grid.drawRect(0, 10, 20, 1);
  grid.endFill();

  grid.beginFill(0xFFFFFF, 1);
  grid.drawRect(10, 0, 1, 20);
  grid.endFill();

 

[ivan.popelyshev]

https://github.com/pixijs/pixi.js/issues/2660