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

updated .gitignore and added more performance tests around image cropping and scaling in order to understand the value of a SpriteSheet plugin

Browse Source
This commit is contained in:
Eric Rowell
2012-12-09 20:13:17 -08:00
parent 291583148b
commit 9b7f0ea8ff
2 changed files with 65 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -1,6 +1,7 @@
jsdoc-toolkit jsdoc-toolkit
dist dist
tests/js/unitTests.js tests/js/unitTests.js
analysis
# Numerous always-ignore extensions # Numerous always-ignore extensions
*.diff *.diff

66
tests/js/performanceTests.js
View File

@@ -1,5 +1,5 @@
Test.Modules.PERFORMANCE = { Test.Modules.PERFORMANCE = {
'*draw 1000 cropped images': function(containerId) { 'draw 1000 cropped and scaled images': function(containerId) {
var imageObj = new Image(); var imageObj = new Image();
imageObj.onload = function() { imageObj.onload = function() {
var stage = new Kinetic.Stage({ var stage = new Kinetic.Stage({
@@ -25,13 +25,75 @@ Test.Modules.PERFORMANCE = {
layer.add(darth); layer.add(darth);
} }
stage.add(layer);
endTimer('draw 1000 cropped and scaled images');
};
imageObj.src = '../assets/darth-vader.jpg';
},
'draw 1000 cropped images': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
startTimer();
for(var n = 0; n < 1000; n++) {
var darth = new Kinetic.Image({
x: 200,
y: 75,
image: imageObj,
width: 53,
height: 37,
crop: [186, 211, 292 - 186, 285 - 211],
draggable: true
});
layer.add(darth);
}
stage.add(layer); stage.add(layer);
endTimer('draw 1000 cropped images'); endTimer('draw 1000 cropped images');
}; };
imageObj.src = '../assets/darth-vader.jpg'; imageObj.src = '../assets/darth-vader.jpg';
}, },
'*draw 1000 pre-processed cropped images': function(containerId) { 'draw 1000 scaled images': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
startTimer();
for(var n = 0; n < 1000; n++) {
var darth = new Kinetic.Image({
x: 200,
y: 75,
image: imageObj,
width: 107,
height: 75,
draggable: true,
scale: 0.5
});
layer.add(darth);
}
stage.add(layer);
endTimer('draw 1000 scaled images');
};
imageObj.src = '../assets/darth-vader.jpg';
},
'*draw 1000 pre-processed cropped and scaled images': function(containerId) {
var imageObj = new Image(); var imageObj = new Image();
imageObj.onload = function() { imageObj.onload = function() {
var stage = new Kinetic.Stage({ var stage = new Kinetic.Stage({