Viewing Program

Program Data

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

Title	KA Stock Trader \| The Game \| Everyone a winner!
ID	6593917635477504
Created	4 years ago, 1611976759269
Updated	1 years ago, 1724013923300
Code	/** --- WELCOME TO KA STOCK TRADER; An attempt to make a KA version of a retail investment brokerage app --- !===! BEFORE YOU BEGIN !===! * READ THE HOW TO * READ THE DISCLAIMER ON LINE 23 !===! BEFORE YOU COMMENT !===! * READ THE LIMITATIONS ON LINE 54 * READ THE ABOUT CODE ON LINE 34 !==! ACKNOWLEDGEMENTS !==! * Elijah Daniels for the slider which I adapted -- Special Thanks to -- - Chester Banks for artwork - Squishy Caterpillar for motivation - Light Runner for clout !===! Thank You for playing KA Gambl- Stock Trader !===! / / !!== DISCLAIMER ==!! { * Any presumed losses or gains incurred whislt using this program do not translate in any meaningful or significant way to any event(s) in the real world and any resulting similarities are purely coincidental. * Mitrue is not responsible for any misuse of this program or any held to any account for any action committed as a result of viewing this program including any damages physical or mental and any addictions gained or real world losses incurred. * This program is not intended to serve any educational or inspirational purpose and is purely made for artistic expression and any real world similarities are purely coincidential, this program was made months ago, any events have no connection to this program. * This program does not advocate excessive risk taking nor gambling. * In the real world your financial capital is at your own risk and you should only invest / trade what you are prepared to lose. * Code may be inconsistent in style because I worked on this over many months and forgot how half the stuff worked along the way. } /** !==! ABOUT THE CODE !==! { ---- (If you wanna critique, please consider the following) ---- * Although most of the code is self documenting with useful variable names I may have missed a few things, ask in the Questions tab. * Could watchlist buttons be instances of the button object instead of methods of the stock object? Maybe?? idk I figured that the purpose of each watchlist button is to call the stock.drawDetailed() method and the way i'd list them all on the watchlist page would be via the listOfStocks array and loop thru; and idk I thought it would be weird tryna send a stock object as a parameter of the button object to make a new type of button there. * I know that some of the stock object methods are weirdly placed between other objects and methods - I wanted to make all the parts of code that were related to eachother (graph bit, button bit) were near eachother. * I could've made the percentage change an attribute of the stock object so I wouldn't have to define them in both the detailed and mini veiw of the stocks. * This doesn't follow strict OOP principles as I access attributes directly instead of using getters lol. * I could've increased the efficiency and memory usage of the program by not using get() and instead making my own function * I know I could've used case switch instead of ifs * I could've minified the code to perhaps make it more efficient } / !==! LIMITATIONS IN THIS PROJECT which limit realism !==! { * I could have used perlin noise for the graph values instead of my array feeder thingy - might've been less janky and more optimised / efficient? * The values are random and rigged and barely simulate supply and demand and the graph I made does not scale to the values so I rigged it to make it stay within the canvas becuase I used get(), due to this the following consequences arise: - a) The price movement of each change can be several dollars each change - this is unlikley in an irl stock unless it had lots of volume - b) can't really simulate different volumes for different stocks - c) can't really simulate sudden market events that cause mass supply or mass demand, not because I can't program it but because 1) I can't be arsed 2) I think the range of possible values for a 'crash' aren't really good becuase the graph does not scale so therefore it wouldn't look as cool even if I did do it plus it would probably recover in no time at all so no point? - a) due to there being no sudden market events this will affect options prices especially Vega (Implied Volitality) as it doesn't really exist here - you would neither benefit nor experience an IV crush in a significant way. * Due to the timescale being in fluctuations and not real time (too lazy to implement) it can be confusing to tell why the current price may be up/down by either a lot or a little in an instant - this also makes it difficult to implement market halts and circuit breakers at several percentage marks. * The program COULD run on real time and market hours but this would make the children on KA sad if they couldn't play their fave gambl- trading game after 4PM * Since I don't trade options the options might be totally wrong - I tried my best due to my understanding of how they work but ive also had to accomodate the fact that it is totally random as well as single player so stuff like "people buying your contracts" will be hard coded. * Since I can't be asked to include stuff like Doji Candle graphs (not because its not possible but because the code is already janky as is) this will limit stuff like Technical Analysis and may hinder predicting graph movements. * I promise stock trader 2 will be better than this :( } */ // Colors used var PrimaryColor = color(29,29,30), SecondaryColor = color(39,39,40), AccentColor = color(13,145,184), PositiveColor = color(48,204,154), NegativeColor = color(244,85,50), White = color(205,205,206), DarkerPrimary = color(4,13,20), Blue = color(0, 162, 237); // Other Variables var currentScene = 1, previousScene = currentScene-1; if(previousScene<1){previousScene = 1;} var fluid = -625; // Fluidity of main menu stuff starts here var clicked = false; //Check if mouse has been clicked mouseClicked = function(){ clicked = true; }; var listOfStocks = []; // Need for buttons and watchlist var stockObjectHolder, // Need to store object when accessing it's attributes outside of stock object's methods balance = Math.round(1000 100) / 100, // money numOfShares, moneyDue, sellAmount; var stock = function(name, ticker, IPO, details, CEO, employees, hq, sector, shares, income, FrameCount){ this.name = name; this.ticker = ticker; this.price = IPO; // Start price for stock this.isOwned = false; // is the stock owned? this.quantityOwned = 0; this.investment = 0; // how much you invested in it this.averagePrice = 0; // average price you invested at this.buyConfirm = false; this.sellConfirm = false; // Stock details for aesthetic this.details = details; this.CEO = CEO; this.employees = employees; this.hq = hq; this.sector = sector; // Stock Fundamentals this.numberOfShares = shares; this.netIncome = income; this.EPS = 0; this.PE = 0; this.high = IPO; this.low = IPO; // The Values for the graph this.history = [this.price]; // Already includes starting price this.speed = FrameCount; // For the speed of the value change // So I can loop thru all of the stocks on watchlist listOfStocks.push(this); }; stock.prototype.addValue = function(value, maxLength){ var maxLength = maxLength \|\| 22; if(this.history.length >= maxLength){ this.removeValue(); this.history.push(value); } else{ this.history.push(value); } }; stock.prototype.removeValue = function(){ this.history.shift(); }; // Main fluctuation graph array feeder algorithm; expand for more stock.prototype.fluctuate = function(){ var randInt = function(min, max){ return Math.round((Math.random() * (max - min + 1) ) + min); }; // This is supposed to in some way simulate supply and demand // I really honestly cannot be arsed to make the graph scaleable its too long and boring - yes this is rigged, just like the irl stock market /* - If price is too low than make probabiliy of it going up increases (people buy as its on discount) - If price is too high (people sell off) so make probability of price going down higher / var NewPrice = this.price += (randInt(-20, 20)); if(NewPrice <= 10){ var NewPrice = this.price += (randInt(10, 20)); } else if(NewPrice >= 380){ var NewPrice = this.price += (randInt(-25, 5)); } return NewPrice; }; // Method for sending the fluctuated values to this.history stock.prototype.generateGraphValues = function(maxLength, FrameCountMod){ // maxLength is max length of this.history allowance; results in more points on the graph. var maxLength = maxLength \|\| 22; var FrameCountMod = this.speed \|\| 60; // Generate values quick for starting then slow down if(this.history.length >= maxLength){ if(frameCount % FrameCountMod === 0){ // Slower rate than rest of program this.addValue(this.fluctuate(), maxLength); } } else{ this.addValue(this.fluctuate(), maxLength); } }; /* The Sexiest Line Graph Function ive ever made V1.1 */ var graphPoint = function(x,y){ this.x = x; this.y = y; this.w = 0; // change these to made circles appear thicc this.h = 0; // or tall }; graphPoint.prototype.draw = function(){ //stroke(AccentColor); //fill(PrimaryColor); ellipse(this.x, this.y, this.w, this.h); }; var FindLargestValueInArray = function(array){ return Math.max.apply(Math, array); }; var FindLowestValueInArray = function(array){ return Math.min.apply(Math, array); }; var lineGraph = function(array,x,y,w,h,xSeperation,ySeperation, backgroundColor){ try{ var xSeperation = xSeperation \|\| 25; var ySeperation = ySeperation \|\| 1.5; pushMatrix(); var arrayOfValues = []; // An array of graphPoint objects strokeWeight(8); // Decide whether the line is green or red if(array[array.length-1] >= array[0]){ stroke(PositiveColor); } else if(array[array.length-1] < array[0]){ stroke(NegativeColor); } // Create the points using values from array for(var i = 0; i < array.length; i++){ var value = new graphPoint(ixSeperation, array[i]ySeperation); arrayOfValues.push(value); } // Draw the lines between the points for(var i = 0; i < arrayOfValues.length; i++){ if(i !== arrayOfValues.length - 1){ line(arrayOfValues[i].x, arrayOfValues[i].y, arrayOfValues[i+1].x, arrayOfValues[i+1].y); } } // Draw the points themselves as circles - see .draw() for(var i = 0; i < arrayOfValues.length; i++){ arrayOfValues[i].draw(); } //Find index of last point - need this to calculate width of image var LastIndex = arrayOfValues.length-1; / Store the Y values of point - to calculate height of image var ArrayOfYValuesOfGraphPoints = []; for(var i = 0; i < arrayOfValues.length; i++){ ArrayOfYValuesOfGraphPoints.push(arrayOfValues[i].getY()); } var LargestYValue = FindLargestValueInArray(ArrayOfYValuesOfGraphPoints); var LowestYValue = FindLowestValueInArray(ArrayOfYValuesOfGraphPoints); // This is where it all comes into play - i now get an image of the entire graph AND it changes to fit whatever set of values it gets! EDIT: PSA this whole commented out was intended for self resizing of the image not applicable in this program, it also dont work because i realised that get() does not get pixels from outside the canvas / noFill(); strokeWeight(2); // the horizontal tracker line line(arrayOfValues[0].x +2, arrayOfValues[LastIndex].y, arrayOfValues[LastIndex].x, arrayOfValues[LastIndex].y); var graph = get(-1,-1, 600,600); fill(backgroundColor); noStroke(); // rectangle to cover it up background(DarkerPrimary); translate(100,400); scale(-1,1); // Mirror image rotate(180); // Turn it upside down so that it looks right return image(graph, x, y, w, h); // This bit is to stop the graph freaking out in the draw function } catch(none){} finally{ popMatrix(); resetMatrix(); } }; /* End of Line Graph Function */ var Slider = function(x, y, max, r){ this.x = x; this.y = y; this.lx = x; this.min = x; this.max = max; this.r = r; }; Slider.prototype.isMouseIn = function(){ return (dist(mouseX, mouseY, this.x, this.y) <= this.r / 2); }; Slider.prototype.onClick = function(){ return this.isMouseIn() ? this.x = constrain(mouseX, this.min, this.lx + this.max) : this.x; }; Slider.prototype.calcDistance = function(){ return dist(this.x, this.y, this.lx + this.max, this.y); }; Slider.prototype.draw = function(){ strokeWeight(2); stroke(Blue); line(this.lx, this.y, this.lx + this.max, this.y); if(this.isMouseIn()){ fill(Blue); } else { fill(Blue, 150); } ellipse(this.x, this.y, this.r, this.r); strokeWeight(11); point(this.x, this.y); }; var amount = new Slider(110,350,300,35); mouseDragged = function(){amount.onClick();}; stock.prototype.displayGraph = function(x, y, w, h, xSeperation, ySeperation, backgroundColor){ x = x \|\| 40; y = y \|\| 0; w = w \|\| 300; h = h \|\| 300; // Default parameters are only on ES6 JavaScript lol var xSeperation = xSeperation \|\| 25; var ySeperation = ySeperation \|\| 1.5; var backgroundColor = backgroundColor \|\| PrimaryColor; lineGraph(this.history, x, y, w, h, xSeperation, ySeperation, backgroundColor); }; // Main Detailed Display where you Buy / Sell stock.prototype.drawDetailed = function(x, y, w, h, maxLength, xSeperation, ySeperation, backgroundColor){ var x = x \|\| -75; var y = y \|\| -54; var maxLength = maxLength \|\| 40; var xSeperation = xSeperation \|\| 10; var ySeperation = ySeperation \|\| 1.5; var backgroundColor = backgroundColor \|\| PrimaryColor; this.generateGraphValues(maxLength); this.displayGraph(x,y,w,h,xSeperation,ySeperation,backgroundColor); this.EPS = Math.round(((this.netIncome / this.numberOfShares) + Number.EPSILON) 100) / 100; this.PE = Math.round(((this.price / this.EPS) + Number.EPSILON) 100) /100; fill(Blue); rect(-1,-1,601,26); textFont(createFont('Trebuchet MS')); fill(White); textSize(50); text(this.name + " : " + this.ticker,26,76); textSize(10); text(this.details,30,88); text("USA • Stock • KASE",312,88); textSize(35); text("Price: $"+this.price,26,135); textSize(19); // Percentage Changes up/down if(this.price > this.history[0]){ fill(PositiveColor); var increase = this.price - this.history[0]; var percentage = increase / this.history[0]; text("+$" + increase + " (" + Math.round((percentage + Number.EPSILON) 100) + "%)",204,135); textSize(10); text("up from: $" + this.history[0], 211, 148); } else if(this.price < this.history[0]){ fill(NegativeColor); var decrease = this.history[0] - this.price; var percentage = decrease / this.history[0]; text("-$" + decrease + " (" + Math.round((percentage + Number.EPSILON) 100) + "%)",204,135); textSize(10); text("down from: $" + this.history[0], 211, 148); } else{ fill(White); text("+$0 (0%)",204,135); } fill(White); textSize(18); text("Timescale: Past "+maxLength+" changes",15,484); textSize(23); // Fundementals info if(this.price > this.high){ this.high = this.price; } if(this.price < this.low){ this.low = this.price; } text("Fundamentals:",342,200); text("High: $"+ this.high,342,235); text("EPS: $"+ this.EPS,468,235); text("Low: $" + this.low,342,268); text("P/E: " + this.PE,468,268); text("About:",342,320); text("CEO: "+ this.CEO,342,350); text("Sector: "+ this.sector,342,380); text("Employees: "+ this.employees,342,410); text("HQ: "+ this.hq,342,440); textSize(18); if(this.quantityOwned > 0){ text("Your Investment:\n"+ this.quantityOwned + " Shares @ $" + this.averagePrice,15,520); var profit = Math.round(((this.price this.quantityOwned) - this.investment) * 100) / 100; var investment = Math.round((this.investment) * 100) / 100; text("Net Profit: $"+ investment + " +",15,576); if(profit > 0){ fill(PositiveColor); } else if(profit < 0){ fill(NegativeColor); } else{ fill(White);} text("$" + profit,183,576); } }; // The box with the slider to purchase stocks stock.prototype.buyConfirmDraw = function(x, y, w, h){ x = x \|\| 65; y = y \|\| 202; w = w \|\| 430; h = h \|\| 240; fill(5, 5, 5,170); rect(x-5,y+5,w,h); fill(PrimaryColor,170); rect(x,y,w,h); textFont(createFont("Trebuchet MS")); textSize(25); if(balance > 1){ fill(White); text("Remaining Balance: $" + balance, 130, 250); } else{ fill(NegativeColor); text("Insufficient Funds", 130, 250); } // map the balance to the slider and calculate amount of shares that you can purchase var buyAmount = map(amount.x, amount.lx, amount.lx + amount.max, 0, balance); numOfShares = Math.round((buyAmount / this.price)100)/100; text("Amount of shares: " + numOfShares, 130, 290); var mouseIsInside = mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h; // close the confirm box if you click outside of it if(!(mouseIsInside)){ if(clicked){ this.buyConfirm = false; amount.x = 110; // reset slider clicked = false; } } }; stock.prototype.sellConfirmDraw = function(x, y, w, h){ x = x \|\| 65; y = y \|\| 202; w = w \|\| 430; h = h \|\| 240; fill(5, 5, 5,170); rect(x-5,y+5,w,h); fill(PrimaryColor,170); rect(x,y,w,h); textFont(createFont("Trebuchet MS")); textSize(25); if(this.quantityOwned > 0){ fill(White); text("Remaining Shares: " + this.quantityOwned, 130, 250); } else{ fill(NegativeColor); text("You do not own any shares", 130, 250); } // map the balance to the slider and calculate amount of shares that you can purchase sellAmount = map(amount.x, amount.lx, amount.lx + amount.max, 0, this.quantityOwned); moneyDue = Math.round((sellAmount this.price)100)/100; var sellingDisplayPrice = sellAmount.toFixed(3); text("Selling: " + sellingDisplayPrice + " for $" + moneyDue, 130, 290); var mouseIsInside = mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h; // close the confirm box if you click outside of it if(!(mouseIsInside)){ if(clicked){ this.sellConfirm = false; amount.x = 110; // reset slider clicked = false; } } }; // Watchlist Items stock.prototype.drawMini = function(x, y, w, h, maxLength){ var maxLength = maxLength \|\| 56; this.generateGraphValues(); fill(PrimaryColor); (rect)(x,y,w,h,10,0,10,0); fill(White); textFont(createFont("Trebuchet MS")); text(this.name + ": $" + this.ticker,x + 25, y + 36); text("$"+this.price,x + 283, y + 36); if(this.price > this.history[0]){ fill(PositiveColor); rect(x+350,y+9,139,37,10); fill(DarkerPrimary); var increase = this.price - this.history[0]; var percentage = increase / this.history[0]; text("+$" + increase + " (" + Math.round((percentage + Number.EPSILON) 100) + "%)",x+360,y+35); } else if(this.price < this.history[0]){ fill(NegativeColor); rect(x+350,y+9,139,37,10); fill(DarkerPrimary); var decrease = this.history[0] - this.price; var percentage = decrease / this.history[0]; text("-$" + decrease + " (" + Math.round((percentage + Number.EPSILON) 100) + "%)",x+360,y+35); } else{ fill(White); rect(x+350,y+9,139,37,10); fill(DarkerPrimary); text("+$0 (0%)",x+360,y+35); } var mouseIsInside = mouseX > x && mouseX < x+w && mouseY > y && mouseY < y+h; if(mouseIsInside){ cursor(HAND); if(clicked){ stockObjectHolder = this; currentScene = 4; previousScene = currentScene-1; clicked = false; cursor(ARROW); } } }; var button = function(x,y,w,h,text,fillColor,type,nextScene){ this.x = x; this.y = y; this.w = w; this.h = h; this.text = text; this.type = type; this.nextScene = nextScene; this.fill = fillColor; this.stroke = DarkerPrimary; }; button.prototype.draw = function() { textFont(createFont("Monospace Bold")); textSize(25); strokeWeight(3); noStroke(); if(this.type === "Next" \|\| this.type === "Buy" \|\| this.type === "Sell" \|\| this.type === "BuyConfirm" \|\| this.type === "SellConfirm"){ textSize(28); fill(24, 37, 59); rect(this.x-5, this.y+5, this.w, this.h); } fill(this.fill); //stroke(this.stroke); rect(this.x, this.y, this.w, this.h); fill(DarkerPrimary); text(this.text, this.x + this.w/7, this.y + this.h0.67); this.onclick(); }; button.prototype.onclick = function(){ if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h){ // Different "types" checked when .onclick() called if(clicked){ if(this.type === "Next"){ currentScene = this.nextScene; previousScene = currentScene-1; } if(this.type === "Buy"){ stockObjectHolder.buyConfirm = true; } if(this.type === "BuyConfirm"){ stockObjectHolder.isOwned = true; // Confirm your buy, calculate your investment, calaculate how many shares you own and how much money to charge. stockObjectHolder.investment += stockObjectHolder.price * numOfShares; stockObjectHolder.quantityOwned += numOfShares; balance -= stockObjectHolder.price * numOfShares; balance = Math.round(balance * 100) / 100; stockObjectHolder.averagePrice = Math.round((stockObjectHolder.investment / stockObjectHolder.quantityOwned) * 100) / 100; stockObjectHolder.buyConfirm = false; amount.x = 110; // Reset the slider } if(this.type === "Sell"){ stockObjectHolder.sellConfirm = true; } if(this.type === "SellConfirm"){ // Confirm your sell, calculate how much money you're owed and how much your position is reduced by and if you still own the stock stockObjectHolder.quantityOwned -= sellAmount; stockObjectHolder.investment = stockObjectHolder.quantityOwned * stockObjectHolder.averagePrice; balance += stockObjectHolder.price * sellAmount; balance = Math.round(balance * 100) / 100; stockObjectHolder.sellConfirm = false; // Is the stock still owned? stockObjectHolder.isOwned = stockObjectHolder.quantityOwned > 0 ? stockObjectHolder.isOwned = true : stockObjectHolder.isOwned = false; amount.x = 110; } if(this.type === "Back"){ currentScene = previousScene; previousScene = currentScene-1; } clicked = false; } cursor(HAND); } else{cursor(ARROW);} }; // Button instances var Start = new button(404, 397, 155, 55, "Start", color(PositiveColor), "Next", 2); var How = new button(404, 467, 155, 55, "How To", color(NegativeColor), "Next", 5); var Watchlist = new button(404, 383, 155, 55, "Watchlist", color(PositiveColor), "Next", 3); var Exit = new button(574, 0, 25, 25, "x", color(NegativeColor), "Back"); var Buy = new button(339, 478, 135, 45, "Buy", color(PositiveColor), "Buy"); var BuyConfirm = new button(200, 370, 135, 45, "Buy", color(PositiveColor), "BuyConfirm"); var SellConfirm = new button(200, 370, 135, 45, "Sell", color(NegativeColor), "SellConfirm"); var Sell = new button(339, 535, 135, 45, "Sell", color(NegativeColor), "Sell"); var ExitFromHowTo = new button(574, 0, 25, 25, "x", color(NegativeColor), "Next", 1); var ExitFromOption = new button(574, 0, 25, 25, "x", color(NegativeColor), "Next", 2); var menuGraph = new stock(undefined, undefined, 75, undefined, undefined, undefined, undefined, undefined, undefined, undefined, 2); listOfStocks.pop(0); // List of tradeable equities var KTSLA = new stock('Khan Tesla', 'KTSLA', 50, 'We Sell Fancy Electric KA Cars', 'Sal Musk', '48000', 'CandyLand', 'Motors', 933500000, 555000000); var AAPL = new stock('Sapple Inc', 'AAPL', 75, 'Winston\'s fave apple company', 'Tim Khan', '11125', 'Virgin-ia', 'Technology', 59875451, 548465151); var GOOG = new stock('Googol', 'GOOG', 69, 'Conglomerate', 'Pamela Fox', '420', 'Liberty City', 'Technology', 10008585, 42069420); var MSFT = new stock('Microsal', 'MSFT', 25, 'Winston Windows', 'Old Spice Man', '5100', 'Paulo Alto CA', 'Technology', 933500000, 555000000); var GME = new stock('GameStonk', 'GME', 55, 'Power to the Players', 'Buy and Hold', '20', 'Wall Street Bookies', 'Gaming', 2002000245, 9984454715); var StonksMan = function(x,y,s){ translate(x,y); scale(s); pushMatrix(); noStroke(); fill(47,47,49); quad(214, 198, 434, 600, 139, 600, 135, 391); fill(255, 255, 255); quad(214, 198, 434, 600, 320, 200, 212, 197); fill(244,63,63); quad(284, 240, 491, 699, 257, 278, 254, 239); triangle(254, 240, 285, 241, 271, 211); triangle(271, 240, 285, 211, 258, 211); fill(47,47,49); pushMatrix(); translate(10,75); bezier(152, 403, 144, 391, 49, 157, 205, 121); popMatrix(); translate(200,200); quad(121, -1, 207, 11, 239, 400, 41, 400); bezier(190, 340, 333, 344, 299, 228, 207, 12); image(getImage("creatures/Winston"),0,-112, 150,150); pushMatrix(); translate(30,0); fill(255); quad(136, 201, 143, 200, 150, 247, 143, 249); fill(255,219,172); arc(145, 224, 36, 47, -95, 75); popMatrix(); pushMatrix(); scale(0.5); translate(-80,215); fill(255); beginShape(); vertex(170,92); bezierVertex(213,138,132,183,143,190); bezierVertex(75,118,80,47,170,92); endShape(); fill(255,219,172); translate(-9,-6); beginShape(); vertex(170,92); bezierVertex(213,138,132,183,143,190); bezierVertex(75,118,80,47,170,92); endShape(); popMatrix(); popMatrix(); }; // Menu Stonks Man var draw = function(){ background(DarkerPrimary); if(currentScene === 1){ // Main Menu menuGraph.generateGraphValues(71); menuGraph.displayGraph(111,-201,400,350,7,1.5,DarkerPrimary); var fluidity = fluid /= 1.05; textFont(createFont('Monospace Bold')); textSize(34); strokeWeight(4); stroke(PositiveColor); fill(White); text("Mitrue", 270, 59); line(0,50,205,50); line(217,33,205,50); line(217,33,223,59); line(233,50,223,59); line(233,50,260,50); line(599,50,419,50); line(410,59,419,50); line(410,59,404,36); line(394,50,404,36); line(394,50,381,50); textSize(68); pushMatrix(); translate(0,0); rotate(-3); fill(24, 37, 59); text("Khan Academy", 56 + fluidity, 149); fill(PositiveColor); text("Khan Academy", 61 + fluidity, 145); fill(PositiveColor); text("Khan Academy", 61 + fluidity, 145); fill(24, 37, 59); text("Stock Trader", 82 + fluidity / 1.5, 228); fill(NegativeColor); text("Stock Trader", 85 + fluidity / 1.5, 223); textSize(20); fill(24, 37, 59); text("Everyone\'s a winner!", 210 + fluidity /0.7, 260); fill(PositiveColor); text("Everyone\'s a winner!", 213 + fluidity /0.7, 257); stroke(White); fill(16,15,22); rect(59 + fluidity /1.2, 39,100,48); fill(White); textSize(24); text("WALL", 66 + fluidity /1.2, 77); textSize(12); text("ST", 132 + fluidity /1.2, 69); text("11 - 22 →", 87 + fluidity /1.2, 54); popMatrix(); pushMatrix(); StonksMan(-99 + fluidity / 1.2 ,162,0.75); popMatrix(); Start.draw(); How.draw(); } // Main if(currentScene === 2){ background(DarkerPrimary); Watchlist.draw(); textFont(createFont('Trebuchet MS')); fill(White); textSize(40); text("Dashboard",31,48); text("Balance: $" + balance,31,526); textSize(28); text("Your Positions:",31,87); for(var i = 0; i < listOfStocks.length; i++){ text(listOfStocks[i].name + ": " + listOfStocks[i].quantityOwned + " Shares, $" + listOfStocks[i].investment ,31,133+ 43i); } Exit.draw(); } // Dashboard if(currentScene === 3){ background(DarkerPrimary); for(var i = 0; i < listOfStocks.length; i++){ listOfStocks[i].drawMini(40, 71 + i71, 500, 55); } textFont(createFont('Trebuchet MS')); fill(White); textSize(40); text("My Watchlist",192,48); Exit.draw(); } // Watchlist if(currentScene === 4){ stockObjectHolder.drawDetailed(); Buy.draw(); // Draw the button for buying if(stockObjectHolder.buyConfirm === true){ stockObjectHolder.buyConfirmDraw(); // Draw the confirmation of your buy order if(balance > 1){ amount.draw(); // Slider if(amount.x > 110){BuyConfirm.draw();} //Only show button if you move the slide } } if(stockObjectHolder.isOwned === true){ Sell.draw(); if(stockObjectHolder.sellConfirm === true){ stockObjectHolder.sellConfirmDraw(); amount.draw(); if(amount.x > 110){SellConfirm.draw();} } } Exit.draw(); // [x] } // Detailed View if(currentScene === 5){ textFont(createFont('Trebuchet MS')); fill(White); textSize(40); text("How To Play",31,48); textSize(25); text("1) Be sure to read the disclaimer \n in the code comments.",31,85); text("2) Buy Low, Sell High or Buy High, Sell Higher.",31,147); text("3) Buy the dip, short the VIX, no Bitcoin.",31,181); text("4) Have Fun!! You\'re all set!!\n Now this, is day trading.",31,219); Start.draw(); } // How to clicked = false; }; enableContextMenu(); smooth();
Folds	96,128,129,138,139,141,143,162,164,177,180,185,186,190,191,193,194,196,197,257,260,267,268,270,271,274,275,277,278,290,294,303,305,392,394,427,428,462,464,509,511,521,522,538,539,587,610,661
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2yoaTbCww
Votes	285
Spin-Offs	7
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Mitrue®
Author Name	Mitrue1
Author ID	kaid_933535768996352608848582
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739459754708
Updated	8 months ago, 1744845034235
Source Deleted	unknown