canvasrenderer - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

build/canvasrenderer.js

 /**
- * canvasrenderer v0.1.0 build 13.09.2015
+ * canvasrenderer v0.1.1 build Sep 16 2015
  * https://github.com/vanruesc/canvasrenderer
@@ -112,2 +112,5 @@ * Copyright 2015 Raoul van Rueschen, Zlib
 		 *
+		 * This ugly thing will evolve into an
+		 * arrow function some day!
+		 *
 		 * @method render
@@ -180,5 +183,4 @@ */
 	 * This method will be called by the render function
-	 * at a maximum rate of 60 fps. If the framerate drops,
-	 * the animation will, of course, slow down. That's the
-	 * intended behaviour.
+	 * at a maximum rate of x fps where x corresponds to
+	 * the refresh rate of the used monitor.
 	 *
@@ -189,3 +191,3 @@ * @method update
 
-	CanvasRenderer.prototype.update = function(elapsed) {};
+	CanvasRenderer.prototype.update = function() {};
 
@@ -208,32 +210,37 @@ /**
 
-	CanvasRenderer.prototype._render = function(now)
-	{
-	 var elapsed;
+	CanvasRenderer.prototype._render = function(now) {
 
-	 if(now === undefined)
-	 {
-	  now = (window.performance !== undefined) ? window.performance.now() : Date.now();
-	 }
+		var elapsed;
 
-	 if(this.clearCanvas)
-	 {
-	  this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
-	 }
+		if(now === undefined) {
 
-	 this.now = now;
-	 elapsed = this.now - this.then;
-	 this.then = this.now;
+			now = (window.performance !== undefined) ? window.performance.now() : Date.now();
 
-	 if(this.enabled)
-	 {
-	  this.accumulator += elapsed;
+		}
 
-	  if(this.accumulator >= this.dt)
-	  {
-	   this.update(elapsed);
-	   this.accumulator -= this.dt;
-	  }
+		if(this.clearCanvas) {
 
-	  this.draw();
-	 }
+			this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
+
+		}
+
+		this.now = now;
+		elapsed = this.now - this.then;
+		this.then = this.now;
+
+		if(this.enabled) {
+
+			this.accumulator += elapsed;
+
+			if(this.accumulator >= this.dt)  {
+
+				this.update(elapsed);
+				this.accumulator -= this.dt;
+
+			}
+
+			this.draw();
+
+		}
+
 	};
@@ -240,0 +247,0 @@

build/canvasrenderer.min.js

 /**
- * canvasrenderer v0.1.0 build 13.09.2015
+ * canvasrenderer v0.1.1 build Sep 16 2015
  * https://github.com/vanruesc/canvasrenderer
  * Copyright 2015 Raoul van Rueschen, Zlib
  */
-!function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):a.CanvasRenderer=b()}(this,function(){"use strict";function a(a){var b=this;this.dt=1e3/60,this.now=void 0!==window.performance?window.performance.now():Date.now(),this.then=this.now,this.accumulator=0,this.ctx=null,this.canvas=document.createElement("canvas"),this.clearCanvas=!0,this.enabled=!0,void 0!==a&&(void 0!==a.dt&&(this.dt=1e3*a.dt),void 0!==a.canvas&&(this.canvas=a.canvas),void 0!==a.clearCanvas&&(this.clearCanvas=a.clearCanvas),void 0!==a.enabled&&(this.enabled=a.enabled),this.size=a.size),this.render=function(a){b._render(a)}}return Object.defineProperty(a.prototype,"canvas",{get:function(){return this.ctx.canvas},set:function(a){void 0!==a&&void 0!==a.getContext&&(this.ctx=a.getContext("2d"))}}),Object.defineProperty(a.prototype,"size",{get:function(){return[this.ctx.canvas.width,this.ctx.canvas.height]},set:function(a){void 0!==a&&2===a.length&&(this.ctx.canvas.width=a[0],this.ctx.canvas.height=a[1])}}),a.prototype.update=function(a){},a.prototype.draw=function(){},a.prototype._render=function(a){var b;void 0===a&&(a=void 0!==window.performance?window.performance.now():Date.now()),this.clearCanvas&&this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.now=a,b=this.now-this.then,this.then=this.now,this.enabled&&(this.accumulator+=b,this.accumulator>=this.dt&&(this.update(b),this.accumulator-=this.dt),this.draw())},a});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.CanvasRenderer=e()}(this,function(){"use strict";function t(t){var e=this;this.dt=1e3/60,this.now=void 0!==window.performance?window.performance.now():Date.now(),this.then=this.now,this.accumulator=0,this.ctx=null,this.canvas=document.createElement("canvas"),this.clearCanvas=!0,this.enabled=!0,void 0!==t&&(void 0!==t.dt&&(this.dt=1e3*t.dt),void 0!==t.canvas&&(this.canvas=t.canvas),void 0!==t.clearCanvas&&(this.clearCanvas=t.clearCanvas),void 0!==t.enabled&&(this.enabled=t.enabled),this.size=t.size),this.render=function(t){e._render(t)}}return Object.defineProperty(t.prototype,"canvas",{get:function(){return this.ctx.canvas},set:function(t){void 0!==t&&void 0!==t.getContext&&(this.ctx=t.getContext("2d"))}}),Object.defineProperty(t.prototype,"size",{get:function(){return[this.ctx.canvas.width,this.ctx.canvas.height]},set:function(t){void 0!==t&&2===t.length&&(this.ctx.canvas.width=t[0],this.ctx.canvas.height=t[1])}}),t.prototype.update=function(){},t.prototype.draw=function(){},t.prototype._render=function(t){var e;void 0===t&&(t=void 0!==window.performance?window.performance.now():Date.now()),this.clearCanvas&&this.ctx.clearRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height),this.now=t,e=this.now-this.then,this.then=this.now,this.enabled&&(this.accumulator+=e,this.accumulator>=this.dt&&(this.update(e),this.accumulator-=this.dt),this.draw())},t});

docs/data.json

 {
     "project": {
-        "name": "canvasrenderer",
+        "name": "CanvasRenderer API",
         "description": "A base class that provides methods for canvas rendering.",
-        "version": "0.1.0",
+        "version": "0.1.1",
         "url": "https://github.com/vanruesc/canvasrenderer"
@@ -148,3 +148,3 @@ },
             "line": 98,
-            "description": "The animation loop.",
+            "description": "The animation loop.\n\nThis ugly thing will evolve into an\narrow function some day!",
             "itemtype": "method",
@@ -156,3 +156,3 @@ "name": "render",
             "file": "src\\canvasrenderer.js",
-            "line": 108,
+            "line": 111,
             "description": "The canvas.",
@@ -166,3 +166,3 @@ "itemtype": "property",
             "file": "src\\canvasrenderer.js",
-            "line": 131,
+            "line": 134,
             "description": "The size of the canvas.",
@@ -179,4 +179,4 @@ "itemtype": "property",
             "file": "src\\canvasrenderer.js",
-            "line": 164,
-            "description": "Abstract update method.\n\nThis method will be called by the render function\nat a maximum rate of 60 fps. If the framerate drops,\nthe animation will, of course, slow down. That's the\nintended behaviour.",
+            "line": 167,
+            "description": "Abstract update method.\n\nThis method will be called by the render function\nat a maximum rate of x fps where x corresponds to\nthe refresh rate of the used monitor.",
             "itemtype": "method",
@@ -195,3 +195,3 @@ "name": "update",
             "file": "src\\canvasrenderer.js",
-            "line": 178,
+            "line": 180,
             "description": "Abstract draw method.",
@@ -204,3 +204,3 @@ "itemtype": "method",
             "file": "src\\canvasrenderer.js",
-            "line": 186,
+            "line": 188,
             "description": "Renders the animation.",
@@ -207,0 +207,0 @@ "itemtype": "method",

package.json

 {
   "name": "canvasrenderer",
+  "version": "0.1.1",
   "description": "A base class that provides methods for canvas rendering.",
+  "homepage": "https://github.com/vanruesc/canvasrenderer",
+  "main": "build/canvasrenderer",
+  "jsnext:main": "src/canvasrenderer",
+  "license": "Zlib",
+
   "keywords": [
@@ -9,4 +15,3 @@ "canvas",
   ],
-  "version": "0.1.0",
-  "homepage": "https://github.com/vanruesc/canvasrenderer",
+
   "author": {
@@ -16,2 +21,3 @@ "name": "Raoul van Rueschen",
   },
+
   "repository": {
@@ -21,29 +27,38 @@ "type": "git",
   },
+
   "bugs": {
     "url": "https://github.com/vanruesc/canvasrenderer/issues"
   },
-  "license": "Zlib",
-  "main": "build/canvasrenderer",
-  "jsnext:main": "src/canvasrenderer",
+
   "scripts": {
-    "pretest": "rollup -f umd -n \"CanvasRenderer\" -i src/canvasrenderer.js -o build/canvasrenderer.js",
-    "test": "grunt"
+		"yuidoc": "yuidoc src -q -c yuidoc.json",
+		"jshint:banner": "jshint banner.js",
+		"jshint:test": "jshint test",
+		"jshint:lib": "jshint src",
+		"jshint": "npm run jshint:banner && npm run jshint:test && npm run jshint:lib",
+		"prebuild": "npm run jshint",
+		"build": "rollup -f umd -n \"CanvasRenderer\" -i src/canvasrenderer.js -o build/canvasrenderer.js",
+		"postbuild": "npm run uglify",
+		"uglify": "uglifyjs build/canvasrenderer.js -c -m -o build/canvasrenderer.min.js",
+		"mocha": "mocha test",
+		"pretest": "npm run build",
+		"test": "npm run mocha",
+		"posttest": "node banner.js"
   },
+
   "engines": {
-    "node": ">= 0.8.0"
+    "node": ">= 0.10.0"
   },
+
   "dependencies": {},
+
   "devDependencies": {
-    "grunt": "0.x.x",
-    "grunt-banner": "0.x.x",
-    "grunt-browserify": "4.x.x",
-    "grunt-contrib-clean": "0.x.x",
-    "grunt-contrib-jasmine": "0.x.x",
-    "grunt-contrib-jshint": "0.x.x",
-    "grunt-contrib-nodeunit": "0.x.x",
-    "grunt-contrib-uglify": "0.x.x",
-    "grunt-contrib-watch": "0.x.x",
-    "grunt-contrib-yuidoc": "0.x.x",
-    "rollup": "0.x.x"
+		"jshint": "2.x.x",
+		"mocha": "2.x.x",
+		"prepend-file": "1.x.x",
+		"rollup": "0.x.x",
+		"uglify-js": "2.x.x",
+		"yuidocjs": "0.x.x"
   }
+
 }

src/canvasrenderer.js

@@ -101,2 +101,5 @@ /**
 	 *
+	 * This ugly thing will evolve into an
+	 * arrow function some day!
+	 *
 	 * @method render
@@ -169,5 +172,4 @@ */
  * This method will be called by the render function
- * at a maximum rate of 60 fps. If the framerate drops,
- * the animation will, of course, slow down. That's the
- * intended behaviour.
+ * at a maximum rate of x fps where x corresponds to
+ * the refresh rate of the used monitor.
  *
@@ -178,3 +180,3 @@ * @method update
 
-CanvasRenderer.prototype.update = function(elapsed) {};
+CanvasRenderer.prototype.update = function() {};
 
@@ -197,32 +199,37 @@ /**
 
-CanvasRenderer.prototype._render = function(now)
-{
- var elapsed;
+CanvasRenderer.prototype._render = function(now) {
 
- if(now === undefined)
- {
-  now = (window.performance !== undefined) ? window.performance.now() : Date.now();
- }
+	var elapsed;
 
- if(this.clearCanvas)
- {
-  this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
- }
+	if(now === undefined) {
 
- this.now = now;
- elapsed = this.now - this.then;
- this.then = this.now;
+		now = (window.performance !== undefined) ? window.performance.now() : Date.now();
 
- if(this.enabled)
- {
-  this.accumulator += elapsed;
+	}
 
-  if(this.accumulator >= this.dt)
-  {
-   this.update(elapsed);
-   this.accumulator -= this.dt;
-  }
+	if(this.clearCanvas) {
 
-  this.draw();
- }
+		this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
+
+	}
+
+	this.now = now;
+	elapsed = this.now - this.then;
+	this.then = this.now;
+
+	if(this.enabled) {
+
+		this.accumulator += elapsed;
+
+		if(this.accumulator >= this.dt)  {
+
+			this.update(elapsed);
+			this.accumulator -= this.dt;
+
+		}
+
+		this.draw();
+
+	}
+
 };

test/canvasrenderer_test.js

@@ -1,18 +0,19 @@
-var CanvasRenderer = require("../build/canvasrenderer");
+var assert = require("assert"),
+	CanvasRenderer = require("../build/canvasrenderer");
 
 describe("CanvasRenderer", function() {
 
-	var x;
+	//var x;
 
 	it("should be a constructor function", function() {
 
-		expect(typeof CanvasRenderer).toBe("function");
-		x = new CanvasRenderer();
-		expect(typeof x).toBe("object");
+		assert.equal(typeof CanvasRenderer, "function");
+		//x = new CanvasRenderer();
+		//assert.equal(typeof x, "object");
 
 	});
-
+/*
 	it("should have a canvas", function() {
 
-		expect(typeof x.canvas).toBe("object");
+		assert.equal(typeof x.canvas, "object");
 
@@ -23,3 +24,3 @@ });
 
-		expect(typeof x.size).toBe("object");
+		assert.equal(typeof x.size, "object");
 
@@ -30,3 +31,3 @@ });
 
-		expect(typeof x.clearCanvas).toBe("boolean");
+		assert.equal(typeof x.clearCanvas, "boolean");
 
@@ -37,3 +38,3 @@ });
 
-		expect(typeof x.enabled).toBe("boolean");
+		assert.equal(typeof x.enabled, "boolean");
 
@@ -44,3 +45,3 @@ });
 
-		expect(typeof x.render).toBe("function");
+		assert.equal(typeof x.render, "function");
 
@@ -51,3 +52,3 @@ });
 
-		expect(typeof x.update).toBe("function");
+		assert.equal(typeof x.update, "function");
 
@@ -58,6 +59,6 @@ });
 
-		expect(typeof x.draw).toBe("function");
+		assert.equal(typeof x.draw, "function");
 
 	});
-
+*/
 });

No alert changes

Improved metrics

Dev dependency count

6

decreased by-45.45%

Number of package files

39

increased by2.63%

Worsened metrics

Total package byte prevSize

158772

decreased by-0.84%

Lines of code

1933

decreased by-3.59%

No dependency changes