basic demo

Author: mfbx9da4

SeamCarver.js

@@ -21,6 +21,7 @@ class SeamCarver {
         var buffer = new ArrayBuffer(2 * this.width * this.height);
         this.picture = new Uint16Array(buffer);
         this.context = canvas.getContext("2d");
+        console.log('got context');
         for (var y = 0; y < this.height; y ++) {
             for (var x = 0; x < this.width; x ++) {
                 var color = this.context.getImageData(x, y, 1, 1).data;
@@ -29,6 +30,8 @@ class SeamCarver {
             }
         }
 
+        console.log('got rgb of picture');
+
         // Simple implementation of energy matrix as array of arrays.
         // Because we need to remove items, when removing the seam,
         // maybe some sort of linked structure is more efficient.
@@ -37,7 +40,11 @@ class SeamCarver {
             this.energy_matrix[i] = new Array(this.height);
         }
 
+        console.log('init energy matrix');
+
         this.createEnergyMatrix();
+
+        console.log('created energy matrix');
     }
 
     /**

convertImageToCanvas.js

@@ -1,7 +1,6 @@
 var Canvas = require('canvas');
 
 module.exports = function convertImageToCanvas(image) {
-    // var canvas = document.createElement("canvas");
     var canvas = new Canvas(image.width, image.height);
     canvas.getContext("2d").drawImage(image, 0, 0);
     return canvas;

gulpfile.js

@@ -1,6 +1,17 @@
 var gulp = require('gulp');
 var mocha = require('gulp-mocha');
 var gutil = require('gulp-util');
+var browserify = require('browserify');
+var source = require('vinyl-source-stream');
+
+gulp.task('browserify', function() {
+    return browserify('./demo/javascript/src/demo.js')
+        .bundle()
+        //Pass desired output filename to vinyl-source-stream
+        .pipe(source('demo.js'))
+        // Start piping stream to tasks!
+        .pipe(gulp.dest('./demo/javascript/build/'));
+});
 
 gulp.task('test', function() {
     return gulp.src('test.js', {read: false})
@@ -9,5 +20,5 @@ gulp.task('test', function() {
 });
 
 gulp.task('default', function() {
-    gulp.watch(['./**/*.js'], ['test']);
+    gulp.watch(['./**/*.js'], ['browserify', 'test']);
 });

package.json

@@ -10,8 +10,10 @@
     "gulp-mocha": "^2.2.0"
   },
   "devDependencies": {
+    "browserify": "^13.0.1",
     "chai": "^3.5.0",
-    "gulp-util": "^3.0.7"
+    "gulp-util": "^3.0.7",
+    "vinyl-source-stream": "^1.1.0"
   },
   "scripts": {
     "testOnce": "gulp test",

test.js

@@ -75,6 +75,7 @@ describe('SeamCarver', function () {
             assert.equal(sm.energy_matrix.length, 6);
             assert.equal(sm.energy_matrix[0].length, 5);
             var vseam = [3, 4, 3, 2, 1];
+            sm.printMatrix('energy');
             sm.removeVerticalSeam(vseam);
             sm.printMatrix('energy');
             assert.equal(sm.energy_matrix.length, 5, 'did not remove one col');