Viewing Program

Program Data

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

Title	Khantober 2023
ID	6377262473330688
Created	2 years ago, 1695843694589
Updated	2 years ago, 1696356671929
Code	/** * Challenging you to... * Khantober 2023: 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! * * Since I got this program out late you may be able to join the first week of October as well. * * 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 Featured Programs thread - I will be choosing programs that I think are cool and post them 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 = 'YokieBob, The Marvelous Cracker, Unreal, Cubic Coding, Crystal Coding, TDJ, Taitum, WinstonWinner000, Captain Longtreader, The No-Sock Guy, Green Ghost, Ducky Momo, S.M.V., Canada Goose, Fork, Iron Programming, Doglover, Lightning, Patrick, Dat, Avinasen, Ibraheem Ahmed, birdie, Invisible Bob, universe, Jokester, Fritz Chaucer, Lazerwolf, TheBlueWyvern, Washington, Ze Red Barron, Electric Dolphin, Aragorn Elessar, Taco, honey_waffle, NL, Dark Knight, Sawdmane, CoraL, Cyan Spirit, Maple, Lightning Driver, Yaon, Avenger, CZS, Bearkirb314, RedSus, KarLlr, J3SS1E, Cookie, Neptune, Snowflake, Annabanana07, wyattsteelkilt, Pixel Imperfect, TechSquid, Dipper98, Adriana, Tom Ayto, The Multiverse Hero, cwalsh1223, Timothy Kostenko Productions, Space Monkey, katite, hijazi.mamoun, Ethan Pope, JubileeLime, VVhiteTiger, HSstudent16, Caige, Kageno Naraku, PandaProgram, Bluebird, The Reviewer, Fireball my dear sir, Polish, Crafter, brutalninja, NonPlayerCharacter, Samwise, Galaxy Ranger, Shatter, Polar, jasminemoon, Aliquis, alyanna, CodingChamp01, JustZoul, Stellar, Arctic Fox, Astro, Infinite coder, Vortex, Timothy, Arden Dragon, jessebcalt, CylenceScythe, Cheesecake Programming, Oceanplayer2010, Petal, SH426, Fifth, Cataclysmic Code, PenGwen, AGnawKneeMouse Coder, shaquille.oatmeal, banana101, fill(0,171,250), SirArthur09, WalkWorthy, joshuayin29, Seed, Suspicious Pigman, Programming King'.split(', ').sort(); /* Setup / // Mouse object var mouse = { state: 'default', clicked: false, }; textFont(createFont("Avenir Bold")); textAlign(CENTER, CENTER); // 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 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(); }; /** 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, 565, "Menu") }; // Helper variables var challengersX = 0; /** Graphic functions / var animatedLine = function(x1, y1, x2, y2){ this.x1 = x1; this.y1 = y1; this.x2 = x1; this.y2 = y1; this.finalX2 = x2; this.finalY2 = y2; this.slowness = 1.5; this.active = false; this.activateNext = false; }; animatedLine.prototype.draw = function() { stroke(255, 255, 255, (this.active ? 255 : 0)); strokeWeight(4); //strokeCap(PROJECT); line(this.x1, this.y1, this.x2, this.y2); if(this.active){ this.x2 += (this.finalX2 - this.x2) / this.slowness; this.y2 += (this.finalY2 - this.y2) / this.slowness; if(this.x2 > this.finalX2 - 0.2 && this.x2 < this.finalX2 + 0.2){ this.activateNext = true; } } }; var animateNumber = function(x, y, points, active){ this.x = x; this.y = y; this.points = points; this.lines = []; for(var i = 0; i < this.points.length; i ++){ if(i < this.points.length - 1){ this.lines.push(new animatedLine(this.points[i][0], this.points[i][1], this.points[i + 1][0], this.points[i + 1][1])); } else { this.lines.push(new animatedLine(this.points[i][0], this.points[i][1], this.points[0][0], this.points[0][1])); } } this.lines[0].active = true; this.active = active \|\| false; }; animateNumber.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); if(this.active){ for(var i = 0; i < this.lines.length; i ++){ this.lines[i].draw(); if(this.lines[i].activateNext && i < this.lines.length - 1){ this.lines[i + 1].active = true; } } } if(this.lines[this.lines.length - 1].activateNext){ this.activateNext = true; } popMatrix(); }; var numbers = [ new animateNumber(88, 320, [[-58, 61], [-58, 19], [9, -24], [11, -50], [-12, -50], [-13, -24], [-60, -25], [-58, -50], [-29, -84], [34, -89], [66, -49], [42, -5], [-3, 18], [71, 18], [69, 61], [-58, 61], ]), new animateNumber(300, 320, [ [-94, 61],[-122, 37],[-130, -8],[-124, -55], [-93, -88],[-46, -90],[-12, -54],[-6, -9],[-21, 43],[-53, 62] ]), new animateNumber(300, 320, [ [-81, 14],[-95, -4],[-89, -45],[-71, -56], [-54, -48],[-46, -20],[-56, 10], ]), new animateNumber(367, 320, [ [-58, 61], [-58, 19], [9, -24], [11, -50], [-12, -50], [-13, -24], [-60, -25], [-58, -50], [-29, -84], [34, -89], [66, -49], [42, -5], [-3, 18], [71, 18], [69, 61], [-58, 61], ]), new animateNumber(500, 320, [ [-53, -34], [-46, -77], [-21, -90], [37, -92], [70, -77], [79, -37], [58, -17], [81, -5], [82, 30], [41, 63], [-20, 60], [-46, 38], [-50, 9], [-8, 8], [-2, 20], [22, 24], [29, -1], [-3, -5], [-1, -24], [25, -27], [28, -41], [17, -52], [-2, -48], [-8, -35], ]) ]; // 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.07, 0.1); this.ySz = this.xSz; this.possibleColors = [ color(230, 230, 55), color(240, 170, 39), color(240, 82, 39), color(245, 182, 22), color(250, 5, 21), ]; 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 * 60; 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 = []; var bg = function(){ noStroke(); for(var i = 15; i < 600; i += 30){ fill(lerpColor( color(0, 0, 0), color(6, 20, 51), i / height )); rect(300, i, width, 30); } for(var i = 0; i < width+30; i += 30){ for(var j = 0; j < height+30; j += 30){ noFill(); strokeWeight(2); (stroke)(255, sin(i-j+frameCount * 3) * 20 -100 + noise(i / 30, j / 20)210); rect(i, j, 0.1, 0, -30); /noFill(); strokeWeight(1); (stroke)(255, sin(i-j+frameCount * 3) * 20 -100 + noise(i / 30, j / 20)280); ellipse(i, j, 34, 28); ellipse(i, j, 29, 28);/ } } if(frameCount % 5 === 0){ Leaves.push(new Leaf()); } for(var i = Leaves.length - 1; i >= 0; i --){ Leaves[i].draw(); if(Leaves[i].y > 800){ Leaves.splice(i, 1); } } }; rectMode(CENTER); /** Scene functions / var menu = function(){ this.x1 = -500; this.x2 = 600; this.x3 = -600; this.buttonsY = 200; }; menu.prototype.draw = function() { pushMatrix(); translate(297, 300); scale(0.80); translate(-300, -300); for(var i = 0; i < numbers.length; i ++){ numbers[i].draw(); if(numbers[i].activateNext && i < numbers.length - 1){ numbers[i + 1].active = true; } } popMatrix(); fill(255); textSize(48); text("K H A N T O B E R", 300 + this.x2, 200); textSize(15); text("3 1 D A Y S O F S M A S H I N G P R O G R A M M I N G", 300 + this.x3, 400); text("C H A L L E N G I N G Y O U T O . . .", 300 + this.x1, 161); pushMatrix(); translate(127, 80); rotate(-29); noStroke(); fill(255, 255, 255, 150); rect(0, 0, 424, 37); rect(-200 + (frameCount3) % 500, 0, sin(frameCount) * 50, 37); rect(-200 + (frameCount3) % 500, 0, sin(frameCount) 100, 37); textSize(22); fill(0, 0, 0); text("10 YEAR ANNIVERSARY!", 0, 0); popMatrix(); pushMatrix(); translate(500, 100); scale(sin(frameCount3)); rotate(cos(frameCount3)30); fill(255); rect(0, 0, 0.1, 0, -50); popMatrix(); pushMatrix(); translate(533, 79); scale(cos(frameCount3)/2); rotate(sin(frameCount3)30); fill(255); rect(0, 0, 0.1, 0, -50); popMatrix(); this.x1 /= 1.1; if(this.x1 > -100){ this.x2 /= 1.2; } if(this.x2 < 100){ numbers[0].active = true; } if(numbers[numbers.length-1].activateNext){ this.x3 /= 1.2; } if(this.x3 > -10){ this.buttonsY /= 1.2; } pushMatrix(); translate(0, this.buttonsY); Buttons.about.draw(); Buttons.challengers.draw(); popMatrix(); }; var Menu = new menu(); draw = function() { rectMode(CENTER); bg(); 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, 70, 500, 500); Buttons.back.draw(); } if(scene === "Challengers"){ fill(255); textSize(45); text('C H A L L E N G E R S', 300, 53); textAlign(LEFT, TOP); textSize(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
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPOC4oKqCww
Votes	175
Spin-Offs	10
Type
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	1 years ago, 1707881054123
Updated	10 months ago, 1739457243049
Source Deleted	unknown