Viewing Program

Program Data

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

Title	Clicker v1
ID	4750523637907456
Created	4 years ago, 1621104739987
Updated	3 years ago, 1651845746593
Code	/ Official Leaderboard 1. Jaden Swanson - 231,098,872,010,929,995,776 2. Azzuli - 117,679,053,213,107,650,560 3. Yana Yeremenko - 16,111,069,053,425,174,528 4. MinecraftUnreal - 14,476,451,852,245,053,440 5. BrainyBeaver - 6,170,676,750,321,374,208 6. Pro Programmer - 5,670,102,014,539,296,768 7. JS_The_Programmer - 1,140,144,826,691,415,936 8. Canada Goose - 1,137,374,070,978,822,272 9. Caleb Hutchings - 1,030,808,540,088,690,688 My personal highscore: 10,000,000,000,000,000 With EXACTLY 20t CPC :p @DISCLAIMER Game design and function were inspired by Seamus's "= Click =" program. However, all code belongs to IA and is 100% original; no code was taken or borrowed from other sources. / // jshint curly: false smooth(); // globals var clicked = false; var c_type = "default"; // MONEEEEEEEYY var cash = 0; var per_click = 1; // truncates a number function trunc (n) { /* How it works: find what power of 10 `n` is closest to, and then divide `n` by that power and add the appropriate letter after it. Once it undergoes this process once, it stops branching. / if(n / Math.pow(10, 12) >= 1){ n /= Math.pow(10, 12); n = floor(n 100) / 100; n += "t"; } else if(n / Math.pow(10, 9) >= 1){ n /= Math.pow(10, 9); n = floor(n * 100) / 100; n += "b"; } else if(n / Math.pow(10, 6) >= 1){ n /= Math.pow(10, 6); n = floor(n * 100) / 100; n += "m"; } else if(n / Math.pow(10, 3) >= 1){ n /= Math.pow(10, 3); n = floor(n * 10) / 10; n += "k"; } return n; } // Cursor var Cursor = (function () { // code and vars for cursor var __Cursor = Object.create(null); var light_blue = color(0, 200, 255); var blue = color(33, 189, 232); __Cursor.previous = "default"; __Cursor.default = function (x, y) { __Cursor.previous = "default"; // draws a triangle and reflects it noStroke(); pushMatrix(); translate(x, y); pushMatrix(); rotate(-30); fill(light_blue); triangle(0, 0, 0, 20, 10, 24); scale(-1, 1); fill(blue); triangle(0, 0, -1, 20, 10, 24); popMatrix(); popMatrix(); }; __Cursor.pointer = function (x, y, fL, s) { __Cursor.previous = "pointer"; fL = fL \|\| 12; // draws hand noStroke(); pushMatrix(); translate(x, y); if(s !== void 0){ scale(s); } scale(1.1); fill(blue); rect(0, 12-fL, 4, fL, 1); pushMatrix(); translate(0, -4); rect(0, 14, 7, 14, 1, 0, 0, 4); rect(2, 27, 4, 2, 1, 0, 0, 4); fill(light_blue); rect(6, 14, 6, 14, 0, 1, 4, 0); rect(6, 27, 4, 2, 0, 1, 4, 0); popMatrix(); fill(blue); quad(-6, 15, -1, 16, 1, 22, 0, 22); popMatrix(); }; __Cursor.press = function (x, y) { __Cursor.previous = "press"; __Cursor.pointer(x, y, 10); }; __Cursor.display = function (type) { // displays cursor cursor("none"); rectMode(CORNER); if(type === "none") return; if(!(type in this)) type = "default"; if(type === "pointer" && mouseIsPressed) type = "press"; this[type](mouseX, mouseY); }; return __Cursor; })(); // Isometric Button var IsoButton = (function () { function __IsoButton (config) { // object keys / values this.x = config.x; this.y = config.y; this.w = 200; this.h = 60; this.marginW = this.w / 20; this.marginH = this.h * 2 / 3; this.onBuy = config.onBuy; // controls animations this.yDown = 0; this.animSpeed = 7; this.pushIt = false; this.isPressed = false; } __IsoButton.prototype = { // rect-mouse collisions collide: function () { // finds edges var edges = { left: mouseX > this.x - this.marginW, right: mouseX < this.x + this.w + this.marginW, top: mouseY > this.y - this.marginH, bottom: mouseY < this.y + this.h + this.marginH, }; // yeeaa pretty self-explanatory return ( edges.left && edges.right && edges.top && edges.bottom ); }, // display method display: function () { // draws button, shades it, etc. pushMatrix(); translate(this.x, this.y); noStroke(); rectMode(0); fill(0, 110, 200); rect(0, this.yDown, this.w, this.h - this.yDown); ellipse(this.w / 2, this.h - 1, this.w, this.h * 3 / 2); pushMatrix(); translate(0, this.yDown); fill(0, 140, 250); ellipse(this.w / 2, 1, this.w, this.h * 3 / 2); fill(255, 50); arc(this.w/2, 0, this.w14/15, this.h14/11, 120, 300); popMatrix(); popMatrix(); }, // pushes button down handleClicks: function () { if(this.pushIt){ if(this.yDown < 50) { this.isPressed = true; this.yDown += this.animSpeed; } else { this.isPressed = false; this.yDown = 50; } } if(!this.isPressed){ this.pushIt = false; if(this.yDown > 0) this.yDown -= this.animSpeed; else this.yDown = 0; } }, // updates button update: function () { this.handleClicks(); if(this.collide()){ c_type = "pointer"; if(clicked){ this.pushIt = true; this.onBuy(); } } }, all: function () { // updates and displays button this.update(); this.display(); }, }; return __IsoButton; })(); // Upgrades var Upgrade = (function () { function __Upgrade (config) { // position this.x = config.x; this.y = config.y; // dimensions this.w = 80; this.h = 52; // data this.cost = config.cost; this.displayCost = trunc(config.cost); this.desc = config.desc; // "pulses" this.opac = 0; this.opacT = 0; // function this.onBuy = config.onBuy; /* \|\| function () { _clearLogs(); println("button bought @ " + this.__id()); }; /// // number owned this.numOwned = 0; // outline this.border = 0; } __Upgrade.prototype = { // rect-mouse collisions collide: function () { // finds edges var edges = { left: mouseX > this.x, right: mouseX < this.x + this.w, top: mouseY > this.y, bottom: mouseY < this.y + this.h, }; // yeeaa pretty self-explanatory return ( edges.left && edges.right && edges.top && edges.bottom ); }, // extends edges runEdges: function () { if(this.border < 4) this.border = lerp(this.border, 4.1, 0.03); else this.border = 4; }, // retracts edges closeEdges: function () { if(this.border > 0) this.border = lerp(this.border, -0.1, 0.04); else this.border = 0; }, // gets a specific edge getEdge: function (n) { return (constrain(this.border - (n - 1), 0, 1)); }, // does the whole border thing drawEdges: function () { var w = this.w + 2, h = this.h + 2, o = -2; strokeWeight(2); strokeCap(ROUND); if(this.getEdge(1) > 0) line(o, o, w this.getEdge(1), o); if(this.getEdge(2) > 0) line(w, -2, w, h * this.getEdge(2)); if(this.getEdge(3) > 0) line(w, h, (w - 2) - w * this.getEdge(3), h); if(this.getEdge(4) > 0) line(-2, h, -2, (h - 2) - h * this.getEdge(4)); }, // pulsing signal feedback: function () { this.opacT ++; rectMode(CORNER); noStroke(); this.opac = 40 + sin((this.opacT + 60) * 4) * 40; }, // resets the pulse resetFeedback: function () { this.opacT = 0; if(this.opac > 0) this.opac = lerp(this.opac, -0.04, 0.05); else this.opac = 0; }, update: function () { // if it is colliding if(this.collide()) { // extend the edges this.runEdges(); // changes cursor c_type = "pointer"; // if you can buy it... if(cash >= this.cost){ // ...signal to the user this.feedback(); // if they click and they can buy it... if(clicked){ // ...buy it using the cost cash -= this.cost; // ...do whatever is inside `this.onBuy` this.onBuy(); // ...increase the amount owned by 1 this.numOwned ++; } // if it can't be bought, reset the pulse } else this.resetFeedback(); // if it's not colliding... } else { // ...reset the pulse this.resetFeedback(); // ...retract edges this.closeEdges(); } }, display: function () { // draws rectangle and sets up stuff rectMode(CORNER); textAlign(3, 3); textFont(createFont("verdana")); pushMatrix(); translate(this.x, this.y); noStroke(); fill(50, 140, 250); rect(0, 0, this.w, this.h); fill(255, 25); triangle(0, 0, 0, this.h, this.w, 0); // the text fill(0); textSize(12); text(this.desc, this.w / 2, 14); textSize(10); text( "cost: $" + this.displayCost, this.w / 2, 29 ); text( "owned: " + trunc(this.numOwned), this.w / 2, 40 ); // for efficiency. i can't stand redundance if(this.opac > 2){ noStroke(); fill(255, this.opac); rect(0, 0, this.w, this.h); } // draws the edges, with stroke stroke(24, 107, 242); this.drawEdges(); popMatrix(); }, all: function () { // updates button, then displays it this.update(); this.display(); }, }; return __Upgrade; })(); // main button var mainButton = new IsoButton({ x: 200, y: 250, onBuy: function () { cash += per_click; }, }); // all of the upgrades // left-to-right, top-down var upgrades = [ // row 1 { new Upgrade({ x: 80, y: 160, cost: 10, desc: "CPC +1", onBuy: function () { per_click += 1; } }), new Upgrade({ x: 80, y: 220, cost: 500, desc: "CPC +5", onBuy: function () { per_click += 5; } }), new Upgrade({ x: 80, y: 280, cost: 3000, desc: "CPC +15", onBuy: function () { per_click += 15; } }), new Upgrade({ x: 80, y: 340, cost: 20000, desc: "CPC +40", onBuy: function () { per_click += 40; } }), new Upgrade({ x: 80, y: 400, cost: 30000, desc: "CPC +70", onBuy: function () { per_click += 70; } }), new Upgrade({ x: 80, y: 460, cost: 40000, desc: "CPC +100", onBuy: function () { per_click += 100; } }), //} // row 2 { new Upgrade({ x: 170, y: 380, cost: 100000, desc: "CPC +500", onBuy: function () { per_click += 500; }, }), new Upgrade({ x: 170, y: 440, cost: 220000, desc: "CPC +1k", onBuy: function () { per_click += 1000; }, }), new Upgrade({ x: 170, y: 500, cost: 300000, desc: "CPC +3k", onBuy: function () { per_click += 3000; }, }), //} // row 3 { new Upgrade({ x: 260, y: 400, cost: 800000, desc: "CPC +10k", onBuy: function () { per_click += 10000; }, }), new Upgrade({ x: 260, y: 460, cost: 1300000, desc: "CPC +15k", onBuy: function () { per_click += 15000; }, }), new Upgrade({ x: 260, y: 520, cost: 2000000, desc: "CPC +25k", onBuy: function () { per_click += 25000; }, }), //} // row 4 { new Upgrade({ x: 350, y: 380, cost: 4000000, desc: "CPC +40k", onBuy: function () { per_click += 40000; }, }), new Upgrade({ x: 350, y: 440, cost: 6500000, desc: "CPC +70k", onBuy: function () { per_click += 70000; }, }), new Upgrade({ x: 350, y: 500, cost: 10000000, desc: "CPC +100k", onBuy: function () { per_click += 100000; }, }), //} // row 5 { new Upgrade({ x: 440, y: 160, cost: 15000000, desc: "CPC +180k", onBuy: function () { per_click += 180000; }, }), new Upgrade({ x: 440, y: 220, cost: 22000000, desc: "CPC +300k", onBuy: function () { per_click += 300000; }, }), new Upgrade({ x: 440, y: 280, cost: 55000000, desc: "CPC +1m", onBuy: function () { per_click += 1000000; }, }), new Upgrade({ x: 440, y: 340, cost: 15000000000, desc: "CPC +50m", onBuy: function () { per_click += 50000000; }, }), new Upgrade({ x: 440, y: 400, cost: 20000000000, desc: "CPC +1b", onBuy: function () { per_click += 1000000000; }, }), new Upgrade({ x: 440, y: 460, cost: 600000000000, desc: "CPC +10b", onBuy: function () { per_click += 10000000000; }, }), //} ]; // loops through everything draw = function() { // setup background(255); if(mouseX < 5 \|\| mouseX > 595 \|\| mouseY < 5 \|\| mouseY > 595 ){ c_type = "none"; } // displays stats textAlign(3, 3); textFont(createFont("verdana")); textSize(30); fill(100); text("TOTAL:", 300, 64); textSize(44); if(cash >= Math.pow(10, 19)){ textSize(40); } fill(0); text(cash.toFixed(0), 300, 120); fill(0, 100); text(cash.toFixed(0), 301, 122); textSize(16); fill(100); text("CPC: " + trunc(per_click), 300, 174); // draws buttons / upgrades mainButton.all(); for(var i = 0; i < upgrades.length; i ++){ upgrades[i].all(); } // defaults everything and wraps up Cursor.display(c_type); c_type = "default"; clicked = false; }; // user ineraction mouseClicked = function () { clicked = true; };
Folds	39,69,71,133,135,222,224,381,384,389,392,571,574,607,609,611
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL3Pt5K4CAw
Votes	204
Spin-Offs	28
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Grink Ahmed (GA)
Author Name	IbraheemIA
Author ID	kaid_42165633374795610935956
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739369180886
Updated	10 months ago, 1739369188343
Source Deleted	unknown