p5.js Web Editor | LineArt Puzzle

xxxxxxxxxx
var order=["1", "2", "3", "4", "5", "6", "7", "8", "9"];
var upper=["X", "X" ];
//var upper=[];
var lower=[];
//var lower=["X","X"];
var moves=[];      // Array of automoves;
​
var pos=7; //Keeping track of first position of rect
​
var bigRect=120;
var smallRect=40;
var trackUpper=0; // This is dumb, but this tracks the virtual positio of the block
​
​
var bigX;
var bigY; 
var x;
var y; 
​
​
​
​
function setup() {
  createCanvas(400, 400);
  bigX = 0
  bigY=height/3;
}
​
function draw() {
  background('white');
  
  fill('darkblue');
  rect(bigX, bigY, width, bigRect);
  fill('lightblue');
  rect(bigX, bigY+ (bigRect/3), width, smallRect);
  rect(7*width/16, bigY, (width/16)*2, smallRect)
  rect(7*width/16, bigY+((bigRect/3)*2), (width/16)*2, smallRect)
  
  if(upper.length)
  {
  trackUpper=1;  
  }
  
// Center Slider 
  for(var i=0; i<order.length; i++)
  {
    
    x= (i+pos)*(width/16);
    y= (bigY+(bigRect/3));
    if(order[i]=="4")
    {
    fill('tan')
    rect(x,y, (width/16)*2, smallRect);
    }
    else if((order[i]!="X") && (order[i]!="5"))
    {
    fill('beige');
    rect(x, y, width/16, smallRect);
    }
    else if((order[i]=="X") && (order[i+1]=="X"))
    {
    fill('brown');
    rect(x, y, (width/16)*2, smallRect);
    }
  fill('black');
  textAlign(CENTER);
  textSize(20);
  if(order[i]!="X")
    {
  text(order[i],x+(width/16)/2, y+(smallRect/2)+5 );
    }
  }
  
  // Upper box
  for(var i=0; i<upper.length; i++)
  {
  x=(i+7)*(width/16);
  y=bigY;
  if(upper[i]=="4")
    {
    fill('tan')
    rect(x,y, (width/16)*2, smallRect);
    }
  
  else if((upper[i]!="X") && (upper[i]!="5"))
  {
  fill('beige');
  rect(x, y, width/16, smallRect);
  }
  else if((upper[i]=="X") && (upper[i+1]=="X"))
  {
  fill('brown');
  rect(x,y, width/16*2, smallRect);
  }
  //text(upper[i], x, y);
  fill('black');
  if(upper[i]!="X")
    {
  text(upper[i], x+(width/16)/2, y+(smallRect/2)+5)
    }
  }
  
  for(var i=0; i<lower.length; i++)
  {
  x=(i+7)*(width/16);
  y=bigY+(bigRect/3)*2;
  if(lower[i]=="4")
    {
    fill('tan')
    rect(x,y, (width/16)*2, smallRect);
    }
 else if((lower[i]!="X") && (lower[i]!="5"))
  {
  fill('beige');
  rect(x, y, width/16, smallRect);
  }
  else if((lower[i]=="X") && (lower[i+1]=="X"))
  {
  fill('brown');
  rect(x,y, width/16*2, smallRect);
  }
  fill('black');
  if(lower[i]!="X")
      {
  text(lower[i], x+(width/16)/2, y+(smallRect/2)+5)
      }
  }
  
  
// If there are moves, make 1 move
  if(moves.length)
  {
  frameRate(3);
  execute()
  }
  else
  {
  frameRate(120);
  }
    
  
  
  
}
​
​
​
function keyPressed()
{
//console.log(keyCode); 
switch(keyCode)
      {
        case 37: moveLeft();
          break;
        case 38: moveUp();
          break;
        case 39: moveRight();
          break;
        case 40: moveDown();
          break;
        case 77: mix();
          break;
        case 32: endCase();
          //console.log(millis());
        break;
        
      }
  
  
}
​
​
​
function moveLeft()
{
if(pos>0)
{
pos--;  
}
}
​
function moveRight()
{
if(pos<7)
  {
  pos++; 
  }
}
​
function moveDown()
{
if((lower.length==0) && ((order[0+(7-pos)]=="X" && order[1+(7-pos)]=="X") || (order[0+(7-pos)]!="X" && order[1+(7-pos)]!="X")) && ((order[0+(7-pos)]!="5" && order[1+(7-pos)]!="4")) )
     {
    lower[0]= order[0+(7-pos)];
    lower[1]= order[1+(7-pos)];
   order[0+(7-pos)]= upper[0];
   order[1+(7-pos)]= upper[1];
    upper.length=0;
    trackUpper=0;
     }
}
​
​
function moveUp()
{
if((upper.length==0) && ((order[0+(7-pos)]=="X" && order[1+(7-pos)]=="X") || (order[0+(7-pos)]!="X" && order[1+(7-pos)]!="X"))&& ((order[0+(7-pos)]!="5" && order[1+(7-pos)]!="4")) )
   {
    upper[0]= order[0+(7-pos)];
    upper[1]= order[1+(7-pos)];
   order[0+(7-pos)]= lower[0];
   order[1+(7-pos)]= lower[1];
    lower.length=0;
    trackUpper=1;
   } 
}
​
​
function mix()
{
for(var i=0; i<100; i++)
  
{
nextMove=floor(random(3));
​
switch(nextMove)
{
  case 0: moveLeft();
    break;
  case 1: moveRight();
      break;
  case 2: 
    if(upper.length)
    {moveDown()
    }
    else
    {moveUp();
    }
    break;
   //case 3: moveDown();
    //break;
}
  
}
    
}
​
​
// This function will take in a 
// position of 2 digits and 
// create the commands needed to swap them
​
function swap(inPair){
​
var pair= inPair;     // This is the pair we want to swap
var desiredPos;  // Desired position of the delio 
var origBlock;  // Original position of the XX up/ down  
if(trackUpper)
{
origBlock=1; 
}
else
{
origBlock=0;  
}
​
// Pair 3 = pos 0
// pair 2 = pos 1
// pair 1 = pos 2
  
desiredPos=3-pair;  
  
//console.log(pos); 
​
//This is bad, but we need to move the slider all
// the way to the left because we can't keep track
// of the virtual position
  
for(var i=0; i<7; i++)
{
moves.push(0); 
}
  
//First move slider into desired pair position.
for(var i=0; i<desiredPos; i++)
  {
  moves.push(1);
  }
  
// Move Pair either up or down out of the slider
if(origBlock)
{
moves.push(3);
}
else
{
moves.push(2);
}
 
// Move slider all the way to the right 
for(var i=0; i<7-desiredPos; i++)
{
moves.push(1);  
}
  
// Do the cycle to reverse numbers
if(origBlock)
{// UP LEFT DOWN RIGHT, UP LEFT DOWN RIGHT UP
moves.push(2);
moves.push(0);  
moves.push(3);  
moves.push(1);  
moves.push(2);
moves.push(0);
moves.push(3);
moves.push(1);
moves.push(2);  
 }
else
{
//DOWN LEFT UP RIGHT DOWN LEFT UP RIGHT DOWN
moves.push(3);
moves.push(0);  
moves.push(2);  
moves.push(1);  
moves.push(3);
moves.push(0);
moves.push(2);
moves.push(1);
moves.push(3);
}
  
//MOVE THE SLIDER BACK AND PUT THE NUMBER BACK IN SLIDER
​
for(var i=0; i<7-desiredPos; i++)
{
moves.push(0); 
}
​
if(origBlock)
{
moves.push(3);
}
else
{
moves.push(2);  
}
if(trackUpper)
{
trackUpper=0; 
}
else
{
trackUpper=1;  
}
}
​
​
​
​
​
function execute()
{
  
  
//var nextMove=moves.pop();
  
var nextMove=moves.splice(0,1);
//console.log(nextMove);
//for(var i=0; i<moves.length; i++)
{
//switch(moves[i])
  switch(nextMove[0])
  {
    case 0: moveLeft();
      //console.log("Left");
      break;
    case 1: moveRight();
     // console.log("right");
      break;
    case 2: moveUp();
      //console.log("UP");
      break;
    case 3: moveDown();
      //console.log("DOWN");
      break;
    
    
    
  }
}
  
  
//moves.length=0;  
}
​
​
function endCase()
{
var finalOrd=0;
var multiplier=1000;
for(var i=5; i<order.length; i++)
{
finalOrd+=order[i]*multiplier;
multiplier/=10;
}
switch(finalOrd)
{
  case 6789:
    break;
  case 6897:
    swap(3);
    swap(2);
  break;
  case 6978:
    swap(2);
    swap(3);
  break;
  case 7698:
    swap(1);
    swap(3);
  break;
  case 7986:
      swap(3);
      swap(2);
      swap(1);
      swap(3);
  break;
  case 8796:
      swap(3);
      swap(2);
      swap(1);
      swap(2);  
  break;
  default: 
    bigSwap();
  break;
}
  
//console.log(order.length + "Moves added "  + millis());
}
​
function bigSwap()
{
for(var i=0; i<7; i++)
{
moves.push(0);
}
if(upper.length)
{
moves.push(3); 
}
else
{
moves.push(2); 
}
moves.push(1);
moves.push(1);
  
if(upper.length)
{
moves.push(2); 
}
else
{
moves.push(3);  
}
moves.push(0);
moves.push(0);
​
if(upper.length)
{
trackUpper=0;
moves.push(3);
}
else
{
trackUpper=1;
moves.push(2); 
}
  
  
  
var finalOrd=0;
var multiplier=1;
for(var i=order.length-1; i>=5; i--)
{
finalOrd+=order[i]*multiplier;
  multiplier*=10;
}
finalOrd=str(finalOrd);
var temp=[];
  temp.push(finalOrd[2]);
  temp.push(finalOrd[3]);
  temp.push(finalOrd[0]);
  temp.push(finalOrd[1]);
​
multiplier=1000;
finalOrd=0;
for(var i=0; i<4; i++)
{
finalOrd+=int(temp[i]*multiplier);
multiplier/=10;
}
​
  //console.log(finalOrd);
  
switch(finalOrd)
{
  case 6789:
      break;
  case 6897:
    swap(3);
    swap(2);
  break;
  case 6978:
    swap(2);
    swap(3);
  break;
  case 7698:
    swap(1);
    swap(3);
  break;
  case 7986:
      swap(3);
      swap(2);
      swap(1);
      swap(3);
  break;
  case 8796:
      swap(3);
      swap(2);
      swap(1);
      swap(2);  
  break;
}
​
}
Cookies

Sketch Files

Console

Preview
