fix: Casting for all non-float arguments used with Math.fn()

fix: Greater than, less than evaluation when comparing an integer with a literal that is a float, try not to cast left, but rather cast left to right
fix: Constants that do not have a type defined should fail
fix: Don't prevent "random" as a native function name
fix: Allow Texture constructor to inherit instance of GPU for easy .toArray()
fix: Texture constructor as settings object for easier understanding of order input
fix: Typescript corrections for Texture
fix: Bump headless-gl version to that of Multiple Render Targets

Author: robertleeplummerjr

bin/gpu-browser-core.js

@@ -4,8 +4,8 @@
  *
  * GPU Accelerated JavaScript
  *
- * @version 2.0.0-rc.3
- * @date Wed Mar 13 2019 12:42:17 GMT-0400 (Eastern Daylight Time)
+ * @version 2.0.0-rc.4
+ * @date Sun Mar 17 2019 22:11:56 GMT-0400 (Eastern Daylight Time)
  *
  * @license MIT
  * The MIT License
@@ -1622,7 +1622,7 @@ class FunctionNode {
 				return type;
 			}
 		}
-		return null;
+		throw new Error(`Type for constant "${ constantName }" not declared`);
 	}
 
 	getUserArgumentName(name) {
@@ -2842,6 +2842,8 @@ class Kernel {
 
 		this.context = null;
 
+		this.gpu = null;
+
 		this.functions = null;
 
 		this.nativeFunctions = null;
@@ -3472,6 +3474,18 @@ class WebGLFunctionNode extends FunctionNode {
 
 				case 'Integer & Float':
 				case 'Integer & Number':
+					if (ast.operator === '>' || ast.operator === '<' && ast.right.type === 'Literal') {
+						if (!Number.isInteger(ast.right.value)) {
+							this.pushState('casting-to-float');
+							retArr.push('float(');
+							this.astGeneric(ast.left, retArr);
+							retArr.push(')');
+							this.popState('casting-to-float');
+							retArr.push(operatorMap[ast.operator] || ast.operator);
+							this.astGeneric(ast.right, retArr);
+							break;
+						}
+					}
 					this.astGeneric(ast.left, retArr);
 					retArr.push(operatorMap[ast.operator] || ast.operator);
 					this.pushState('casting-to-integer');
@@ -3972,8 +3986,9 @@ class WebGLFunctionNode extends FunctionNode {
 		}
 
 		let funcName = this.astMemberExpressionUnroll(ast.callee);
+		const isMathFunction = funcName.indexOf(jsMathPrefix) === 0;
 
-		if (funcName.indexOf(jsMathPrefix) === 0) {
+		if (isMathFunction) {
 			funcName = funcName.slice(jsMathPrefix.length);
 		}
 
@@ -3995,15 +4010,15 @@ class WebGLFunctionNode extends FunctionNode {
 		const functionArguments = [];
 		this.calledFunctionsArguments[funcName].push(functionArguments);
 
-		if (funcName === 'random' && this.plugins) {
+		if (funcName === 'random' && this.plugins && this.plugins.length > 0) {
 			for (let i = 0; i < this.plugins.length; i++) {
 				const plugin = this.plugins[i];
 				if (plugin.functionMatch === 'Math.random()' && plugin.functionReplace) {
 					functionArguments.push(plugin.functionReturnType);
 					retArr.push(plugin.functionReplace);
+					return retArr;
 				}
 			}
-			return retArr;
 		}
 
 		retArr.push(funcName);
@@ -4069,6 +4084,29 @@ class WebGLFunctionNode extends FunctionNode {
 				}
 				throw new Error(`Unhandled argument combination of ${ argumentType } and ${ targetType }`);
 			}
+		} else if (isMathFunction) {
+			for (let i = 0; i < ast.arguments.length; ++i) {
+				const argument = ast.arguments[i];
+				const argumentType = this.getType(argument);
+
+				if (i > 0) {
+					retArr.push(', ');
+				}
+
+				switch (argumentType) {
+					case 'Integer':
+						this.pushState('casting-to-float');
+						retArr.push('float(');
+						this.astGeneric(argument, retArr);
+						retArr.push(')');
+						this.popState('casting-to-float');
+						break;
+					case 'LiteralInteger':
+					default:
+						this.astGeneric(argument, retArr);
+						break;
+				}
+			}
 		} else {
 			for (let i = 0; i < ast.arguments.length; ++i) {
 				const argument = ast.arguments[i];
@@ -4726,7 +4764,15 @@ class WebGLKernel extends GLKernel {
 					this._setupOutputTexture();
 				}
 				gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
-				return new Texture(this.outputTexture, texSize, this.threadDim, this.output, this.context, 'ArrayTexture(4)');
+				return new Texture({
+					texture: this.outputTexture,
+					size: texSize,
+					dimensions: this.threadDim,
+					output: this.output,
+					context: this.context,
+					gpu: this.gpu,
+					type: 'ArrayTexture(4)'
+				});
 			}
 			gl.bindRenderbuffer(gl.RENDERBUFFER, null);
 			gl.bindFramebuffer(gl.FRAMEBUFFER, null);
@@ -4756,7 +4802,14 @@ class WebGLKernel extends GLKernel {
 					result: this.renderOutput(outputTexture),
 				};
 				for (let i = 0; i < this.subKernels.length; i++) {
-					output[this.subKernels[i].property] = new Texture(this.subKernelOutputTextures[i], texSize, this.threadDim, this.output, this.context);
+					output[this.subKernels[i].property] = new Texture({
+						texture: this.subKernelOutputTextures[i],
+						size: texSize,
+						dimensions: this.threadDim,
+						output: this.output,
+						context: this.context,
+						gpu: this.gpu,
+					});
 				}
 				return output;
 			}
@@ -4771,7 +4824,14 @@ class WebGLKernel extends GLKernel {
 		const threadDim = this.threadDim;
 		const output = this.output;
 		if (this.pipeline) {
-			return new Texture(outputTexture, texSize, this.threadDim, output, this.context);
+			return new Texture({
+				texture: outputTexture,
+				size: texSize,
+				dimensions: this.threadDim,
+				output,
+				context: this.context,
+				gpu: this.gpu,
+			});
 		} else {
 			let result;
 			if (this.floatOutput) {
@@ -6100,7 +6160,15 @@ class WebGL2Kernel extends WebGLKernel {
 					this._setupOutputTexture();
 				}
 				gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
-				return new Texture(this.outputTexture, texSize, this.threadDim, this.output, this.context, 'ArrayTexture(4)');
+				return new Texture({
+					texture: this.outputTexture,
+					size: texSize,
+					dimensions: this.threadDim,
+					output: this.output,
+					context: this.context,
+					gpu: this.gpu,
+					type: 'ArrayTexture(4)'
+				});
 			}
 			gl.bindRenderbuffer(gl.RENDERBUFFER, null);
 			gl.bindFramebuffer(gl.FRAMEBUFFER, null);
@@ -6130,7 +6198,14 @@ class WebGL2Kernel extends WebGLKernel {
 					result: this.renderOutput(outputTexture)
 				};
 				for (let i = 0; i < this.subKernels.length; i++) {
-					output[this.subKernels[i].property] = new Texture(this.subKernelOutputTextures[i], texSize, this.threadDim, this.output, this.context);
+					output[this.subKernels[i].property] = new Texture({
+						texture: this.subKernelOutputTextures[i],
+						size: texSize,
+						dimensions: this.threadDim,
+						output: this.output,
+						context: this.context,
+						gpu: this.gpu,
+					});
 				}
 				return output;
 			}
@@ -6993,7 +7068,8 @@ class GPU {
 			context: this.context,
 			canvas: this.canvas,
 			functions: this.functions,
-			nativeFunctions: this.nativeFunctions
+			nativeFunctions: this.nativeFunctions,
+			gpu: this,
 		}, settings || {});
 
 		const kernel = kernelRunShortcut(new this.Kernel(source, mergedSettings));
@@ -7350,20 +7426,32 @@ module.exports = {
 };
 },{}],27:[function(require,module,exports){
 class Texture {
-	constructor(texture, size, dimensions, output, context, type = 'NumberTexture') {
+	constructor(settings) {
+		const {
+			texture,
+			size,
+			dimensions,
+			output,
+			context,
+			gpu,
+			type = 'NumberTexture'
+		} = settings;
+		if (!output) throw new Error('settings property "output" required.');
+		if (!context) throw new Error('settings property "context" required.');
 		this.texture = texture;
 		this.size = size;
 		this.dimensions = dimensions;
 		this.output = output;
 		this.context = context;
+		this.gpu = gpu;
 		this.kernel = null;
 		this.type = type;
 	}
 
 	toArray(gpu) {
-		if (!gpu) throw new Error('You need to pass the GPU object for toArray to work.');
 		if (this.kernel) return this.kernel(this);
-
+		gpu = gpu || this.gpu;
+		if (!gpu) throw new Error('settings property "gpu" or argument required.');
 		this.kernel = gpu.createKernel(function(x) {
 			return x[this.thread.z][this.thread.y][this.thread.x];
 		}).setOutput(this.output);
@@ -7379,6 +7467,7 @@ class Texture {
 module.exports = {
 	Texture
 };
+
 },{}],28:[function(require,module,exports){
 const {
 	Input