zimjs 16.1.2 → 16.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zimjs",
-  "version": "16.1.2",
+  "version": "16.1.4",
   "type": "module",
   "main": "./src/zim.js",
   "types": "./ts-src/typings/zim",

package/src/zim.js

@@ -15509,7 +15509,7 @@ approximateBounds(num, showPoints, margin) - update the bounds based on a Rectan
 addPoint(percent, controlType) - add a point at a percent (100) of the total curve
 	this is handy to make path have the same number of points for animate() path tweens
 	controlType can be as specified in main points parameter
-	returns object for chaining
+	returns index of new point
 addPoints(num, controlType, startPoint, spread, dataOnly, points, even) - add num points between existing points
 	controlType can be as specified in main points parameter
 	specify a startPoint to add points between the startPoint and the next point (one segment of points)
@@ -17348,6 +17348,7 @@ Note the points property has been split into points and pointObjects (and there
 			}
 			if (controlType) newPoint[8] = controlType;
 			points.splice(index+1, 0, newPoint);
+			return index+1;
 		}
 
 		this.addPoint = function(percent, controlType) {
@@ -17356,10 +17357,10 @@ Note the points property has been split into points and pointObjects (and there
 			var ratios = that.segmentRatios;
 			var controls = that.pointControls;
 			controlType = controlType ? controlType : originalControlType;
-			insertPointData(points, controls, ratios, percent, controlType);
+			var index = insertPointData(points, controls, ratios, percent, controlType);
 			that.points = points;
 			that.num = points.length;
-			return that;
+			return index;
 		};
 
 		this.removePoint = function(index) {	
@@ -17637,7 +17638,7 @@ approximateBounds(num, showPoints) - update the bounds based on a Rectangle
 addPoint(percent, controlType) - add a point at a percent (100) of the total curve
 	this is handy to make path have the same number of points for animate() path tweens
 	controlType can be as specified in main points parameter
-	returns object for chaining
+	returns index of new point
 addPoints(num, controlType, startPoint, spread, dataOnly, points, even) - add num points between existing points
 	controlType can be as specified in main points parameter
 	specify a startPoint to add points between the startPoint and the next point (one segment of points)
@@ -19532,6 +19533,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			}
 			if (controlType) newPoint[8] = controlType;
 			points.splice(index+1, 0, newPoint);
+			return index+1;
 		}
 
 		this.addPoint = function(percent, controlType) {
@@ -19540,10 +19542,10 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			var ratios = that.segmentRatios;
 			var controls = that.pointControls;
 			controlType = controlType ? controlType : originalControlType;
-			insertPointData(points, controls, ratios, percent, controlType);
+			var index = insertPointData(points, controls, ratios, percent, controlType);
 			that.points = points;
 			that.num = points.length;
-			return that;
+			return index;
 		};
 
 		this.removePoint = function(index) {	
@@ -44399,10 +44401,11 @@ S.on("stagemousemove", ()=>{
 
 // REMOVE METHOD
 // a remove() method is available on the event object
-const circle = new Circle();
+const circle = new Circle().center();
 circle.on("mouseover", e=>{
 	circle.alpha -= .1;
 	if (circle.alpha <= .5) e.remove();
+	S.update();
 });
 END EXAMPLE
 
@@ -89378,7 +89381,7 @@ addChild(), removeChild(), addChildAt(), getChildAt(), contains(), removeAllChil
 PROPERTIES
 type - name of class as a string
 ready - read only if the ready event has happened
-** these methods are available only once the WebCam "ready" event has happened
+** these properties are available only once the WebCam "ready" event has happened
 tag - reference to the HTML video tag (created by ZIM to hold the cam video)
 display - reference to the ZIM Container that holds the bitmap of the video
 	this is what is cached and has its cacheCanvas analyzed for motion
@@ -89644,7 +89647,7 @@ rawY - get the reported y undamped position of the motion - relative to the guid
 cam - reference to the ZIM WebCam object
 dampX - the horizontal Damp object
 dampY - the vertical Damp object
-** these methods are available only once the WebCam "ready" event has happened
+** these properties are available only once the WebCam "ready" event has happened
 data - an array of motion data for each point with 0 for no motion and 1 for motion 
 points - an array of point objects {x, y} that locate the test points relative to the obj parameter (default stage)
 camPoints - (used internally) an array of point objects {x, y} that locate the test points relative to the cam.bitmap
@@ -90427,62 +90430,62 @@ for (z_i = 0; z_i < globalFunctions.length; z_i++) {
   WW[pair[0]] = zim[pair[0]] = pair[1];
 }
 
-if (zns) {
-	// these are global regardless
-	var globalsConstants = [
-		["FIT", zim.FIT],
-		["FILL", zim.FILL],
-		["FULL", zim.FULL],
-		["LEFT", zim.LEFT],
-		["RIGHT", zim.RIGHT],
-		["CENTER", zim.CENTER],
-		["MIDDLE", zim.MIDDLE],
-		["START", zim.START],
-		["END", zim.END],
-		["TOP", zim.TOP],
-		["BOTTOM", zim.BOTTOM],
-		["OVER", zim.OVER],
-		["UNDER", zim.UNDER],
-		["HORIZONTAL", zim.HORIZONTAL],
-		["VERTICAL", zim.VERTICAL],
-		["BOTH", zim.BOTH],
-		["RADIAL", zim.RADIAL],
-		["UP", zim.UP],
-		["DOWN", zim.DOWN],
-		["NEXT", zim.NEXT],
-		["PREV", zim.PREV],
-		["AUTO", zim.AUTO],
-		["AVE", zim.AVE],
-		["DEFAULT", zim.DEFAULT],
-		["ALL", zim.ALL],
-		["NONE", zim.NONE],
-		["GET", zim.GET],
-		["POST", zim.POST],
-		["LOCALSTORAGE", zim.LOCALSTORAGE],
-		["SOCKET", zim.SOCKET],
-		["TO", zim.TO],
-		["FROM", zim.FROM],		
-		["SINE", zim.SINE],
-		["SQUARE", zim.SQUARE],
-		["TRIANGLE", zim.TRIANGLE],
-		["SAW", zim.SAW],
-		["SAWTOOTH", zim.SAWTOOTH],
-		["ZAP", zim.ZAP],
-		["TAU", zim.TAU],
-		["DEG", zim.DEG],
-		["RAD", zim.RAD],
-		["PHI", zim.PHI],
-	  ];
-	  
-	  for (z_i = 0; z_i < globalsConstants.length; z_i++) {
-		var pair = globalsConstants[z_i];  
-		WW[pair[0]] = pair[1];
-	  }
-	  
-	  for (z_i = 0; z_i < zim.colors.length; z_i++) {
-		WW[zim.colors[z_i]] = zim.colorsHex[z_i];
-	  }
-} else zimplify();
+
+// these are global regardless
+var globalsConstants = [
+    ["FIT", zim.FIT],
+    ["FILL", zim.FILL],
+    ["FULL", zim.FULL],
+    ["LEFT", zim.LEFT],
+    ["RIGHT", zim.RIGHT],
+    ["CENTER", zim.CENTER],
+    ["MIDDLE", zim.MIDDLE],
+    ["START", zim.START],
+    ["END", zim.END],
+    ["TOP", zim.TOP],
+    ["BOTTOM", zim.BOTTOM],
+    ["OVER", zim.OVER],
+    ["UNDER", zim.UNDER],
+    ["HORIZONTAL", zim.HORIZONTAL],
+    ["VERTICAL", zim.VERTICAL],
+    ["BOTH", zim.BOTH],
+    ["RADIAL", zim.RADIAL],
+    ["UP", zim.UP],
+    ["DOWN", zim.DOWN],
+    ["NEXT", zim.NEXT],
+    ["PREV", zim.PREV],
+    ["AUTO", zim.AUTO],
+    ["AVE", zim.AVE],
+    ["DEFAULT", zim.DEFAULT],
+    ["ALL", zim.ALL],
+    ["NONE", zim.NONE],
+    ["GET", zim.GET],
+    ["POST", zim.POST],
+    ["LOCALSTORAGE", zim.LOCALSTORAGE],
+    ["SOCKET", zim.SOCKET],
+    ["TO", zim.TO],
+    ["FROM", zim.FROM],		
+    ["SINE", zim.SINE],
+    ["SQUARE", zim.SQUARE],
+    ["TRIANGLE", zim.TRIANGLE],
+    ["SAW", zim.SAW],
+    ["SAWTOOTH", zim.SAWTOOTH],
+    ["ZAP", zim.ZAP],
+    ["TAU", zim.TAU],
+    ["DEG", zim.DEG],
+    ["RAD", zim.RAD],
+    ["PHI", zim.PHI],
+];
+
+for (z_i = 0; z_i < globalsConstants.length; z_i++) {
+    var pair = globalsConstants[z_i];  
+    WW[pair[0]] = pair[1];
+}
+    
+for (z_i = 0; z_i < zim.colors.length; z_i++) {
+    WW[zim.colors[z_i]] = zim.colorsHex[z_i];
+}
+
 
 WW.zim = zim;
 export default zim;

package/ts-src/typings/easeljs/index.d.ts

@@ -244,6 +244,7 @@ declare namespace createjs {
         rotation: number;
         scaleX: number;
         scaleY: number;
+        scale: number;
         shadow: Shadow;
         skewX: number;
         skewY: number;

package/ts-src/typings/zim/index.d.ts

@@ -49,10 +49,11 @@ declare global {
 	var fog: string
 	var mist: string
 	var light: string
+    var moon: string
 	var lighter: string
 	var white: string
-	var clear: string
 	var faint: string
+	var clear: string
 
 	var F: zim.Frame
 	var S: zim.Stage
@@ -168,6 +169,7 @@ declare namespace zim {
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
+        change(call: Function): this
 		dragBoundary(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		dragRect(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		mouse(): this
@@ -435,7 +437,7 @@ declare namespace zim {
 		loop(number: number, call: Function): any
 		static choose(choice: any): any
 		static rand(a?: number, b?: number, integer?: boolean, negative?: boolean): number
-		static series(array_item: any): Function
+		static series(...array_item: any): Function
 		static getMinMax(vee: zimVee): {}
 		type: string
 		choices: any
@@ -597,8 +599,7 @@ declare namespace zim {
 	export function makeSyllable(length?: number, firstValue?: boolean): string
 	export function makePrimitive(obj: any): string | number | boolean
 	export function makeMath(): void
-	export function series(array_item: any): Function
-	export function makeSeries(array: [any]): Function
+	export function series(...array_item: any): Function
 	export function smoothStep(num: number, min: number, max: number): number
 	export function unicodeToUTF(val: string): string
 	export function capitalizeFirst(string: string): string
@@ -740,6 +741,7 @@ declare namespace zim {
 		noTap(): this
 		hold(call: Function, distance?: number, time?: number, once?: boolean): this
 		noHold(): this
+        change(call: Function): this
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
@@ -892,7 +894,6 @@ declare namespace zim {
 		setBounds(width_or_boundsX?: number, height_or_boundsY?: number, width?: number, height?: number): this
 		hasProp(prop: string): boolean
 		dispose(): boolean
-		clone(exact?: boolean): this
 	}
 
 	export class Sprite extends createjs.Sprite implements zimDisplay {
@@ -909,6 +910,7 @@ declare namespace zim {
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
+        change(call: Function): this
 		dragBoundary(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		dragRect(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		mouse(): this
@@ -1057,7 +1059,6 @@ declare namespace zim {
 		stopRun(): this
 		hasProp(prop: string): boolean
 		dispose(): boolean
-		clone(): this
 		id: any // string for Sprite and number for createjs.Sprite
 		frame: number
 		normalizedFrame: number
@@ -1081,6 +1082,7 @@ declare namespace zim {
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
+        change(call: Function): this
 		dragBoundary(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		dragRect(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		mouse(): this
@@ -1226,7 +1228,6 @@ declare namespace zim {
 		// END ZIM Display Interface
 		cache(width_or_boundsX?: number, height_or_boundsY?: number, width?: number, height?: number, scale?: number, options?: {}, margin?: number): this
 		hasProp(prop: string): boolean
-		clone(): this
 		mt(...args: any[]): this
 		lt(...args: any[]): this
 		a(...args: any[]): this
@@ -1270,6 +1271,7 @@ declare namespace zim {
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
+        change(call: Function): this
 		dragBoundary(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		dragRect(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		mouse(): this
@@ -1438,6 +1440,7 @@ declare namespace zim {
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
+        change(call: Function): this
 		dragBoundary(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		dragRect(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		mouse(): this
@@ -1599,6 +1602,7 @@ declare namespace zim {
 		drag(config_or_boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean): this
 		drag(config: { boundary?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number } | DisplayObject, axis?: string, overCursor?: string, dragCursor?: string, all?: boolean, swipe?: boolean, localBoundary?: boolean, onTop?: boolean, surround?: boolean, slide?: boolean, slideFactor?: number, slideSnap?: boolean, slideSnapDamp?: number, reg?: boolean, removeTweens?: boolean, startBounds?: boolean, rect?: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }, currentTarget?: boolean }): this
 		noDrag(): this
+        change(call: Function): this
 		dragBoundary(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		dragRect(boundary: Boundary | createjs.Rectangle | { x: number, y: number, width: number, height: number }): this
 		mouse(): this
@@ -2903,6 +2907,7 @@ declare namespace zim {
 		static makeBacking(width?: number, height?: number, text?: string, color?: color): Container
 		readonly interactive: boolean
 		readonly animated: boolean
+        readonly canvas: HTMLCanvasElement
 		backingOrbit: boolean
 	}
 	export class TextureActives extends createjs.EventDispatcher {
@@ -3300,7 +3305,6 @@ declare namespace zim {
 		constructor(config_or_front?: DisplayObject, back?: DisplayObject, interactive?: boolean, time?: number, vertical?: boolean, flipped?: boolean, ease?: string, frontPress?: boolean, backPress?: boolean, style?: boolean, group?: string, inherit?: {})
 		constructor(config: { front?: DisplayObject, back?: DisplayObject, interactive?: boolean, time?: number, vertical?: boolean, flipped?: boolean, ease?: string, frontPress?: boolean, backPress?: boolean, style?: boolean, group?: string, inherit?: {} })
 		flip(state?: boolean, time?: number): this
-		clone(): Flipper
 		dispose(): boolean
 		readonly type: string
 		readonly flipped: boolean
@@ -3442,7 +3446,7 @@ declare namespace zim {
 		noStroke(): this
 		translate(x?: number | zimVee, y?: number | zimVee): this
 		rotate(degrees: number | zimVee): this
-		scale(x?: number | zimVee, y?: number | zimVee): this
+		// scale(x?: number | zimVee, y?: number | zimVee): this // go ahead and use scale(x, y) but just conflicting with createjs scale property
 		skew(x?: number | zimVee, y?: number | zimVee): this
 		line(x1?: number | zimVee, y1?: number | zimVee, x2?: number | zimVee, y2?: number | zimVee): this
 		arc(x?: number | zimVee, y?: number | zimVee, radius?: number | zimVee, startAngle?: number | zimVee, endAngle?: number | zimVee, anticlockwise?: boolean | zimVee): this