lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-18 18:27:58 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Added ripple filter.

Browse Source
This commit is contained in:
ippo615
2014-01-04 23:21:26 -05:00
parent e57f3802df
commit ff952bf958
4 changed files with 435 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
test/unit/filters/Ripple-test.js Normal file
View File

@@ -0,0 +1,137 @@
suite('Ripple', function() {
// ======================================================
test('basic ripple', 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.cache();
darth.filters([Kinetic.Filters.Ripple]);
darth.rippleSize(10);
assert.equal(darth.rippleSize(), 10);
assert.equal(darth._filterUpToDate, false);
layer.draw();
assert.equal(darth._filterUpToDate, true);
darth.rippleSize(20);
assert.equal(darth.rippleSize(), 20);
assert.equal(darth._filterUpToDate, false);
layer.draw();
assert.equal(darth._filterUpToDate, true);
done();
};
imageObj.src = 'assets/lion.png';
});
// ======================================================
test('tween ripple offset', 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.cache();
darth.filters([Kinetic.Filters.Ripple]);
darth.rippleSize(16);
darth.rippleOffset(0);
layer.draw();
var tween = new Kinetic.Tween({
node: darth,
duration: 2.0,
rippleOffset: 32,
//rippleSize: 64,
easing: Kinetic.Easings.EaseInOut
});
darth.on('mouseover', function() {
tween.play();
});
darth.on('mouseout', function() {
tween.reverse();
});
done();
};
imageObj.src = 'assets/lion.png';
});
// ======================================================
test('tween ripple size', 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.cache();
darth.filters([Kinetic.Filters.Ripple]);
darth.rippleSize(16);
darth.rippleOffset(0);
layer.draw();
var tween = new Kinetic.Tween({
node: darth,
duration: 2.0,
rippleSize: 64,
easing: Kinetic.Easings.EaseInOut
});
darth.on('mouseover', function() {
tween.play();
});
darth.on('mouseout', function() {
tween.reverse();
});
done();
};
imageObj.src = 'assets/lion.png';
});
});