Viewing Program

Program Data

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

Title	Khantober 2021
ID	6641280046120960
Created	4 years ago, 1632231489140
Updated	4 years ago, 1632858180211
Code	/** * Challenging you to... * Khantober 2021: 31 Days of Smashing Programming! * Chester Banks * * Khantober starts on October 1st, you have until then to join! To join, just comment below in the T&T! * * What is Khantober? + Khantober is a challenge, not a competition. If you accept the challenge of Khantober, you will: + Try to make a quality program every week of October. + You will be placed on a day of the week (tell me if you have a preference). On that day, you will release your weekly program. + You can subscribe to the Program of the Day - I will be choosing what I think is the best program of the day and posting it on there! + Your name will be put on the Challengers section for all to see! * Hope you join, see you then! / // List of challengers var CHALLENGERS = 'Gray Wolf, Levi F., CtmGamer, Jar-Jar Binks, Red Arrow, Daniel T, Aussie Audra, JSCoder, BirdySparrowCatcher, Corin Fist, 21262, Wapman1, Apex, TheNerdThatDoesCoolStuff, StormyHugo426, Jack S. Gilbert, MrSarcastic, Midnight Studios, Indigo Horse, Virtuosa, Pippin 24, pompano, Ace, Caige, Cubic Coding, Delver Dwarf, ice to meet you, Cake and Cookies, littlewhinging, Flower Petals, Virtuosa, xacer, Kunal Sharma, rubix, Tator (Liquidstar), The_Black_Panther, The Creeper, The Blob, Mojo1000, Prisha B., LL892 The Cool Dude, Liam K., AEYandell, CowboysFan Creations, Programming King, Sabertooth, Parker Mills, hi, Corporal Captain Winston, Samwise, NL, Sar Simpson, Lil Tyler, Iron Programming, Lucy van Pelt, Rnbean, Jamesman, Beplo!? Studios, mirielle, Amy the Astral Puppy, Magma, Lig\'hitining Studios, Dr. Winston, Timothy Kostenko Productions, LameName, AquA217, Omay, SP, Sax Man, Hypercube, elizabeth, Josiah Westendorf, Canada Goose, Doglover, TheFireDragos, batman, Stew Studios, Winter, mastermind, Ken Taylor, Abyss, CyberWolf, Electric Dolphin, Noah H, LP the Code Guy, Dexter, d0x, Powerledge, Fade, Platinum Programming, BigBrainNogginNolej, No Name, Agent X, The Lich King, Captain Argon, The Paradox, Dat, Leaf, SpencerKuan, Baconator, Repeat, Amy the Astral Puppy, TDJ, HJKD, Dancing Corndog, Cheshire Cat, Kruxe, Maverick, stuff, Ibraheem Ahmed, JOSEPHISREBELLING, SapphireProgrammer, Coder\'s Digest 911, The no-sock guy, Multiverse, Lavender Dreams, Chromedog, tristandcronk, Chicken Nug Nug, LilFoxCoder, Kevin K., Super Mario, Kendra Walters, KREIG, Rake Nightfur, Casey, Doctor137, FifthStateOfMatter, Rick Astley, The Blue Pineapple, Deeep, TMH, Triumvirate Softworks, Evan :], - D u s k -, MrCode, Quinn Hardbrook, Ze Red Barron, timo time12, Mindque Blast, lily, The Haunted Ghost House, PT, Squared Studios, PiCera, SomeRandomUsername, Viper, Sam Zachary, TheDreamGirl, TheDoughSmith, ElenaMks, Dark Owl'.split(', ').sort(); /* Setup / // Mouse object var mouse = { state: 'default', clicked: false, }; // Scene variable var scene = 'Menu'; // Transition var trans = { next: '', x: 350, active: false, takingSnapshot: true, snapshots: [], run: function(){ mouse.state = 'wait'; // take a screenshot with get() in one frame using the trans.takingSnapshot boolean if(trans.takingSnapshot){ trans.snapshots[0] = get(0, 0, width / 2, height); trans.snapshots[1] = get(width / 2, 0, width / 2, height); trans.takingSnapshot = false; } image(trans.snapshots[0], -350 + trans.x, 0); image(trans.snapshots[1], 650 - trans.x, 0); trans.x /= 1.1; if(trans.x < 40){ trans.x = 350; trans.takingSnapshot = true; trans.active = false; } scene = trans.next; }, }; // Text & font settings rectMode(CENTER); textAlign(CENTER, CENTER); var fonts = { main: createFont('Futura'), title: createFont('Futura Bold'), i: createFont('Futura Italic'), }; /* Graphics functions / // Title graphic var my2021 = function(x, y, sz, c){ pushMatrix(); translate(x, y); scale(sz / 150); if(c){ colorMode(HSB); fill(frameCount % 255, 255, 255); } beginShape(); vertex(-104, 29); vertex(-170, 31); bezierVertex(-138, 11, -124, 4, -113, -12); bezierVertex(-105, -41, -112, -60, -127, -63); bezierVertex(-142, -70, -190, -67, -202, -57); bezierVertex(-211, -41, -207, -25, -206, -18); vertex(-177, -22); bezierVertex(-179, -26, -183, -32, -176, -38); bezierVertex(-166, -42, -152, -40, -147, -38); bezierVertex(-135, -31, -143, -14, -147, -11); bezierVertex(-175, 9, -183, 11, -203, 23); vertex(-198, 76); vertex(-106, 72); endShape(CLOSE); // 0 if(c){ fill((frameCount + 63) % 255, 255, 255); } beginShape(); vertex(-20, -42); vertex(-2, -59); bezierVertex(-45, -70, -84, -51, -84, -44); bezierVertex(-96, 32, -83, 63, -64, 73); bezierVertex(-36, 80, -1, 78, 16, 53); bezierVertex(24, 33, 22, 6, 21, -39); bezierVertex(13, -52, 1, -57, -2, -59); vertex(-20, -42); bezierVertex(-11, -39, -8, 41, -21, 54); bezierVertex(-34, 60, -39, 59, -50, 58); bezierVertex(-60, 54, -61, -7, -55, -36); bezierVertex(-36, -49, -18, -44, -20, -42); endShape(CLOSE); // 2 if(c){ fill((frameCount + 63 + 63) % 255, 255, 255); } pushMatrix(); translate(245, 0); beginShape(); vertex(-104, 29); vertex(-170, 31); bezierVertex(-138, 11, -124, 4, -113, -12); bezierVertex(-105, -41, -112, -60, -127, -63); bezierVertex(-142, -70, -190, -67, -202, -57); bezierVertex(-211, -41, -207, -25, -206, -18); vertex(-177, -22); bezierVertex(-179, -26, -183, -32, -176, -38); bezierVertex(-166, -42, -152, -40, -147, -38); bezierVertex(-135, -31, -143, -14, -147, -11); bezierVertex(-175, 9, -183, 11, -203, 23); vertex(-198, 76); vertex(-106, 72); endShape(CLOSE); popMatrix(); // 1 if(c){ fill((frameCount + 63 + 63 + 63) % 255, 255, 255); } beginShape(); vertex(209, 70); vertex(201, -62); vertex(163, -60); bezierVertex(162, -28, 157, -28, 157, -28); vertex(171, -26); vertex(167, 68); endShape(CLOSE); popMatrix(); colorMode(RGB); }; // Text spacing functions String.prototype.spaceOut = function(space){ var arr = this.split(""); var newString = ""; for(var i = 0; i < arr.length; i++){ newString += arr[i]; if(i < arr.length - 1){ if(arr[i] !== '\n' && arr[i + 1] !== '\n'){ for(var j = 0; j < (space \|\| 1); j ++){ newString += " "; } } } } return newString; }; var spaceText = function(txt, x, y, space){ pushMatrix(); translate(x + textWidth("H") - (textWidth("H") + (space (txt.length-1)) / 2), y); for(var i = 0; i < txt.length; i ++){ text(txt[i], 0, 0); translate(space, 0); } popMatrix(); }; // Leaf graphic - I coded my own so I could do any color var leaf = function(x, y, xSz, ySz, rot, color){ pushMatrix(); translate(x, y); rotate(rot); scale(xSz, ySz); noStroke(); fill(color); beginShape(); vertex(-124, 120); bezierVertex(-179, -23, -54, -139, 117, -152); bezierVertex(142, -16, 61, 160, -102, 138); bezierVertex(-91, 120, 106, -134, -124, 120); endShape(); popMatrix(); }; // Falling leaf constructor/prototype/array var Leaf = function(x, y, sz){ this.x = x \|\| random(width); this.y = y \|\|random(-50, -100); this.rot = random(360); this.xSz = sz \|\| random(0.05, 0.3); this.ySz = this.xSz; this.possibleColors = [ color(31, 54, 207), color(128, 31, 207), color(192, 31, 207), color(31, 131, 207), color(31, 181, 207), ]; this.color = this.possibleColors[floor(random(this.possibleColors.length))]; this.follow = {trans: 0}; }; Leaf.prototype.draw = function() { leaf(this.follow.x, this.follow.y, this.follow.xSz, this.follow.ySz, this.follow.rot, color(red(this.color), green(this.color), blue(this.color), this.follow.trans)); leaf(this.x, this.y, this.xSz, this.ySz, this.rot, this.color); this.xSz = sin(this.x + frameCount) * 0.2; this.rot += this.xSz * 20; this.y += this.ySz * 30; this.follow.trans /= 1.1; if(this.follow.trans < 5){ this.follow.x = this.x; this.follow.y = this.y; this.follow.xSz = this.xSz; this.follow.ySz = this.ySz; this.follow.rot = this.rot; this.follow.trans = 255; } }; var Leaves = []; // Background function var bg = function(){ background(34, 34, 38); stroke(255, 255, 255, 30); for(var i = 0; i < 1200; i += 55){ line(0, i, i, 0); line(i - 600, 0, i, 600); } rectMode(CENTER); for(var i = 3; i < 620; i += 55){ for(var j = -30; j < 600; j += 55){ pushMatrix(); translate(i, j); rotate(45); noStroke(); (fill)(255, sin(i-j+frameCount * 3) * 20 -100 + noise(i / 30, j / 20)220); rect(0, 0, 30, 30); rect(0, 40, 30, 30); popMatrix(); } } if(frameCount % 5 === 0){ Leaves.push(new Leaf()); } for(var i = Leaves.length - 1; i >= 0; i --){ Leaves[i].draw(); if(Leaves[i].y > 700){ Leaves.splice(i, 1); } } }; /* User experience / // Buttons var Button = function(txt, x, y, nxt){ this.txt = txt; this.x = x; this.y = y; this.sz = 22; this.nxt = nxt; this.space = 25; }; Button.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); textSize(this.sz); fill(255); if(mouseY > this.y - 20 && mouseY < this.y + 20 && mouseX > this.x - ((textWidth("H") / 2) + (this.space (this.txt.length-1)) / 2) && mouseX < this.x + ((textWidth("H") / 2) + (this.space * (this.txt.length-1)) / 2)){ mouse.state = 'pointer'; this.space += (40 - this.space) / 2; this.sz += (28 - this.sz) / 2; if(mouse.clicked){ trans.active = true; trans.next = this.nxt; } } else { this.space += (25 - this.space) / 2; this.sz += (22 - this.sz) / 2; } spaceText(this.txt, 0, 0, this.space); popMatrix(); }; var Buttons = { about: new Button("ABOUT", 300, 475, "About"), challengers: new Button("CHALLENGERS", 300, 525, "Challengers"), back: new Button("BACK TO MENU", 300, 550, "Menu") }; // Helper variables var challengersX = 0; // Menu scene var Menu = function(){ this.line1 = 400; this.line2 = 600; this.line3 = 600; this.line4 = 400; this.boxSz = 1; this.allY = 74; this.buttonsY = 179; this.sz = 1; this.snap = false; }; Menu.prototype.draw = function() { pushMatrix(); translate(300, 300); scale(this.sz); rotate(this.sz * 360); translate(-300, -300); pushMatrix(); translate(0, -74 + this.allY); if(keyIsPressed && key.toString() === 'a'){ this.snap = true; } if(this.snap){ fill(255); //triangle(0, 70, 897, 68, 0, 161); //triangle(-126, 683, 960, 500, 600, 687); translate(-62, 90); scale(1.07); rotate(-8); } noStroke(); fill(0, 0, 0, 150); my2021(309 - this.line3, 329, 150, 0); fill(255); my2021(300 - this.line3, 316, 150); textFont(fonts.main, 47); fill(255, 255, 255); text("KHANTOBER".spaceOut(1), 300 + this.line2, 213); textSize(18); text("CHALLENGING YOU TO".spaceOut(2), 300, 174 - this.line1); textSize(20); text("31 DAYS OF SMASHING PROGRAMMING", 300, 429 + this.line4); pushMatrix(); translate(300, 300); scale(1 - this.boxSz); rectMode(CENTER); noFill(); strokeWeight(10); stroke(255, 255, 255, 120); rect(0, 0, 483, 341, 50); strokeWeight(2); rect(0, 0, 503, 362, 60); popMatrix(); popMatrix(); if(!this.snap){ pushMatrix(); translate(0, this.buttonsY); Buttons.about.draw(); Buttons.challengers.draw(); popMatrix(); } popMatrix(); this.line1 /= 1.2; if(this.line1 < 10){ this.line2 /= 1.2; } if(this.line2 < 10){ this.line3 /= 1.2; } if(this.line3 < 10){ this.line4 /= 1.2; } if(this.line4 < 10){ this.boxSz /= 1.2; } if(this.boxSz < 0.001){ this.allY /= 1.2; } if(this.allY < 10){ this.buttonsY /= 1.2; } if(trans.active){ /this.sz /= 1.2; if(this.sz < 0.01){ scene = trans.next; trans.active = false; }/ } else { this.line1 /= 1.2; if(this.line1 < 10){ this.line2 /= 1.2; } if(this.line2 < 10){ this.line3 /= 1.2; } if(this.line3 < 10){ this.line4 /= 1.2; } if(this.line4 < 10){ this.boxSz /= 1.2; } if(this.boxSz < 0.001){ this.allY /= 1.2; } if(this.allY < 10){ this.buttonsY /= 1.2; } } }; var menu = new Menu(); draw = function() { // Draw background bg(); /** Scenes / if(scene === "Menu"){ menu.draw(); } if(scene === "About"){ fill(255); textSize(55); text('ABOUT', 300, 70); textSize(18); text('+ Khantober is a challenge, not a competition. If you accept the challenge of Khantober, you will:\n\n+ Try to make a quality program every week of October.\n\n+ You will be placed on a day of the week (tell me if you have a preference). On that day, you will release your weekly program.\n\n+ You can subscribe to the Program of the Day - I will be choosing what I think is the best program of the day and posting it on there!\n\n+ Your name will be put on the Challengers section for all to see!', 50, 50, 500, 500); Buttons.back.draw(); } if(scene === "Challengers"){ fill(255); textFont(fonts.title, 45); text('C H A L L E N G E R S', 300, 53); textAlign(LEFT, TOP); textFont(fonts.main, 13); pushMatrix(); translate(challengersX, 0); for(var i = 0; i < CHALLENGERS.length; i++){ pushMatrix(); translate(floor(i / 21) 178, -440 * floor(i / 21)); text((i + 1) + ' ✦ ' + CHALLENGERS[i], 40, 90 + i * 21); popMatrix(); } popMatrix(); textAlign(CENTER, CENTER); if(challengersX > -(floor(CHALLENGERS.length / 21) * 140)){ rectMode(CORNER); fill(0, 0, 0, 70); rect(560, 0, 40, 600); fill(255); textSize(30); text('>', 583, 300); } if(challengersX < -5){ fill(0, 0, 0, 70); rect(0, 0, 40, 600); fill(255); textSize(30); text('<', 17, 300); } if(mouseX > 560 && challengersX > -(floor(CHALLENGERS.length / 21) * 140)){ challengersX -= 5; } if(mouseX < 40 && challengersX < 0){ challengersX += 5; } fill(255); textSize(20); //text('None yet!', 300, 300); Buttons.back.draw(); } /** Mouse & transition properties / // Set cursor cursor(mouse.state); // Run transition if it is active if(trans.active){ trans.run(); } // Reset mouse properties mouse.clicked = false; mouse.state = 'default'; }; /* Processing functions */ mouseClicked = function(){ mouse.clicked = true; };
Folds	31,60,65,69,73,148,151,167,168,176,179,193,196,213,214,232,236,269,273,281,282,303,304,308,314,324,325,411,419,421,422,430
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIOQ2IbmCww
Votes	216
Spin-Offs	8
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739460235529
Updated	10 months ago, 1739460241903
Source Deleted	unknown