Viewing Program

Program Data

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

Title	Circled: A minigame.
ID	5206517969010688
Created	4 years ago, 1615739369404
Updated	4 years ago, 1615841281382
Code	var scene = 'logo'; var frames = 0; var clicked = false; mouseClicked = function(){ clicked = true; }; var logo = function(){ background(20); frames++; pushMatrix(); translate(width / 2, height / 2); scale(width / 175); stroke(20); strokeWeight(10); fill(255, 100, 0, frames * 10 - 50); quad(0, -50, -45, -25, 0, 0, 45, -25); fill(0, 200, 255, frames * 10 - 170); quad(0, 0, -45, -25, -45, 25, 0, 50); fill(150, 0, 200, frames * 10 - 290); quad(0, 0, 45, -25, 45, 25, 0, 50); popMatrix(); if(clicked \|\| frames > 100){ scene = 'menu'; } }; var mainCol = color(200, 50, 100); var score = 0; var button = function(x, y, txt, nxt){ fill(255); noStroke(); textSize(180); fill(0, 50); text(txt, x - 5, y - 20); fill(mainCol); text(txt, x, y - 30); if(dist(x, y, mouseX, mouseY) < 70){ cursor(HAND); if(clicked){ scene = nxt; score = 0; } } }; var bgdots = []; for(var i = 0; i <= width; i += 60){ for(var j = 0; j <= width; j += 60){ bgdots.push([i, j, random(20, 60), floor(random(0, 2))]); } } var menu = function(){ background(255); for(var i = 0; i < bgdots.length; i++){ fill(0, bgdots[i][2]); if(bgdots[i][3] === 1){ fill(mainCol, bgdots[i][2] * 1.25); } noStroke(); ellipse(bgdots[i][0], bgdots[i][1], bgdots[i][2], bgdots[i][2]); } textAlign(CENTER, CENTER); textFont(createFont("monospace Bold"), 220); fill(0, 50); text("C D", 299, 170); fill(mainCol); text("C D", 304, 160); textSize(93); fill(0, 50); text("IRCLE", 295, 160); fill(mainCol); text("IRCLE", 300, 150); noStroke(); fill(0, 50); rect(170, 225, 250, 40, 5); fill(50); rect(175, 215, 250, 40, 5); fill(255); textSize(26); text("BY CUBIC CODING", 300, 230); button(300, 375, "▶", 'game'); button(125, 375, "?", 'help'); button(475, 375, "C", 'colors'); }; var degreeSpots = -180; var spd = 0.75; var pSpot = 2; var missingDot = 2; var trailDots = []; var scoreMessageSz = 0; var scoreMessageSpd = 0; var game = function(){ background(255); strokeWeight(15); noFill(); stroke(0, 50); ellipse(295, 310, 500, 500); ellipse(295, 310, 100, 100); stroke(mainCol); ellipse(300, 300, 500, 500); ellipse(300, 300, 100, 100); noStroke(); textSize(65); fill(0, 50); text(score, 45, 60); fill(50); text(score, 50, 50); fill(0, 50); ellipse(295, 360 + pSpot * 50, 50, 50); fill(50); ellipse(300, 350 + pSpot * 50, 50, 50); fill(0, 50); if(missingDot !== 1){ ellipse(295 + sin(degreeSpots) * 95, 310 + cos(degreeSpots) * 95, 40, 40); } if(missingDot !== 2){ ellipse(295 + sin(degreeSpots) * 150, 310 + cos(degreeSpots) * 150, 40, 40); } if(missingDot !== 3){ ellipse(295 + sin(degreeSpots) * 205, 310 + cos(degreeSpots) * 205, 40, 40); } fill(mainCol); if(missingDot !== 1){ ellipse(300 + sin(degreeSpots) * 95, 300 + cos(degreeSpots) * 95, 40, 40); trailDots.push([300 + sin(degreeSpots) * 95, 300 + cos(degreeSpots) * 95, 40]); } if(missingDot !== 2){ ellipse(300 + sin(degreeSpots) * 150, 300 + cos(degreeSpots) * 150, 40, 40); trailDots.push([300 + sin(degreeSpots) * 150, 300 + cos(degreeSpots) * 150, 40]); } if(missingDot !== 3){ ellipse(300 + sin(degreeSpots) * 205, 300 + cos(degreeSpots) * 205, 40, 40); trailDots.push([300 + sin(degreeSpots) * 205, 300 + cos(degreeSpots) * 205, 40]); } fill(mainCol); for(var i = 0; i < trailDots.length; i++){ ellipse(trailDots[i][0], trailDots[i][1], trailDots[i][2], trailDots[i][2]); trailDots[i][2] -= 1; } degreeSpots += spd; if(clicked){ pSpot++; } if(pSpot > 3){ pSpot = 1; } if(degreeSpots > 90){ degreeSpots = degreeSpots - 360; missingDot = floor(random(1, 4)); spd += 0.1; score++; scoreMessageSz = 250; scoreMessageSpd = 2; } if(missingDot !== 1 && dist(300 + sin(degreeSpots) * 95, 300 + cos(degreeSpots) * 95, 300, 350 + pSpot * 50) < 45){ scene = 'dead'; } if(missingDot !== 2 && dist(300 + sin(degreeSpots) * 150, 300 + cos(degreeSpots) * 150, 300, 350 + pSpot * 50) < 45){ scene = 'dead'; } if(missingDot !== 3 && dist(300 + sin(degreeSpots) * 205, 300 + cos(degreeSpots) * 205, 300, 350 + pSpot * 50) < 45){ scene = 'dead'; } textSize(50); fill(50); pushMatrix(); translate(lerp(300, 50, 1 - scoreMessageSz / 250), lerp(300, 50, 1 - scoreMessageSz / 250)); scale(scoreMessageSz / 50); text("+1", 0, -5); popMatrix(); scoreMessageSz -= scoreMessageSpd; scoreMessageSpd += 0.5; scoreMessageSz = constrain(scoreMessageSz, 0, 250); }; var help = function(){ background(255); for(var i = 0; i < bgdots.length; i++){ fill(0, bgdots[i][2]); if(bgdots[i][3] === 1){ fill(mainCol, bgdots[i][2] * 1.25); } noStroke(); ellipse(bgdots[i][0], bgdots[i][1], bgdots[i][2], bgdots[i][2]); } textSize(120); fill(0, 50); text("HELP", 295, 140); fill(mainCol); text("HELP", 300, 130); textSize(37); fill(0, 50); text("You are the little black\ndot. Click to switch\nbetween 3 different spots\non the circle. Don't touch\nthe rotating dots.\nGood luck!", 295, 350); fill(50); text("You are the little black\ndot. Click to switch\nbetween 3 different spots\non the circle. Don't touch\nthe rotating dots.\nGood luck!", 300, 340); button(60, 520, "<", 'menu'); }; var colorswitchbutton = function(x, y, col){ stroke(0, 50); strokeWeight(10); noFill(); ellipse(x - 5, y + 10, 100, 100); fill(0, 50); noStroke(); ellipse(x - 5, y + 10, 70, 70); stroke(50); if(mainCol === col){ stroke(col); } noFill(); ellipse(x, y, 100, 100); fill(col); noStroke(); ellipse(x, y, 70, 70); if(dist(x, y, mouseX, mouseY) < 50){ cursor(HAND); if(clicked){ mainCol = col; } } }; var colors = function(){ background(255); for(var i = 0; i < bgdots.length; i++){ fill(0, bgdots[i][2]); if(bgdots[i][3] === 1){ fill(mainCol, bgdots[i][2] * 1.25); } noStroke(); ellipse(bgdots[i][0], bgdots[i][1], bgdots[i][2], bgdots[i][2]); } textSize(120); fill(0, 50); text("COLORS", 295, 140); fill(mainCol); text("COLORS", 300, 130); colorswitchbutton(150, 280, color(200, 50, 100)); colorswitchbutton(300, 280, color(100, 50, 150)); colorswitchbutton(450, 280, color(200, 20, 20)); colorswitchbutton(150, 420, color(255, 120, 0)); colorswitchbutton(300, 420, color(50, 200, 70)); colorswitchbutton(450, 420, color(30, 150, 210)); button(60, 520, "<", 'menu'); }; var dead = function(){ background(255); for(var i = 0; i < bgdots.length; i++){ fill(0, bgdots[i][2]); if(bgdots[i][3] === 1){ fill(mainCol, bgdots[i][2] * 1.25); } noStroke(); ellipse(bgdots[i][0], bgdots[i][1], bgdots[i][2], bgdots[i][2]); } textSize(120); fill(0, 50); text("YOU DIED", 295, 140); fill(mainCol); text("YOU DIED", 300, 130); textSize(37); fill(0, 50); text("You died, but you were\ncircled " + score + " times!", 295, 350); fill(50); text("You died, but you were\ncircled " + score + " times!", 300, 340); button(60, 520, "<", 'menu'); button(200, 515, "↻", 'game'); degreeSpots = -180; spd = 0.75; pSpot = 2; missingDot = 2; trailDots = []; scoreMessageSz = 0; scoreMessageSpd = 0; }; draw = function() { cursor(ARROW); switch(scene){ case 'logo': logo(); break; case 'menu': menu(); break; case 'game': game(); break; case 'help': help(); break; case 'colors': colors(); break; case 'dead': dead(); break; } clicked = false; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL3wzumfCQw
Votes	168
Spin-Offs	4
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Cubic Coding
Author Name	CubicCoding
Author ID	kaid_286229724490605800583292
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739377263033
Updated	10 months ago, 1739377269117
Source Deleted	unknown