Pixi bunny with mouse offset w/o texture load
HTML
<script src="http://www.goodboydigital.com/pixijs/examples/snake/pixi.dev.js"></script>
CSS
margin: 0;
padding: 0;
background-color: #000000;
JavaScript
var stage = new PIXI.Stage(0x66FF99);
var renderer = PIXI.autoDetectRenderer(400, 300);
var rect = new PIXI.Graphics()
rect.beginFill(0x006400);
rect.drawRect(0, 0, 100, 100);
rect.endFill();
var texture = rect.generateTexture();
var sprite = new PIXI.Sprite(texture);
var blur_filter = new PIXI.BlurFilter();
blur_filter.blur = 20;
sprite.filters = [blur_filter];
var render_texture = new PIXI.RenderTexture(500, 500);
render_texture.render(sprite);
// comment and uncomment for see difference blur power
sprite = new PIXI.Sprite(render_texture);
sprite.position.x = 100;
sprite.position.y = 100;
stage.addChild(sprite);
function animate() {
requestAnimFrame(animate);
renderer.render(stage);
}
document.body.appendChild(renderer.view);
requestAnimFrame(animate);