Pixelate is tweenable and works with images.

This commit is contained in:
ippo615
2013-12-01 22:37:17 -05:00
parent 4d16ccfe70
commit 26e7aeeba4
2 changed files with 93 additions and 4 deletions

View File

@@ -64,4 +64,49 @@ suite('Pixelate', function () {
done();
});
// ======================================================
test('tween pixelate', function(done) {
var stage = addStage();
var imageObj = new Image();
imageObj.onload = function() {
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 10,
y: 10,
image: imageObj,
draggable: true
});
layer.add(darth);
stage.add(layer);
darth.setFilter(Kinetic.Filters.Pixelate);
darth.setPixelWidth(16);
darth.setPixelHeight(16);
layer.draw();
var tween = new Kinetic.Tween({
node: darth,
duration: 3.0,
pixelWidth: 1,
pixelHeight: 1,
easing: Kinetic.Easings.EaseInOut
});
darth.on('mouseover', function() {
tween.play();
});
darth.on('mouseout', function() {
tween.reverse();
});
done();
};
imageObj.src = 'assets/lion.png';
});
});