Pixi bunny with mouse offset w/o texture load
HTML
<script src="http://www.sevenative.com/games/multiverse2/App/js/lib/pixi1.6.0.dev.js"></script>
<script src="http://icdn.pro/images/en/r/e/red-ball-icone-4261-96.png"></script>
CSS
margin: 0;
padding: 0;
background-color: #000000;
JavaScript
var stage = new PIXI.Stage(0x66FF99);
var renderer = PIXI.autoDetectRenderer(
400,
300,
null,
true,
true
);
var rect = new PIXI.Graphics();
rect.beginFill(0x006400);
rect.drawRect(0, 0, 100, 100);
rect.endFill();
var sprite = new PIXI.Sprite(rect.generateTexture());
var blur_filter = new PIXI.BlurFilter();
blur_filter.blur = 10 ;
sprite.filters = [blur_filter];
stage.addChild(sprite);
var render_texture = new PIXI.RenderTexture(
sprite.width * 4
,
sprite.height * 4
);
render_texture.render(sprite);
sprite2 = new PIXI.Sprite(render_texture);
sprite2.position.x = 150;
sprite2.position.y = 150;
stage.addChild(sprite2);
function animate() {
requestAnimFrame(animate);
renderer.render(stage);
}
document.body.appendChild(renderer.view);
requestAnimFrame(animate);