Viewing Program

Program Data

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

Title	Pro Racerz [Poster]
ID	5424589847871488
Created	4 years ago, 1620833244913
Updated	4 years ago, 1620833280026
Code	<!DOCTYPE html> <!-- Probably coming sometime next week. Make sure to subscribe - https://www.khanacademy.org/cs/i/6652809926492160 Some portions are still under development. Im currently working on maps Disclaimer: Truly live multiplayer still does not exist An explanation of how the Multiplayer works. -When you race, you create a code based on keystrokes -You post said code into the Tips and Thanks -The program uses API to fetch the code, and a bot will recreate your moves for others to race against Let me tell you, the P3D environment really does not like images or ellipses, or literally anything. 100% wouldnt recommend Im not really trying to hide the demo https://www.khanacademy.org/cs/i/5953325693353984 --> <html> <head> <title>Pro Racerz [Poster]</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=PT+Sans&family=Racing+Sans+One&display=swap" rel="stylesheet"> <style> html, body { overflow-x: hidden; margin: 0px; } </style> </head> <body> <!--This draws the canvas on the webpage --> <canvas id="mycanvas"></canvas> </body> <script src="https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js"></script> <script> var programCode = function(processingInstance) { with (processingInstance) { size(600, 600); frameRate(60); var click = false; var printed = false; var textNum = 0; var texts = [ '','Some things are just not possible.','Multiplayer is just a fantasy','Racing against friends will never happen.','Until now.','For the first time ever,','Race against your friends,','And see who has what it takes to win.','With 3 unique maps,','A custom shop,','And a 3D environment,','It will be the racing experience...','of a life time.','Subscribe to be notified'] textAlign(CENTER,CENTER); var loadNum = 0; var img; var load = function(){ if(loadNum === 1){ noStroke(); background(7, 92, 7); strokeWeight(0.5); for(var i = 0; i < 200; i ++){ pushMatrix(); var x = random(0,50); var y = random(0,50); translate(x,y+2); rotate(x50); translate(-x,-y); stroke(0,120,0); line(x,y,x,y+4); popMatrix(); } img = get(0,0,50,50); for(var i = 0; i < 100;i++){ for(var j =0; j < 200; j ++){ image(img,i50,j*50) } } img = get(0,0,600,600); } else if(loadNum === 2){ rectMode(CORNER); image(img,0,600) noStroke(); for(var i = 0; i < 400; i +=10){ fill(lerpColor(60,100,i/400)); rect(0,i+100,600,10); } fill(180); for(var i = 100; i < 400; i += 100){ for(var j = 0; j < 600; j += 30){ rect(j,i+100,15,4); } } fill(255) text(texts[textNum],300,300) textSize(20); text('(Click to continue)',300,500) img = get(); } loadNum ++; } var trans = { running:false, opacity:255, speed:12, } trans.run = function(){ if(trans.running){ trans.opacity -= trans.speed; if(trans.opacity < 0){ trans.speed = -trans.speed; textNum ++; if(textNum >= texts.length){ textNum = 0; } } if(trans.opacity > 255){ trans.opacity = 255; trans.speed = -trans.speed; trans.running = false; } } else if(click){ trans.running = true; } } draw = function(){ try{ load(); if(loadNum >= 2){ image(img,0,0) if(textNum === 0){ pushMatrix(); translate(0,150); noStroke(); fill(255,0,90,trans.opacity); quad(50,20,135,20,115,120,30,120); rect(100,220,445,5); triangle(50,20,30,20,50,40); fill(255,trans.opacity); textFont(createFont('Racing Sans One'),140); textLeading(100); text('Pro \n Racerz',300,115); textFont(createFont('PT Sans Bold Italic'),40); text('Racing made live',300,250); } fill(255,trans.opacity) textFont(createFont('PT Sans Bold'),40); text(texts[textNum],100,100,400,400) textSize(20); text('(Click to continue)',300,500) popMatrix(); trans.run(); click = false; } if(textNum === texts.length-1&&!printed){ println('https://www.khanacademy.org/cs/i/6652809926492160') printed = true; } } catch(e){ } } mouseClicked = function(){ click = true; } }}; // Get the canvas that ProcessingJS will use var canvas = document.getElementById("mycanvas"); // Pass the function to ProcessingJS constructor var processingInstance = new Processing(canvas, programCode); </script> </html>
Folds	22,185
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL33q7TRCQw
Votes	218
Spin-Offs	12
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Liam K.
Author Name	liamk.ka
Author ID	kaid_160653079463992085090428
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739381869075
Updated	10 months ago, 1739381879312
Source Deleted	unknown