Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Logic Gate Puzzler
ID	1522357785
Created	12 years ago, 1365203609893
Updated	10 years ago, 1421369721955
Code	/******************************************* LOGIC GATE PUZZLER Note: You can "cheat" by using the left and right arrows to move through the levels. This feature is included because it's unlikely someone would be able to solve all of the levels in a single sitting, and since there's no way to save your work... BACKGROUND ABOUT THE GAME ----------------------------- This puzzle game is based on the concept of logic gates. Logic gates deal with binary (on/off) inputs and outputs. The output of a logic gate is always a function of its inputs. For example, the AND gate works in the following manner: the output is on if both inputs are on; otherwise, the output is off. We can describe how a logic gate works with a "truth table." Here is the truth table for an AND gate: Input A Input B Output Case 1 off off off Case 2 off on off Case 3 on off off Case 4 on on on If you'd like to learn more about logic gates, check out these YouTube videos: http://www.youtube.com/watch?v=6s0AR3_-i0k http://www.youtube.com/watch?v=b7Mw6S8gznw HOW TO PLAY THE GAME ----------------------- On each level, you drag logic gates from the gate menu onto the screen, connect them to the inputs (squares) and outputs (circles), and test to see if your "circuit" worked in the way specified by the truth table in the top-right corner of the screen. You can delete gates by dragging them to the trash or pressing the CLEAR button. GOOD LUCK! Expert Mode: Can you beat each level only using NAND gates? ****************************************/ var level = 0; var numLevels = 0; var offColor = color(133, 133, 133); var offColorHighlight = color(160, 160, 160); var onColor = color(138, 186, 8); var onColorTrans = color(156, 181, 58,200); var onColorHighlight = color(180,210,85); var connectionColor = color(227, 93, 4); var connectionColorHighlight = color(250, 116, 12); var instructionColor = color(135, 135, 135); var backgroundColor = color(235, 235, 235); var khanBlue = color(44, 55, 71); var khanBlueHighlight = color(70, 80, 98); var pulse = 150; var pulseUp = true; var pulseColor; var clock = 0; / Bugs: disallow loops... big crash when this happens. add a checkForLoop() method that deletes a connection if a loop were to exist. / / Todo: raise the menu. raise the truth table. create 2 tabs on the menu. move trash. Create new gates: MUX (trapezoid) DMUX (rev. trapeziod) NOT8 (box) AND8 (box) OR8 (box) MUX8 (box) (BUS IN) - click once on bus input to pop up a menu to configure each part of the bus. click once on a bus output to see the values. OR4WAY MUX4WAY DMUX4WAY ADDER (3-in, 2-out) ADD8 INC8 ALU / /******************************************* * TEST * * Stores inputs and expected outputs for each level *******************************************/ var Test = function(){ this.inputs = []; this.outputs = []; this.x = 260; this.y = 5; var failure = false; var drawCheck = function(x, y){ strokeWeight(2); line(x,y,x+4,y+4); line(x,y+1,x+4,y+4); line(x,y+2,x+4,y+4); line(x+10,y-9,x+4,y+4); line(x+9,y-9,x+4,y+4); line(x+8,y-9,x+4,y+4); }; var drawCross = function(x,y){ strokeWeight(2); line(x,y-9,x+11,y+4); line(x,y-9,x+10,y+4); line(x,y-9,x+12,y+4); line(x,y-9,x+13,y+4); line(x+10,y-9,x+1,y+4); line(x+9,y-9,x,y+4); line(x+8,y-9,x,y+4); }; this.test = function(inp, outp){ var testCase; //test for 1-input 1-output case (i.e., the NOT gate) //set input then check output against expected if(this.inputs[0].length===1 && this.outputs[0].length===1){ inp[0].value = false; testCase = outp[0].getValue()===this.outputs[0][0]; if(!testCase){ failure = 255; return false; } inp[0].value = true; testCase = outp[0].getValue()===this.outputs[1][0]; if(!testCase){ failure = 255; return false; } failure = 0; return true; } //test for 2-1 else if(this.inputs[0].length===2 && this.outputs[0].length===1){ inp[0].value = false; inp[1].value = false; testCase = outp[0].getValue()===this.outputs[0][0]; if(!testCase){ failure = 255; return false; } inp[0].value = false; inp[1].value = true; testCase = outp[0].getValue()===this.outputs[1][0]; if(!testCase){ failure = 255; return false; } inp[0].value = true; inp[1].value = false; testCase = outp[0].getValue()===this.outputs[2][0]; if(!testCase){ failure = 255; return false; } inp[0].value = true; inp[1].value = true; testCase = outp[0].getValue()===this.outputs[3][0]; if(!testCase){ failure = 255; return false; } failure = 0; return true; } //test for 3-1 else if(this.inputs[0].length===3 && this.outputs[0].length===1){ var i=0; var k=0; var j=0; for(i=0;i<2;i++){ for(k=0;k<2;k++){ for(j=0;j<2;j++){ inp[0].value = i===0 ? false: true; inp[1].value = k===0 ? false: true; inp[2].value = j===0 ? false: true; var outpCalculated = 4i+2k+j; debug(outpCalculated); testCase=outp[0].getValue() === this.outputs[outpCalculated][0]; if(!testCase){ failure = 255; return false; } } } } failure = 0; return true; } //test for 3-2 else if(this.inputs[0].length===3 && this.outputs[0].length===2){ } return false; }; //TEST this.draw = function(inp, outp) { var y =0; var dy=0; var i =0; if(this.inputs[0].length===1){ fill(khanBlue); rect(260,47,115,55,10); textSize(12); fill(offColor); text(this.labels[0],280,45); text(this.labels[1],352,45); // highlight current row based on input values fill(backgroundColor); if(!inp[0].value){ rect(265,55,106,20,6); if(outp[0].getValue()===this.outputs[0][0]){ stroke(onColor); drawCheck(380,65); } else { stroke(connectionColor); drawCross(380,65); } } else if (inp[0].value){ rect(265,75,106,20,6); if(outp[0].getValue()===this.outputs[1][0]){ stroke(onColor); drawCheck(380,85); } else { stroke(connectionColor); drawCross(380,85); } } fill(backgroundColor); noStroke(); y = 65; dy = 20; for(i=0; i<this.inputs.length;i++){ if(!this.inputs[i][0]){ fill(offColor); }else{ fill(onColor); } rect(275,y+dyi-6,12,12); if(!this.outputs[i][0]){ fill(offColor); }else{ fill(onColor); } ellipse(353,y+dyi,12,12); } //DRAW FAILURE if(failure>0){ failure-=5; fill(202, 83, 4,failure); textAlign(LEFT,1); textSize(22); text("TEST FAILED",245,80+40); } } // When there are 2 inputs, there are 4 cases... else if(this.inputs[0].length===2){ fill(khanBlue); rect(260,47,115,95,10); textSize(12); fill(offColor); text(this.labels[0],280,45); text(this.labels[1],315,45); text(this.labels[2],353,45); // highlight current row based on input values fill(backgroundColor); if(!inp[0].value && !inp[1].value){ rect(265,55,106,20,6); if(outp[0].getValue()===this.outputs[0][0]){ stroke(onColor); drawCheck(380,65); } else { stroke(connectionColor); drawCross(380,65); } } else if (!inp[0].value && inp[1].value){ rect(265,75,106,20,6); if(outp[0].getValue()===this.outputs[1][0]){ stroke(onColor); drawCheck(380,85); } else { stroke(connectionColor); drawCross(380,85); } } else if (inp[0].value && !inp[1].value){ rect(265,95,106,20,6); if(outp[0].getValue()===this.outputs[2][0]){ stroke(onColor); drawCheck(380,105); } else { stroke(connectionColor); drawCross(380,105); } } else if (inp[0].value && inp[1].value){ rect(265,115,106,20,6); if(outp[0].getValue()===this.outputs[3][0]){ stroke(onColor); drawCheck(380,125); } else { stroke(connectionColor); drawCross(380,125); } } fill(backgroundColor); noStroke(); y = 65; dy = 20; for(i=0; i<this.inputs.length;i++){ if(!this.inputs[i][0]){ fill(offColor); }else{ fill(onColor); } rect(275,y+dyi-6,12,12); if(!this.inputs[i][1]){ fill(offColor); }else{ fill(onColor); } rect(310,y+dyi-6,12,12); if(!this.outputs[i][0]){ fill(offColor); }else{ fill(onColor); } ellipse(353,y+dyi,12,12); } //DRAW FAILURE if(failure>0){ failure-=5; fill(202, 83, 4,failure); textAlign(LEFT,1); textSize(22); text("TEST FAILED",245,80+80); } } // When there are 3 inputs, there are 8 cases... else if(this.inputs[0].length===3 && this.outputs[0].length===1){ //Draw the background fill(khanBlue); rect(260,47,115,175,10); textSize(12); fill(offColor); text(this.labels[0],275,45); text(this.labels[1],300,45); text(this.labels[2],325,45); text(this.labels[3],355,45); // calculate expected output... i = inp[0].value; var j = inp[1].value; var k = inp[2].value; var outNum = k+2j+4i; // draw check or cross fill(backgroundColor); rect(265,55+20outNum,106,20,6); if(outp[0].getValue()===this.outputs[outNum][0]){ stroke(onColor); drawCheck(380,65+20outNum); } else { stroke(connectionColor); drawCross(380,65+20outNum); } fill(backgroundColor); noStroke(); y = 65; dy = 20; for(i=0; i<this.inputs.length;i++){ if(!this.inputs[i][0]){ fill(offColor); }else{ fill(onColor); } rect(270,y+dyi-6,12,12); if(!this.inputs[i][1]){ fill(offColor); }else{ fill(onColor); } rect(295,y+dyi-6,12,12); if(!this.inputs[i][2]){ fill(offColor); }else{ fill(onColor); } rect(320,y+dyi-6,12,12); if(!this.outputs[i][0]){ fill(offColor); }else{ fill(onColor); } ellipse(355,y+dyi,12,12); } //DRAW FAILURE if(failure>0){ failure-=5; fill(202, 83, 4,failure); textAlign(LEFT,1); textSize(22); text("TEST FAILED",245,80+160); } } }; }; /******************************************* * CONNECTION * * Stores inputs and expected outputs for each level ******************************************/ var Connection = function(game,a,b){ this.a = a \|\| null; this.b = b \|\| null; this.game = game \|\| null; this.draw = function() { strokeWeight(2); if (this.a.gate.getValue()){ stroke(onColor); } else { stroke(offColor); } line( this.a.getX(),this.a.getY(), this.b.getX(),this.b.getY()); }; }; /****************************************** * CONNECTION POINT * * Gates need connection points so that connections know * where to draw themselves. A connection point has a simple * x-value, y-value (and eventually a direction) ******************************************/ var ConnectionPoint = function(gate, x, y, isOutput){ this.gate = gate; this.x = x \|\| 0; this.y = y \|\| 0; this.r = 7; this.connection = null; this.isOutput = isOutput \|\| false; //CONNECTIONPOINT this.getX = function() { return this.gate.x + this.x; }; //CONNECTIONPOINT this.getY = function() { return this.gate.y + this.y; }; //CONNECTIONPOINT this.getValue = function(){ if(this.connection){ return this.connection.a.gate.getValue(); } return false; }; //CONNECTIONPOINT this.mouseIsOver = function() { var rAdjusted = this.r+4; var hor1 = mouseX>this.gate.x + this.x - rAdjusted; var hor2 = mouseX<this.gate.x + this.x + rAdjusted; var vert1 = mouseY>this.gate.y + this.y - rAdjusted; var vert2 = mouseY<this.gate.y + this.y + rAdjusted; return hor1 && hor2 && vert1 && vert2; }; //CONNECTIONPOINT this.draw = function() { fill(connectionColor); noStroke(); var rAdjusted = this.r; if(this.mouseIsOver()){ if(this.isOutput \|\| !this.connection){ rAdjusted += 6; } } ellipse(this.gate.x+this.x, this.gate.y+this.y, rAdjusted, rAdjusted); }; }; //END CONNECTIONPOINT /****************************************** * INPUTVALUE * * Each level has a defined number inputs. These inputs * are essentially switches that can toggle on or off ******************************************/ var InputValue = function(x,y,label){ this.label = label \|\| ""; this.value = false; this.x = x; this.y = y; this.connectionPoint = new ConnectionPoint(x,y,false); this.w = 15; this.h = 15; //INPUTVALUE this.getValue = function(){ return this.value; }; //INPUTVALUE this.getX = function(){ return this.x + this.w/2; }; //INPUTVALUE this.getY = function(){ return this.y + this.h/2; }; //INPUTVALUE this.mouseIsOver = function() { var xx = this.x-2; var yy = this.y-2; var ww = this.w+4; var hh = this.h+4; var hor = mouseX>xx&& mouseX<xx + ww; var vert = mouseY>yy && mouseY<yy + hh; return hor && vert; }; //INPUTVALUE this.draw = function() { var xx = this.x; var yy = this.y; var ww = this.w; var hh = this.h; if (this.mouseIsOver()){ xx -= 2; yy -= 2; ww += 4; hh += 4; } noStroke(); if (this.value){ fill(onColor); } else { fill(offColor); } textAlign(LEFT,3); textSize(10); text(this.label,this.x-this.w,this.y+this.h/2); rect(xx,yy,ww,hh); }; //INPUTVALUE this.toggle = function(){ this.value = !this.value; }; }; /****************************************** * OUTPUTVALUE * * Each level has a defined number outputs. These outputs * depend on the inputs and the lattice of gate connecting * the inputs to the outputs. ******************************************/ var OutputValue = function(x,y,label){ this.label = label \|\| ""; this.x = x; this.y = y; this.connectionPoint = new ConnectionPoint(x,y,false); this.w = 17; this.h = 17; //OUTPUTVALUE this.draw = function() { noStroke(); if (this.connectionPoint.getValue()){ fill(onColor); } else { fill(offColor); } textAlign(LEFT,3); textSize(10); text(this.label,this.x+this.w,this.y); ellipse(this.x,this.y,this.w,this.h); }; this.getValue = function(){ if(this.connectionPoint.connection){ return this.connectionPoint.getValue(); }else{ return null; } }; //OUTPUTVALUE this.getX = function(){ return this.x; }; //OUTPUTVALUE this.getY = function(){ return this.y; }; //OUTPUTVALUE this.mouseIsOver = function() { var hor = mouseX>this.x - this.w/2 && mouseX<this.x + this.w/2; var vert = mouseY>this.y - this.h/2 && mouseY<this.y + this.h/2; return hor && vert; }; }; /****************************************** * NAND * ---------------------------------- * a b \| out * 0 0 \| 1 * 0 1 \| 1 * 1 0 \| 1 * 1 1 \| 0 *******************************************/ var NAND = function(gate){ gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/5, false)); gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/54, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //NAND gate.getValue = function(){ if( gate.inputCPoints[0].connection && gate.inputCPoints[1].connection){ var v1 = gate.inputCPoints[0].getValue(); var v2 = gate.inputCPoints[1].getValue(); return !(v1 && v2); } else { return false; } }; //NAND gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; line(x+2,y+1,x+2,y+gate.h-1); bezier( x+2,y+1, x+gate.w,y, x+gate.w,y+gate.h, x+2,y+gate.h); ellipse(x+gate.w0.83, y+gate.h/2,6,6); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("NAND",gate.x+4,gate.y+gate.h/1.7); }; }; /******************************************* * AND * ---------------------------------- * a b \| out * 0 0 \| 0 * 0 1 \| 0 * 1 0 \| 0 * 1 1 \| 1 *******************************************/ var AND = function(gate){ gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/5, false)); gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/54, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //AND gate.getValue = function(){ if( gate.inputCPoints[0].connection && gate.inputCPoints[1].connection){ var v1 = gate.inputCPoints[0].getValue(); var v2 = gate.inputCPoints[1].getValue(); return v1 && v2; } else { return false; } }; //AND gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; line(x+7,y+1,x+7,y+gate.h-1); line(x,y+gate.h/5,x+4,y+gate.h/5); line(x,y+gate.h/54,x+4,y+gate.h/54); line(x+gate.w-4,y+gate.h/2,x+gate.w,y+gate.h/2); bezier( x+7,y+1, x+gate.w1.1,y, x+gate.w1.1,y+gate.h, x+7,y+gate.h); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("AND",gate.x+11,gate.y+gate.h/1.7); }; }; //END AND /******************************************** * OR * ---------------------------------- * a b \| out * 0 0 \| 0 * 0 1 \| 1 * 1 0 \| 1 * 1 1 \| 1 *******************************************/ var OR = function(gate){ gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/5, false)); gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/54, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //OR gate.getValue = function(){ if( gate.inputCPoints[0].connection && gate.inputCPoints[1].connection){ var v1 = gate.inputCPoints[0].getValue(); var v2 = gate.inputCPoints[1].getValue(); return v1 \|\| v2; } else { return false; } }; //OR gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; bezier(x+5,y+1,x+11,y+gate.h/3,x+11,y+gate.h/32,x+5,y+gate.h); line(x,y+gate.h/5,x+4,y+gate.h/5); line(x,y+gate.h/54,x+4,y+gate.h/54); line(x+gate.w-4,y+gate.h/2,x+gate.w,y+gate.h/2); bezier( x+7,y+1, x+gate.w/2,y, x+gate.w/32,y, x+gate.w-5,y+gate.h/2); bezier( x+7,y+gate.h, x+gate.w/2,y+gate.h, x+gate.w/32,y+gate.h, x+gate.w-5,y+gate.h/2); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("OR",gate.x+14,gate.y+gate.h/1.7); }; }; //END OR /******************************************* * NOR * ---------------------------------- * a b \| out * 0 0 \| 1 * 0 1 \| 0 * 1 0 \| 0 * 1 1 \| 0 *******************************************/ var NOR = function(gate){ gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/5, false)); gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/54, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //NOR gate.getValue = function(){ if( gate.inputCPoints[0].connection && gate.inputCPoints[1].connection){ var v1 = gate.inputCPoints[0].getValue(); var v2 = gate.inputCPoints[1].getValue(); return !(v1 \|\| v2); } else { return false; } }; //NOR gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; bezier(x+1,y+1,x+9,y+gate.h/3,x+9,y+gate.h/32,x+1,y+gate.h); line(x,y+gate.h/5,x+4,y+gate.h/5); line(x,y+gate.h/54,x+4,y+gate.h/54); line(x+gate.w-4,y+gate.h/2,x+gate.w,y+gate.h/2); bezier( x+1,y+1, x+gate.w/3,y, x+gate.w/2,y, x+gate.w-9,y+gate.h/2); bezier( x+1,y+gate.h, x+gate.w/3,y+gate.h, x+gate.w/2,y+gate.h, x+gate.w-9,y+gate.h/2); ellipse(x+gate.w0.83, y+gate.h/2,6,6); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("NOR",gate.x+9,gate.y+gate.h/1.7); }; }; //END NOR /******************************************** * XOR * ---------------------------------- * a b \| out * 0 0 \| 0 * 0 1 \| 1 * 1 0 \| 1 * 1 1 \| 0 *******************************************/ var XOR = function(gate){ gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/5, false)); gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/54, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //XOR gate.getValue = function(){ if( gate.inputCPoints[0].connection && gate.inputCPoints[1].connection){ var v1 = gate.inputCPoints[0].getValue(); var v2 = gate.inputCPoints[1].getValue(); return (!v1 && v2) \|\| (v1 && !v2); } else { return false; } }; //XOR gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; bezier(x+8,y+1,x+13,y+gate.h/3,x+13,y+gate.h/32,x+8,y+gate.h); bezier(x+3,y+1,x+9,y+gate.h/3,x+9,y+gate.h/32,x+3,y+gate.h); line(x,y+gate.h/5,x+9,y+gate.h/5); line(x,y+gate.h/54,x+9,y+gate.h/54); line(x+gate.w-4,y+gate.h/2,x+gate.w,y+gate.h/2); bezier( x+7,y+1, x+gate.w/2,y, x+gate.w/32,y, x+gate.w-5,y+gate.h/2); bezier( x+7,y+gate.h, x+gate.w/2,y+gate.h, x+gate.w/32,y+gate.h, x+gate.w-5,y+gate.h/2); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("XOR",gate.x+14,gate.y+gate.h/1.7); }; }; //END XOR /******************************************** * XNOR * ---------------------------------- * a b \| out * 0 0 \| 1 * 0 1 \| 0 * 1 0 \| 0 * 1 1 \| 1 *******************************************/ var XNOR = function(gate){ gate.w = 48; gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/5, false)); gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/54, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //XNOR gate.getValue = function(){ if( gate.inputCPoints[0].connection && gate.inputCPoints[1].connection){ var v1 = gate.inputCPoints[0].getValue(); var v2 = gate.inputCPoints[1].getValue(); return (v1 && v2) \|\| (!v1 && !v2); } else { return false; } }; //XNOR gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; bezier(x+8,y+1,x+13,y+gate.h/3,x+13,y+gate.h/32,x+8,y+gate.h); bezier(x+3,y+1,x+9,y+gate.h/3,x+9,y+gate.h/32,x+3,y+gate.h); line(x,y+gate.h/5,x+9,y+gate.h/5); line(x,y+gate.h/54,x+9,y+gate.h/54); line(x+gate.w-4,y+gate.h/2,x+gate.w,y+gate.h/2); bezier( x+7,y+1, x+gate.w/2,y, x+gate.w/2,y, x+gate.w-8,y+gate.h/2); bezier( x+7,y+gate.h, x+gate.w/2,y+gate.h, x+gate.w/2,y+gate.h, x+gate.w-8,y+gate.h/2); ellipse(x+gate.w0.88, y+gate.h/2,6,6); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("XNOR",gate.x+14,gate.y+gate.h/1.7); }; }; //END XNOR /******************************************* * NOT * ---------------------------------- * a \| out * 0 \| 1 * 1 \| 0 *******************************************/ var NOT = function(gate){ gate.inputCPoints.push(new ConnectionPoint( gate, 0, gate.h/2, false)); gate.outputCPoints.push(new ConnectionPoint( gate, gate.w, gate.h/2, true)); //NOT gate.getValue = function(){ if( gate.inputCPoints[0].connection){ return !gate.inputCPoints[0].getValue(); } else { return false; } }; //NOT this.mouseIsOver = function() { var hor=mouseX>this.x+5 && mouseX<this.x + this.w-15; var vert = mouseY>this.y+2 && mouseY<this.y-2+this.h; return hor && vert; }; //NOT gate.draw = function() { noFill(); stroke(offColor); if (gate.mouseIsOver()){ strokeWeight(3); } else { strokeWeight(2); } var x = gate.x; var y = gate.y; line(x+2,y+2,x+2,y+gate.h-2); line(x+gate.w-12,y+gate.h/2,x+2,y+gate.h-1); line(x+2,y+2,x+gate.w-12,y+gate.h/2); ellipse(x+gate.w0.83, y+gate.h/2,6,6); for(var i=0; i<gate.inputCPoints.length; i++){ gate.inputCPoints[i].draw(); } for(i=0; i<gate.outputCPoints.length; i++){ gate.outputCPoints[i].draw(); } textSize(8); textAlign(LEFT,1); fill(offColor); text("NOT",gate.x+4,gate.y+gate.h/1.7); }; }; //END NOT /******************************************** * GATE * * ******************************************/ var Gate = function(x, y, gateType){ this.x = x \|\| 0; this.y = y \|\| 0; this.w = 40; this.h = 30; this.value = false; this.inputCPoints = []; this.outputCPoints = []; this.gateType = gateType \|\| "NAND"; switch (this.gateType) { case "NAND": NAND(this); break; case "NOT": NOT(this); break; case "AND": AND(this); break; case "OR": OR(this); break; case "NOR": NOR(this); break; case "XOR": XOR(this); break; case "XNOR": XNOR(this); break; } //GATE this.mouseIsOver = function() { var hor = mouseX>this.x+5 && mouseX<this.x + this.w-5; var vert = mouseY>this.y && mouseY<this.y + this.h; return hor && vert; }; }; /****************************************** * TRASH * * ******************************************/ var Trash = function(g){ var x = 196; var y = 93; var w = 33; var h = 33; var game = g; //TRASH this.draw = function() { stroke(offColor); strokeWeight(2); if (this.mouseIsOver() && g.selected){ fill(connectionColor); textSize(12); textAlign(LEFT,1); text("deleting . . .", x-25,y+50); } else { fill(offColor); } rect(x,y,w,h,10); stroke(khanBlue); line(x+15,y+4,x+18,y+4); line(x+6,y+6,x+27,y+6); line(x+7,y+9,x+11,y+29); line(x+12,y+9,x+14,y+29); line(x+17,y+9,x+17,y+29); line(x+22,y+9,x+20,y+29); line(x+27,y+9,x+23,y+29); }; //TRASH this.mouseIsOver = function(){ var mx = mouseX; var my = mouseY; return mx>x && mx<x+w && my>y && my<y+h; }; }; var NOT_Example = function(xx,yy){ var x = xx \|\| 0; var y = yy \|\| 0; var inp= new InputValue(x,y); var cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; var outp = new OutputValue(x+150,y+8); cp = new ConnectionPoint(outp,0,0,false); outp.connectionPoint = cp; var gate = new Gate(x+55,y-7,"NOT"); var c1 = new Connection(null, inp.connectionPoint,gate.inputCPoints[0]); gate.inputCPoints[0].connection = c1; inp.connectionPoint.connection = c1; var c2 = new Connection(null, gate.outputCPoints[0],outp.connectionPoint); gate.outputCPoints[0].connection = c2; outp.connectionPoint.connection = c2; var step = 0; var endStep = 30; this.draw = function(tx, ty) { tx = tx \|\| 0; ty = ty \|\| 0; step = step%30; if(step===0){ inp.toggle(); } step++; translate(tx,ty); inp.draw(); outp.draw(); gate.draw(); c1.draw(); c2.draw(); translate(-tx,-ty); }; }; var Example = function(gateType, xx, yy){ var x = xx\|\|0; var y = yy\|\|0; var inp= new InputValue(x,y); var cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; var inp2= new InputValue(x,y+18); cp = new ConnectionPoint(inp2,inp2.w/2,inp2.h/2,true); inp2.connectionPoint = cp; var outp = new OutputValue(x+140,y+17); cp = new ConnectionPoint(outp,0,0,false); outp.connectionPoint = cp; var gate = new Gate(x+55,y+2,gateType); var c1 = new Connection(null, inp.connectionPoint,gate.inputCPoints[0]); gate.inputCPoints[0].connection = c1; inp.connectionPoint.connection = c1; var c2 = new Connection(null, inp2.connectionPoint,gate.inputCPoints[1]); gate.inputCPoints[1].connection = c2; inp.connectionPoint.connection = c2; var c3 = new Connection(null, gate.outputCPoints[0],outp.connectionPoint); gate.outputCPoints[0].connection = c3; outp.connectionPoint.connection = c3; var step = 0; var endStep = 120; inp.toggle(); inp2.toggle(); this.draw = function(tx,ty) { tx = tx \|\| 0; ty = ty \|\| 0; step = step%120; if(step===0){ inp.toggle(); inp2.toggle(); }else if(step===30){ inp2.toggle(); }else if(step===60){ inp.toggle(); inp2.toggle(); }else if(step===90){ inp2.toggle(); } step++; translate(tx,ty); inp.draw(); inp2.draw(); outp.draw(); gate.draw(); c1.draw(); c2.draw(); c3.draw(); translate(-tx,-ty); }; }; /****************************************** * Clear Button * * ******************************************/ var ClearButton = function(game){ var x = 140; var y = 370; var w = 65; var h = 40; this.game = game; //CLEARBUTTON this.mouseIsOver = function(){ return mouseX>x&&mouseX<x+w&&mouseY>y&&mouseY<398; }; //CLEARBUTTON this.draw = function() { noFill(); noStroke(); fill(offColor); if(this.mouseIsOver()){ fill(offColorHighlight); } rect(x,y,w,h,10); fill(backgroundColor); textAlign(CENTER,1); textSize(14); text("CLEAR",x+w/2,y+h/2); }; }; //END CLEARBUTTON /****************************************** * TEST * * ******************************************/ var TestButton = function(game){ var x = 330; var y = 370; var w = 65; var h = 40; this.game = game; //TESTBUTTON this.mouseIsOver = function(){ return mouseX>x&&mouseX<395&&mouseY>y&&mouseY<398; }; //TESTBUTTON this.draw = function() { noFill(); noStroke(); fill(khanBlue); if(this.mouseIsOver()){ fill(khanBlueHighlight); } rect(x,y,w,h,10); fill(backgroundColor); textAlign(CENTER,1); textSize(14); text("TEST",x+w/2,y+h/2); }; }; //END TESTBUTTON /****************************************** * NEXT LEVEL BUTTON * * *******************************************/ var NextLevelButton = function(game){ var xin = 200; var yin = 235; var xout = -135; var yout = 78; var rin = 0; //rotation for a spin effect var rout = 360; var w = 250; var h = 160; var step=0; var steps=30; var examples = []; examples.push(new NOT_Example(0,3)); examples.push(new Example("AND",0,0)); examples.push(new Example("OR",0,0)); examples.push(new Example("NOR",0,0)); examples.push(new Example("XOR",0,0)); examples.push(new Example("XNOR",0,0)); this.activated=false; this.game = game; var getX = function(){ var r = step/steps; return (xin-xout)r+xout; }; var getY = function(){ var r = step/steps; return (yin-yout)r+yout; }; var getR = function(){ var r = step/steps; return (rin-rout)r+rout; }; //NEXTLEVELBUTTON this.mouseIsOver = function(){ var x = getX(); var y = getY(); return mouseX>x-w/2&&mouseX<x+w/2&& mouseY>y-h/2&&mouseY<y+h/2; }; //NEXTLEVELBUTTON this.draw = function() { var x = getX(); var y = getY(); var r = getR(); if(step<steps && this.activated){ step++; }else if(step>0 && !this.activated){ step--; } strokeWeight(10); stroke(pulseColor); if(this.mouseIsOver()){ fill(khanBlueHighlight); }else{ fill(khanBlue); } translate(x,y); rotate(r); rect(-w/2,-h/2,w,h,10); fill(connectionColor); textAlign(CENTER,3); textSize(26); text("SUCCESS!",0,h/6-h/2); textSize(12); fill(pulseColor); text("CLICK TO START NEXT LEVEL",0,h/62.3); fill(backgroundColor); textSize(14); text(this.game.congrats[level],0,h/72.5-h/2); if(level<examples.length){ examples[level].draw(-0.31w,0); }else{ fill(backgroundColor); textSize(30); text("LEVEL "+level,0,-10); text("COMPLETE",0,25); } rotate(-r); translate(-x,-y); }; }; // END NEXTLEVELBUTTON /******************************************* * HINTBUTTON * * ******************************************/ var HintButton = function(){ var x = 210; var y = 370; var w = 65; var h = 40; //HINTBUTTON this.mouseIsOver = function(){ return mouseX>x&&mouseX<x+w&&mouseY>y&&mouseY<398; }; //HINTBUTTON this.draw = function() { noFill(); noStroke(); fill(connectionColor); if(this.mouseIsOver()){ fill(connectionColorHighlight); } rect(x,y,w,h,10); fill(backgroundColor); textAlign(CENTER,1); textSize(14); text("HINT",x + w/2,y + h/2); }; }; //END HINTBUTTON /****************************************** * HINT * * *******************************************/ var Hint = function(game){ var xin = 200; var yin = 235; var xout = 340; var yout = -40; var w = 210; var h = 35; var rin = 0; //rotation for a spin effect var rout = 360; var step=0; var steps=30; this.active=false; this.game = game; var getX = function(){ var r = step/steps; return (xin-xout)r+xout; }; var getY = function(){ var r = step/steps; return (yin-yout)r+yout; }; var getR = function(){ var r = step/steps; return (rin-rout)r+rout; }; //HINT this.mouseIsOver = function(){ var x = getX(); var y = getY(); return mouseX>x&&mouseX<x+w&&mouseY>y&&mouseY<y+h; }; //HINT this.draw = function() { var x = getX(); var y = getY(); var r = getR(); if(step<steps && this.active){ step++; }else if(step>0 && !this.active){ step--; } fill(connectionColor); noStroke(); translate(x,y); rotate(r); rect(-w/2,-h/2,w,h,10); textAlign(CENTER,3); textSize(14); fill(backgroundColor); text(this.game.hints[level],0,0); rotate(-r); translate(-x,-y); }; }; // END HINT /******************************************** * EXAMPLESBUTTON * * ******************************************/ var ExamplesButton = function(){ var x = 5; var y = 370; var w = 130; var h = 40; //EXAMPLESBUTTON this.mouseIsOver = function(){ return mouseX>x&&mouseX<x+w&&mouseY>y&&mouseY<398; }; //EXAMPLESBUTTON this.draw = function() { noStroke(); fill(onColor); if(this.mouseIsOver()){ fill(onColorHighlight); } rect(x,y,w,h,10); fill(backgroundColor); textAlign(CENTER,1); textSize(14); text("START SCREEN",x+w/2,y+h/2); }; }; //END EXAMPLESBUTTON /****************************************** * EXAMPLESSCREEN * * ******************************************/ var ExamplesScreen = function(){ this.active=true; var examples = []; examples.push(new NOT_Example(121,130)); examples.push(new Example("NAND",30,180)); examples.push(new Example("AND",220,180)); examples.push(new Example("OR",30,260)); examples.push(new Example("NOR",220,260)); examples.push(new Example("XOR",30,340)); examples.push(new Example("XNOR",220,340)); //EXAMPLESSCREEN this.mouseIsOver = function(){ return true; }; //EXAMPLESSCREEN this.draw = function() { if(this.active){ fill(khanBlue); noStroke(); rect(0,0,400,400); textSize(38); textAlign(LEFT,1); fill(onColor); textAlign(CENTER,1); text("" + numLevels + " LEVELS",200,85); textSize(14); textAlign(LEFT,1); fill(pulseColor); textAlign(CENTER,1); text("CLICK TO START",200,102); //draw title fill(backgroundColor); rect(130,-8,140,45,10); textSize(18); textAlign(CENTER,1); fill(connectionColor); text("LOGIC GATE",200,17); fill(offColor); textSize(12); text("PUZZLER",200,29); for(var i=0;i<examples.length;i++){ examples[i].draw(0,0); } } }; }; // END EXAMPLESSCREEN /****************************************** * GAME * * *******************************************/ var Game = function(){ this.trash = new Trash(this); this.gateMenu = []; this.gates = []; this.connections = []; this.inputs = []; this.outputs = []; this.tests = []; this.selected = null; this.hints = []; this.congrats = []; this.clearButton = new ClearButton(this); this.testButton = new TestButton(this); this.levelComplete = false; this.nextLevelButton = new NextLevelButton(this); this.hintButton = new HintButton(); this.hint = new Hint(this); this.examplesButton = new ExamplesButton(); this.examplesScreen = new ExamplesScreen(this); this.cPA = null; this.connectingToInput = null; //GAME this.draw = function() { var i = 0; //draw the level noStroke(); textAlign(CENTER,1); textSize(45); fill(255, 255, 255); text("LEVEL",200,220); textSize(125); text(level,200,330); //draw the menu fill(44, 55, 71); noStroke(); rect(-8,-8,243,140,10); textSize(12); textAlign(CENTER,1); fill(onColor); text("GATE",25,42); text("MENU",62,42); //draw title fill(backgroundColor); rect(102,-8,125,45,10); textSize(18); textAlign(CENTER,1); fill(connectionColor); text("LOGIC GATE",164,17); fill(offColor); textSize(12); text("PUZZLER",164,32); for(i=0;i<this.gateMenu.length&&i<=level; i++){ this.gateMenu[i].draw(); } this.trash.draw(); //Draw test and next level buttons this.testButton.draw(); this.clearButton.draw(); //Draw hint if(level<6){ this.hintButton.draw(); } //Draw examples button this.examplesButton.draw(); //Draw Tests //Draw Heading this.tests[level].draw(this.inputs[level],this.outputs[level]); //draw gates for(i=0;i<this.gates.length; i++){ this.gates[i].draw(); } //draw outputs for(i=0; i<this.outputs[level].length; i++){ var o = this.outputs[level][i]; this.outputs[level][i].draw(); } //draw inputs for(i=0; i<this.inputs[level].length; i++){ this.inputs[level][i].draw(); } //draw connections for(i=0; i<this.connections.length; i++){ this.connections[i].draw(); } this.hint.draw(); this.nextLevelButton.draw(); this.examplesScreen.draw(); }; //GAME this.select = function(){ // First try to draw a connection this.cPA = this.getConnectionPoint(); if(this.cPA){ this.selected = null; return false; } // Second try to select a gate on the screen for(var i=0; i<this.gates.length; i++){ if (this.gates[i].mouseIsOver()){ this.selected = this.gates[i]; return true; } } // Third try to select a gate on the menu for(i=0;i<this.gateMenu.length && i<=level;i++){ var gate = this.gateMenu[i]; if (this.gateMenu[i].mouseIsOver()){ var g = new Gate(gate.x,gate.y,gate.gateType); this.gates.push(g); this.selected = g; return true; } } this.selected = null; }; //GAME this.getCPFromInputs = function(){ for(var i=0; i<this.inputs[level].length;i++){ var inp = this.inputs[level][i]; if(inp.mouseIsOver()){ return this.inputs[level][i].connectionPoint; } } return null; }; //GAME this.getCPFromOutputs = function(){ for(var i=0; i<this.outputs[level].length;i++){ var outp = this.outputs[level][i]; if(!outp.connectionPoint.connection && outp.mouseIsOver()){ return this.outputs[level][i].connectionPoint; } } return null; }; //GAME this.getCPFromGateInputs = function(){ for(var i=0; i<this.gates.length; i++){ var g = this.gates[i]; for(var j=0; j<g.inputCPoints.length; j++){ if(!g.inputCPoints[j].connection && g.inputCPoints[j].mouseIsOver()){ return g.inputCPoints[j]; } } } return null; }; //GAME this.getCPFromGateOutputs = function(){ for(var i=0; i<this.gates.length; i++){ var g = this.gates[i]; for(var j=0; j<g.outputCPoints.length; j++){ if(g.outputCPoints[j].mouseIsOver()){ return g.outputCPoints[j]; } } } return null; }; //GAME // The logic here goes something like this: // only select a connection point if it should be // a valid option, which means that ouputs on gates // can't connect to outputs of other gates, and so on. this.getConnectionPoint = function(){ var cp = null; if (this.cPA){ if (this.connectingToInput) { cp = this.getCPFromOutputs(); if (cp) { return cp; } cp = this.getCPFromGateInputs(); if (cp) { return cp; } } else { cp = this.getCPFromInputs(); if (cp) { return cp; } cp = this.getCPFromGateOutputs(); if (cp) { return cp; } } return cp; } else { cp = this.getCPFromInputs(); if (cp) { this.connectingToInput = true; return cp; } cp = this.getCPFromOutputs(); if (cp) { this.connectingToInput = false; return cp; } cp = this.getCPFromGateInputs(); if (cp) { this.connectingToInput = false; return cp; } cp = this.getCPFromGateOutputs(); if (cp) { this.connectingToInput = true; return cp; } } this.cPA = null; this.connectingToInput = null; return null; }; //GAME this.remove = function(){ for(var i=0;i<this.connections.length;i++){ if(this.connections[i].a.gate===this.selected \|\| this.connections[i].b.gate===this.selected){ this.connections[i].a.connection = null; this.connections[i].b.connection = null; this.connections.splice(i,1); i--; } } var index = this.gates.indexOf(this.selected); this.gates.splice(index,1); }; //GAME this.test = function(){ if(this.testButton.mouseIsOver()){ this.levelComplete = this.tests[level].test( this.inputs[level], this.outputs[level]); if(this.levelComplete){ this.nextLevelButton.activated = true; }else{ this.nextLevelButton.activated = false; } } }; //GAME this.nextLevel = function(){ if(level<numLevels-1){ level++; this.levelComplete = false; this.nextLevelButton.activated = false; for(var i=0;i<this.connections.length;i++){ this.connections[i].a.connection = null; this.connections[i].b.connection = null; } this.gates = []; this.connections = []; } }; this.clear = function(){ for(var i=0;i<this.connections.length;i++){ this.connections[i].a.connection = null; this.connections[i].b.connection = null; } this.connections = []; this.gates = []; }; //GAME this.previousLevel = function(){ if(level>0){ level--; this.levelComplete = false; this.clear(); } }; //GAME this.toggle = function(){ for(var i=0; i<this.inputs[level].length;i++){ if(this.inputs[level][i].mouseIsOver()){ this.inputs[level][i].toggle(); } } }; }; var game = new Game(); var draw = function() { clock++; background(backgroundColor); game.draw(); if(game.selected){ if(mouseIsPressed){ game.selected.x = mouseX-(game.selected.w/2); game.selected.y = mouseY-(game.selected.h/2); } else { game.selected = null; } } if(game.cPA){ if (mouseIsPressed){ stroke(offColor); strokeWeight(3); var x = game.cPA.getX(); var y = game.cPA.getY(); line(x,y,mouseX,mouseY); } else { game.cPA = null; game.connectingToInput = null; } } if(pulse<220){ pulseUp = true; } if(pulse>300){ pulseUp = false; } if(pulseUp){ pulse+=4; } else { pulse-=4; } pulseColor = color(0.79pulse,0.33pulse,0.015pulse); }; var mousePressed = function(){ game.select(); game.toggle(); game.test(); if (game.nextLevelButton.mouseIsOver() && game.levelComplete){ game.nextLevel(); } if(!game.hint.active && level<6 && game.hintButton.mouseIsOver()){ game.hint.active = true; }else{ game.hint.active = false; } if(!game.examplesScreen.active && game.examplesButton.mouseIsOver()){ game.examplesScreen.active = true; }else{ game.examplesScreen.active = false; } if(game.clearButton.mouseIsOver()){ if(game.nextLevelButton.activated){ game.nextLevelButton.activated = false; }else{ game.clear(); game.levelComplete = false; } } }; var mouseReleased = function(){ if(game.selected && game.trash.mouseIsOver()){ game.remove(); } if(game.cPA){ var cPB = game.getConnectionPoint(); if (cPB){ //needs to also test for valid connection var connection = null; if(game.connectingToInput){ connection=new Connection(game,game.cPA, cPB); } else { connection=new Connection(game,cPB, game.cPA); } cPB.connection = connection; game.cPA.connection = connection; game.connections.push(connection); } } }; var keyPressed = function(){ if(keyCode === RIGHT){ game.nextLevel(); }else if(keyCode === LEFT){ game.previousLevel(); } }; /****************************************** * INITIALIZE ALL GAME DATA * * All of the level-specific initialization * of data goes here *****************************************/ //////////////////////////////////// // GATE MENU /////////////////////////////////// game.gateMenu.push(new Gate(15,50,"NAND")); game.gateMenu.push(new Gate(70,50,"NOT")); game.gateMenu.push(new Gate(125,50,"AND")); game.gateMenu.push(new Gate(180,50,"OR")); game.gateMenu.push(new Gate(15,90,"NOR")); game.gateMenu.push(new Gate(70,90,"XOR")); game.gateMenu.push(new Gate(125,90,"XNOR")); //////////////////////////////////// // LEVEL 0: BUILD NOT GATE /////////////////////////////////// ///////// // INPUTS var cp = null; var inp = null; var outp = null; game.inputs[0] = []; // input 1 inp = new InputValue(20,240,"A"); cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; game.inputs[0].push(inp); ////////// // OUTPUTS game.outputs[0] = []; // output 1 outp = new OutputValue(360,250,"OUT"); cp = new ConnectionPoint(outp,0,0,false); outp.connectionPoint = cp; game.outputs[0].push(outp); // TESTS var test = new Test(); test.labels = ["A","OUT"]; test.inputs.push([false]); test.inputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push("A -> NAND -> OUT"); game.congrats.push("You built a NOT gate!"); //////////////////////////////////// // LEVEL 1: BUILD AND GATE /////////////////////////////////// ///////// // INPUTS var cp = null; var inp = null; var outp = null; game.inputs[1] = []; // input 1 inp = new InputValue(20,180,"A"); cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; game.inputs[1].push(inp); // input 2 inp = new InputValue(20,320,"B"); cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; game.inputs[1].push(inp); ////////// // OUTPUTS game.outputs[1] = []; // output 1 outp = new OutputValue(360,250,"OUT"); cp = new ConnectionPoint(outp,0,0,false); outp.connectionPoint = cp; game.outputs[1].push(outp); // TESTS var test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); game.tests.push(test); //Hints game.hints.push("1NAND, 1NOT"); game.congrats.push("You built an AND gate!"); //////////////////////////////////// // LEVEL 2: BUILD OR GATE /////////////////////////////////// game.inputs[2] = game.inputs[1]; game.outputs[2] = game.outputs[1]; test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); game.tests.push(test); game.hints.push("2NOT, 1NAND"); game.congrats.push("You built an OR gate!"); //////////////////////////////////// // LEVEL 3: BUILD NOR GATE /////////////////////////////////// game.inputs[3] = game.inputs[2]; game.outputs[3] = game.outputs[2]; test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([false]); game.tests.push(test); game.hints.push("2NOT, 1AND"); game.congrats.push("You built a NOR gate!"); //////////////////////////////////// // LEVEL 4: BUILD XOR GATE /////////////////////////////////// game.inputs[4] = game.inputs[3]; game.outputs[4] = game.outputs[3]; test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push("1OR, 1AND, 1NAND"); game.congrats.push("You built an XOR gate!"); //////////////////////////////////// // LEVEL 5: BUILD XNOR GATE /////////////////////////////////// game.inputs[5] = game.inputs[4]; game.outputs[5] = game.outputs[4]; test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); game.tests.push(test); game.hints.push("1NOT, 1XNOR"); game.congrats.push("You built an XNOR gate!"); / 0 0 1 0 1 0 1 0 1 1 1 1 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 1 0 1 1 1 0 0 1 1 1 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 0 0 1 1 1 0 0 1 1 1 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 0 0 1 1 1 0 0 1 1 0 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 1 0 1 0 1 0 1 1 1 0 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 0 0 1 0 1 0 1 1 1 0 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 0 0 1 0 1 0 1 1 1 1 / game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); / 0 0 1 0 1 1 1 0 0 1 1 0 */ game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","OUT"]; test.inputs.push([false,false]); test.inputs.push([false,true]); test.inputs.push([true,false]); test.inputs.push([true,true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); //////////////////////////////////// //START 3-INPUT LEVELS /////////////////////////////////// ///////// // INPUTS cp = null; inp = null; outp = null; game.inputs.push([]); // input 1 inp = new InputValue(20,180,"A"); cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; game.inputs[game.inputs.length-1].push(inp); // input 2 inp = new InputValue(20,250,"B"); cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; game.inputs[game.inputs.length-1].push(inp); // input 3 inp = new InputValue(20,320,"C"); cp = new ConnectionPoint(inp,inp.w/2,inp.h/2,true); inp.connectionPoint = cp; game.inputs[game.inputs.length-1].push(inp); ////////// // OUTPUTS game.outputs.push([]); // output 1 outp = new OutputValue(360,260,"OUT"); cp = new ConnectionPoint(outp,0,0,false); outp.connectionPoint = cp; game.outputs[game.outputs.length-1].push(outp); // TESTS test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); game.tests.push(test); //Hints game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); test.outputs.push([false]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([false]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); game.inputs.push(game.inputs[game.inputs.length-1]); game.outputs.push(game.outputs[game.outputs.length-1]); test = new Test(); test.labels = ["A","B","C","OUT"]; test.inputs.push([false,false,false]); test.inputs.push([false,false,true]); test.inputs.push([false,true,false]); test.inputs.push([false,true,true]); test.inputs.push([true,false,false]); test.inputs.push([true,false,true]); test.inputs.push([true,true,false]); test.inputs.push([true,true,true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); test.outputs.push([true]); game.tests.push(test); game.hints.push(""); game.congrats.push(""); // YOU MUST MANUALLY UPDATE THE numLevels variable when you add a new level... numLevels = 24;
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBiZrPXVBQw
Votes	252
Spin-Offs	27
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"1418760249","title":"Puzzle-Game Challenge","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Cameron Christensen
Author Name	icamlearn
Author ID	kaid_519365130442805081854306
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739282024584
Updated	8 months ago, 1744845367585
Source Deleted	unknown