Viewing Program

Program Data

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

Title	Laser Loop
ID	6503757737672704
Created	3 years ago, 1660931586745
Updated	2 years ago, 1676077624236
Code	/* Click to rotate nodes. Have the lazer hit all pink nodes... then make its way back to where it comes from. Lazer Loop. / var LAZER_COLOR = color(56, 255, 156); var GRID_COLOR = color(250, 115, 250); var HIGHLIGHT_COLOR = color(255, 255, 255); var BG_COLOR = color(54, 0, 54); var PORTAL_A_COLOR = color(41, 255, 251); var PORTAL_B_COLOR = color(255, 200, 43); var LAZER_SIZE = 10; var RNODES_MIN = 5; var RNODES_MAX = 6; random(); size(600, 600, P2D); textFont(createFont("monospace")); frameRate(30); textAlign(CENTER, CENTER); rectMode(CENTER); / ---HELPERS--- / function increaseDir(currentDir, amount){ while (amount > 0){ amount--; currentDir++; if (currentDir >= 6){ currentDir = 0; } } return currentDir; } function getOppositeDir(dir){ return increaseDir(dir, 3); } function posToKey(pos){ return "x"+pos[0] + "y"+pos[1]; } function randomInt(start,end){ return floor(random(start,end)); } / ---TILES DATA--- / var BASE_TILES_DATA = [ {x: 5, y: [-5,0]}, {x: 4, y: [-5,1]}, {x: 3, y: [-5,2]}, {x: 2, y: [-5,3]}, {x: 1, y: [-4,3]}, {x: 0, y: [-3,3]}, {x: -1, y: [-3,4]}, {x: -2, y: [-3,5]}, {x: -3, y: [-2,5]}, {x: -4, y: [-1,5]}, {x: -5, y: [0,5]} ]; var BASE_TILES = []; // {pos,nodeInfo{name,nodeItem}} var BASE_TILES_OBJECT = {}; BASE_TILES_DATA.forEach(function(obj) { for (var i=obj.y[0]; i <= obj.y[1]; i++){ BASE_TILES.push([obj.x, i]); } }); var SAFE_TILES_DATA = [ {x: 3, y: [-4,1]}, {x: 2, y: [-4,2]}, {x: 1, y: [-3,2]}, {x: 0, y: [-2,2]}, {x: -1, y: [-2,3]}, {x: -2, y: [-2,4]}, {x: -3, y: [-1,4]} ]; var SAFE_TILES = []; SAFE_TILES_DATA.forEach(function(obj) { for (var i=obj.y[0]; i <= obj.y[1]; i++){ SAFE_TILES.push([obj.x, i]); } }); / ---LOGIC--- / var isInMenu = false; var isGenerating = true; var hoveredNode = null; var hasWon = false; var NODE_NAMES = { SOURCE: "S", REDIRECT: "R", PORTAL: "P" }; // S{pos, dir}, P{pos, otherPortal} var sourceNode, portalA1, portalA2, portalB1, portalB2; var portalsList = []; // R{pos, dir1, dir2, lazerIndex(-1 means no lazer)} var redirectNodes = []; var lazerData = []; var DIR_VELS = [ // u, ul, dl, d, dr, ur [0,-1], [-1,0], [-1,1], [0,1], [1,0], [1,-1] ]; // takes current node item (pos, dir) and returns next pos function getNextTilePos(pos, dir){ return [ pos[0] + DIR_VELS[dir][0], pos[1] + DIR_VELS[dir][1] ]; } function isInBlacklist(pos, blacklist){ return blacklist.some(function(bPos){ return pos[0] === bPos[0] && pos[1] === bPos[1]; }); } function getRandomPos(pool, blacklist){ var finalPos; while(!finalPos) { finalPos = pool[randomInt(0,pool.length)]; // check if match any in black list if (isInBlacklist(finalPos, blacklist)){ finalPos = null; } } return finalPos; } function getSurroundingPosArray(pos){ var posArray = []; DIR_VELS.forEach(function(vel){ var newPos = [pos[0] + vel[0], pos[1] + vel[1]]; var tileInfo = BASE_TILES_OBJECT[posToKey(newPos)]; // if within grid if (tileInfo){ // if doesnt have any node if (tileInfo.nodeInfo === null){ posArray.push(newPos); } } }); return posArray; } function generatePortals(){ var fourPortalPos = []; var blacklist = [sourceNode.pos]; // no-spawn pos array blacklist = blacklist.concat( getSurroundingPosArray(sourceNode.pos) ); while (fourPortalPos.length < 4){ var newRandomPos = getRandomPos(SAFE_TILES, blacklist); fourPortalPos.push(newRandomPos); // add to blacklist var newBlacklist = getSurroundingPosArray(newRandomPos); blacklist.push(newRandomPos); blacklist = blacklist.concat(newBlacklist); } // set pos and add to dictionary portalsList.forEach(function (portal, i){ portal.pos = fourPortalPos[i]; BASE_TILES_OBJECT[posToKey(portal.pos)].nodeInfo = { name: NODE_NAMES.PORTAL, nodeItem: portal }; }); } // return false if unsuccessful function generateRNodes(){ var blacklist = [sourceNode.pos]; // sNode surrounding blacklist = blacklist.concat( getSurroundingPosArray(sourceNode.pos) ); // portals blacklist = blacklist.concat( portalsList.map(function(portal){ return portal.pos; }) ); var currentPos = sourceNode.pos; // clear after each rNode creation var possibleMoves = []; // {dir from currentPos, pos, distance} // each dir, returns true if leads to source function addPossibleMoves(dir){ var movingPos = currentPos; // moves along current dir var distanceCount = 0; var lazerPosArray = []; // pos array // keep going until out of grid or hit rNode/sNode while (true){ distanceCount++; movingPos = getNextTilePos(movingPos, dir); var currentTileInfo = BASE_TILES_OBJECT[ posToKey(movingPos) ]; // if out of grid then stop if (!currentTileInfo){break;} // if pos is empty then add else if (currentTileInfo.nodeInfo === null){ // check if pos is not in blacklist if (!isInBlacklist(movingPos, blacklist)){ // add move (multiple copies) var newMove = { pos: movingPos, dir: dir, lazerPosArray: lazerPosArray.slice(0) }; for (var i=0; i<distanceCount; i++){ possibleMoves.push(newMove); } // for next moves, this pos is on lazer path lazerPosArray.push(movingPos); } } // pos is not empty (could be s/r/portal) else { var nodeInfo = currentTileInfo.nodeInfo; // if pos is portal if (nodeInfo.name === NODE_NAMES.PORTAL){ movingPos = nodeInfo.nodeItem .otherPortal.pos; } // if pos is rNode then stop else if (nodeInfo.name === NODE_NAMES.REDIRECT){ break; } // if pos is sNode then return true else if (nodeInfo.name === NODE_NAMES.SOURCE){ return true; } } } return false; } // for each rNode to be created // keep going until stuck (no possible move) or enough rNodes while (true){ var dirThatLeadsToSource = null; // go thru all dirs to add possible moves for (var i=0; i < DIR_VELS.length; i++){ // don't do current dir or opposite if (redirectNodes.length > 0){ var lastRNode = redirectNodes[ redirectNodes.length-1 ]; if (lastRNode.dir1 === i \|\| getOppositeDir(lastRNode.dir1) === i){ continue; } } var doesLeadToSource = addPossibleMoves(i); if (doesLeadToSource){ dirThatLeadsToSource = i; } } // if enough rNodes if (redirectNodes.length >= RNODES_MIN){ // stop if does lead to source if (dirThatLeadsToSource !== null){ var lastRNode = redirectNodes[ redirectNodes.length-1 ]; // also add dir2 to last rNode lastRNode.dir2 = dirThatLeadsToSource; break; } } // stuck? regenerate if (possibleMoves.length === 0){ return false;} else { // pick a move {pos, dir, lazerPosArray} var pickedMove = possibleMoves[randomInt( 0, possibleMoves.length )]; possibleMoves = []; // reset // set dir2 of current rNode if has any rNode if (redirectNodes.length > 0){ redirectNodes[ redirectNodes.length-1 ].dir2 = pickedMove.dir; } var newRNode = { pos: pickedMove.pos, dir1: getOppositeDir(pickedMove.dir), dir2: null, lazerIndex: -1 }; // add to rNodes list redirectNodes.push(newRNode); // add to dictionary BASE_TILES_OBJECT[posToKey(newRNode.pos)] .nodeInfo = { name: NODE_NAMES.REDIRECT, nodeItem: newRNode }; // add lazer pos array to blacklist blacklist = blacklist.concat(pickedMove.lazerPosArray); // add surround tiles to blacklist for (var i=0; i<DIR_VELS.length; i++){ var neighborPos = getNextTilePos(newRNode.pos, i); blacklist.push(neighborPos); } currentPos = newRNode.pos; } } return true; } / 1. Reset data 2. Reset base tiles dictionary 3. Source node 4. Portals 5. Redirect nodes 6. Check size. 7. Scramble nodes. / function newPuzzle(){ // reset data isInMenu = false; hoveredNode = null; hasWon = false; lazerData = []; redirectNodes = []; portalA1 = {}; portalA2 = {}; portalB1 = {}; portalB2 = {}; portalA1.otherPortal = portalA2; portalA2.otherPortal = portalA1; portalB1.otherPortal = portalB2; portalB2.otherPortal = portalB1; portalsList = [portalA1, portalA2, portalB1, portalB2]; // set up map dictionary BASE_TILES.forEach(function(pos){ BASE_TILES_OBJECT[posToKey(pos)] = { pos: pos, nodeInfo: null }; }); // generate source node sourceNode = { pos: getRandomPos(SAFE_TILES, []), // pos: [0,1], dir: randomInt(0,6) }; // set sNode to dictionary BASE_TILES_OBJECT[posToKey(sourceNode.pos)].nodeInfo = { name: NODE_NAMES.SOURCE, nodeItem: sourceNode }; generatePortals(); // generate portals // rNodes. regenerate (false) if unsuccessful isGenerating = !generateRNodes(); // fail if too many rNodes if (redirectNodes.length > RNODES_MAX){ isGenerating = true; } // scramble rotatable nodes if (!isGenerating){ redirectNodes.forEach(function(rNode){ var rotateAmount = randomInt(2,5); for (var i=0; i < rotateAmount;i ++){ rNode.dir1 = increaseDir(rNode.dir1, 1); rNode.dir2 = increaseDir(rNode.dir2, 1); } }); } } function getCurrentLazerData(){ if (lazerData.length === 0){ return sourceNode; } else { return lazerData[lazerData.length-1]; } } var lazerHits = { rNode: function(rNode){ var currentLazerData = getCurrentLazerData(); var entranceDir = getOppositeDir(currentLazerData.dir); var outputDir; if (entranceDir === rNode.dir1){ outputDir = rNode.dir2; } else if (entranceDir === rNode.dir2){ outputDir = rNode.dir1; } // if lazer successfully enters this rNode if (typeof outputDir === "number"){ rNode.lazerIndex = lazerData.length; // add an invisible lazer right on this rNode lazerData.push({ pos: rNode.pos, dir: outputDir }); } }, portal: function(portal){ var currentLazerData = getCurrentLazerData(); lazerData.push({ pos: portal.otherPortal.pos, dir: currentLazerData.dir }); }, sNode: function(sNode){ hasWon = redirectNodes.every(function(rNode){ return rNode.lazerIndex !== -1; }); } }; // move lazer forward function updateLazer(){ hasWon = false; // reset var currentLazerData = getCurrentLazerData(); var nextTilePos = getNextTilePos( currentLazerData.pos, currentLazerData.dir ); var nextTileInfo = BASE_TILES_OBJECT[posToKey(nextTilePos)]; // check if is within grid if ( nextTileInfo ){ // check if is empty if (!nextTileInfo.nodeInfo){ // move lazer forward lazerData.push({ pos: nextTilePos, dir: currentLazerData.dir }); } else { var nodeItem = nextTileInfo.nodeInfo.nodeItem; switch (nextTileInfo.nodeInfo.name){ case NODE_NAMES.REDIRECT: lazerHits.rNode(nodeItem); break; case NODE_NAMES.PORTAL: lazerHits.portal(nodeItem); break; case NODE_NAMES.SOURCE: lazerHits.sNode(nodeItem); break; } } } } / ---RENDER--- / var offset = [width/2, height/2]; var TILE_SCALE = 34; var HOVER_RANGE = TILE_SCALE 1.1; var SQRT_3 = Math.sqrt(3); var HALF_SQRT_3 = SQRT_3 / 2; var HALF_TILE_SCALE = TILE_SCALE / 2; var SCALED_SQRT = HALF_SQRT_3 * TILE_SCALE; function getRenderPos(pos){ return [offset[0] + pos[0] * TILE_SCALE * 3 / 2, offset[1] + (pos[1] * 2 + pos[0]) * SCALED_SQRT]; } // returns the end point position of the line segment function getLineEndPos(pos, dir){ var renderPos = getRenderPos(pos); var x = renderPos[0], y = renderPos[1]; var CALCULATED_X_OFFSET = TILE_SCALE0.75; var CALCULATED_Y_OFFSET = SCALED_SQRT/2; switch (dir){ case 0: return [ x, y - SCALED_SQRT ]; case 1: return [ x - CALCULATED_X_OFFSET, y - CALCULATED_Y_OFFSET ]; case 2: return [ x - CALCULATED_X_OFFSET, y + CALCULATED_Y_OFFSET ]; case 3: return [ x, y + SCALED_SQRT ]; case 4: return [ x + CALCULATED_X_OFFSET, y + CALCULATED_Y_OFFSET ]; case 5: return [ x + CALCULATED_X_OFFSET, y - CALCULATED_Y_OFFSET ]; } return [0,0]; // unknown dir } function renderTile(pos){ var renderPos = getRenderPos(pos); var x = renderPos[0], y = renderPos[1]; beginShape(); vertex(x + TILE_SCALE, y); vertex(x + HALF_TILE_SCALE, y + SCALED_SQRT); vertex(x - HALF_TILE_SCALE, y + SCALED_SQRT); vertex(x - TILE_SCALE, y); vertex(x - HALF_TILE_SCALE, y - SCALED_SQRT); vertex(x + HALF_TILE_SCALE, y - SCALED_SQRT); endShape(CLOSE); } function tileIsHovered(pos){ var renderPos = getRenderPos(pos); var x = renderPos[0], y = renderPos[1]; return dist(mouseX, mouseY, x, y) < HOVER_RANGE; } function renderHighlight(pos){ noFill(); strokeWeight(5); stroke(HIGHLIGHT_COLOR); renderTile(pos); } function renderGrid(){ strokeWeight(1); stroke(GRID_COLOR); noFill(); BASE_TILES.forEach(function(pos){ renderTile(pos); }); } function renderAllLazer(){ strokeWeight(LAZER_SIZE); stroke(hasWon? HIGHLIGHT_COLOR : LAZER_COLOR); lazerData.forEach(function(lazerItem, i){ var end1 = getLineEndPos(lazerItem.pos, lazerItem.dir); var end2 = getLineEndPos(lazerItem.pos, getOppositeDir(lazerItem.dir)); // don't render if already has something there if (!BASE_TILES_OBJECT[ posToKey(lazerItem.pos) ].nodeInfo){ line(end1[0], end1[1], end2[0], end2[1]); } // particles if (i === lazerData.length - 1){ strokeWeight(LAZER_SIZE0.3); for (var amount=0; amount < 10; amount++){ point(end1[0] + random(-10,10), end1[1] + random(-10,10)); } } }); } function renderSourceNode(){ fill(hasWon? HIGHLIGHT_COLOR : LAZER_COLOR); noStroke(); renderTile(sourceNode.pos); if (!isInMenu && tileIsHovered(sourceNode.pos)){ cursor(HAND); renderHighlight(sourceNode.pos); hoveredNode = sourceNode; } } function renderRedirectNodes(){ redirectNodes.forEach(function(rNode){ // gray hex background fill(GRID_COLOR); noStroke(); renderTile(rNode.pos); strokeWeight(LAZER_SIZE); // lazer color lines if has lazerIndex > -1 if (rNode.lazerIndex > -1){ stroke(hasWon? HIGHLIGHT_COLOR : LAZER_COLOR); } else { stroke(BG_COLOR); } var centerPos = getRenderPos(rNode.pos); var end1 = getLineEndPos(rNode.pos, rNode.dir1); var end2 = getLineEndPos(rNode.pos, rNode.dir2); line(centerPos[0], centerPos[1], end1[0], end1[1]); line(centerPos[0], centerPos[1], end2[0], end2[1]); if (!isInMenu && tileIsHovered(rNode.pos)){ cursor(HAND); renderHighlight(rNode.pos); hoveredNode = rNode; } }); } function renderPortals(){ noFill(); strokeWeight(7); portalsList.forEach(function (portal, i){ stroke(i < 2 ? PORTAL_A_COLOR : PORTAL_B_COLOR); var centerPos = getRenderPos(portal.pos); ellipse(centerPos[0], centerPos[1], TILE_SCALE1.3, TILE_SCALE1.3); ellipse(centerPos[0], centerPos[1], TILE_SCALE0.5, TILE_SCALE0.5); }); } function draw(){ cursor(ARROW); if (isGenerating){ background(BG_COLOR); textSize(35); fill(GRID_COLOR); text("Generating puzzle...", 300, 300); newPuzzle(); return; } hoveredNode = null; background(BG_COLOR); renderGrid(); renderSourceNode(); renderRedirectNodes(); renderPortals(); renderAllLazer(); updateLazer(); if (hasWon){ textSize(40); fill(HIGHLIGHT_COLOR); text("NICE", 300 + random(5), 560 + random(5)); text("WOW", 300 + random(5), 30 + random(5)); } // new puzzle button fill(GRID_COLOR); textSize(30); if (mouseX < 150 && mouseY < 70 && !isInMenu){ cursor(HAND); pushMatrix(); translate(85,30); rotate(random(-10, 10)); scale(1.3); text("ANOTHER", random(-5,5), random(-5,5)); popMatrix(); // check click if (mouseIsPressed){ isInMenu = true; } } else { text("ANOTHER", 85, 30); } // render menu if (isInMenu){ fill(0,0,0,200); noStroke(); rect(300,300,700,700); fill(GRID_COLOR); textSize(50); var mouseWithinX = mouseX > 200 && mouseX < 400; // easy button if (mouseWithinX && mouseY > 120 && mouseY < 180){ cursor(HAND); pushMatrix(); translate(300,150); rotate(random(-10, 10)); scale(0.5); text("TINY", random(-5,5), random(-5,5)); popMatrix(); // check click if (mouseIsPressed){ RNODES_MIN = 5; RNODES_MAX = 6; newPuzzle(); } } else { text("TINY", 300, 150); } // normal button if (mouseWithinX && mouseY > 270 && mouseY < 330){ cursor(HAND); pushMatrix(); translate(300,300); rotate(random(-10, 10)); scale(1.1); text("MODERATE", random(-5,5), random(-5,5)); popMatrix(); // check click if (mouseIsPressed){ RNODES_MIN = 9; RNODES_MAX = 11; newPuzzle(); } } else { text("MODERATE", 300, 300); } // hard button if (mouseWithinX && mouseY > 420 && mouseY < 480){ cursor(HAND); pushMatrix(); translate(300,450); rotate(random(-10, 10)); scale(2.0); text("HUMONGOUS", random(-5,5), random(-5,5)); popMatrix(); // check click if (mouseIsPressed){ RNODES_MIN = 16; RNODES_MAX = 100; newPuzzle(); } } else { text("HUMONGOUS", 300, 450); } } } // clear lazerIndex if got cut function clearRNodes(){ redirectNodes.forEach(function (rNode){ if (lazerData.length <= rNode.lazerIndex){ rNode.lazerIndex = -1; } }); } function mouseClicked(){ if (hoveredNode){ if (hoveredNode === sourceNode){ // sNode sourceNode.dir = increaseDir(sourceNode.dir, 1); lazerData = []; clearRNodes(); } else { // rNode var rNode = hoveredNode; if (rNode.lazerIndex !== -1){ // lazer is hitting lazerData = lazerData.slice(0, rNode.lazerIndex); rNode.lazerIndex = -1; var entranceDir = getOppositeDir( getCurrentLazerData().dir ); do { rNode.dir1 = increaseDir(rNode.dir1, 1); rNode.dir2 = increaseDir(rNode.dir2, 1); } while (rNode.dir1 !== entranceDir && rNode.dir2 !== entranceDir); } else { // free rotate rNode.dir1 = increaseDir(rNode.dir1, 1); rNode.dir2 = increaseDir(rNode.dir2, 1); } clearRNodes(); } } } function keyPressed(){ if (keyCode === 219){ noLoop(); fill(0,0,0,190); rect(300, 300, 700, 700); fill(GRID_COLOR); textSize(120); text("Laser>\t\n\t<Loop", 300, 300); } } (function(){ var doc = "document"; this[doc].body.setAttribute("style", "touch-action: manipulation;"); })();
Folds	26,35,36,38,39,41,42,44,48,60,64,68,70,78,80,84,93,97,106,114,117,122,124,128,129,139,141,155,157,180,183,337,339,347,348,406,409,415,417,449,452,485,498,501,504,538,540,552,553,557,558,563,565,572,574,597,599,608,610,636,638,649,654,773,776,782,784,814,816,825,827,830
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKPNoeTGCww
Votes	180
Spin-Offs	1
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Logix Indie
Author Name	logixindie
Author ID	kaid_392376572178111917340371
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739458696255
Updated	10 months ago, 1739458702446
Source Deleted	unknown