Viewing Program

Program Data

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

Title	stap 3 - Dino
ID	5953272544346112
Created	17 days ago, 1743297817942
Updated	17 days ago, 1743298760165
Code	imageMode(CENTER); //variabelen //spel en scoreteller var startscherm = true; var levend = false; var spelen = false; var keySprong = 32; var score = 0; var u = 370; //keybinds var veranderen = false; var veranderenSpring = false; var veranderenCancel = false; //achtergrond var horizon = 80; var grasHoogte = 70; var wegHoogte = 220; var eindeGras = horizon + grasHoogte; var stoepHoogte = (400 - eindeGras - wegHoogte) / 2; if (stoepHoogte < 0){ stoepHoogte = 0; } //toren var torenBreedte = random(50, 100); var beginToren = random (0,200-torenBreedte); var topToren = 5; var torenHoogte = random(horizon-topToren, eindeGras-topToren); //pad var padBreedte = random(50, 175); var ruimteVanMidden = 0.5* padBreedte; var padMidden = random(200+ruimteVanMidden, 400); //voorbijganger var xVoorbijganger = random(0 , 400); var voorbijgangerBreedte = random(25, 35); var voorbijgangerHoogte = random(voorbijgangerBreedte, voorbijgangerBreedte 1.5); var yVoorbijganger = random(eindeGras, eindeGras+stoepHoogte) - 0.5 voorbijgangerHoogte; var lopers = [getImage("avatars/mr-pants-with-hat"), getImage("avatars/mr-pants-orange"), getImage("avatars/old-spice-man-blue")]; var loper = lopers[floor(random(lopers.length))]; //var speler var xSpeler = 50; var spelerHoogte = 60; var spelerBreedte = 90; var jumping = false; var spiegel = -1; // -1 = normaal, -1 = gespiegeld var startHoogte = 350; var ySpeler = startHoogte; var karakter = getImage("creatures/Hopper-Happy"); var t = 0; //objecten var xObject = 440; var xVliegObject = 440; var spawn = false; var spawnVliegObject = true; var type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; // 50% kans op wiel of spijkerbal var ySpijkerbal = startHoogte; var j = 0; var heel = true; var vliegHeel = true; //overig var tips = ["je kan op de spijkerballen klikken om ze kapot te maken!", "wielen bewegen snel dus zorg dat je op tijd springt!", "sla de honkbal weg zodat die niet in de weg zit"]; var tip =''; //functies //laat spelen als iemand op de muis klikt mousePressed = function() { spelen = true; if (!levend &! veranderen){ levend = true; startscherm = false; veranderen = false; score = 0; textSize(12.5); } }; //keybind springen laten veranderen var keybind = function(){ if (!veranderen){ keyPressed = function(){ if(!levend && keyCode === CONTROL) { startscherm = false; veranderen = true; background(48, 166, 89); text('druk op een knop om je springknop te veranderen', 45, 220); text('druk op SHIFT om terug te gaan', 105, 380); } }; } else{ keyPressed = function(){ if(keyCode === SHIFT){ veranderen = false; return; } background(48, 166, 89); text('je nieuwe springknop is ' + key.toString(), 120, 200); text('druk op SHIFT om terug te gaan', 95, 380); keySprong = key.code; }; } }; var startscherm = function(){ background(227, 156, 57); textSize(20); text('druk op de muis om te starten', 68, 120); textSize(60); fill(0); text('Hopper hops', 30, 60); image(getImage("creatures/Hopper-Cool"), 200, 300); }; var achtergrond = function(horizon, grasHoogte, wegHoogte, eindeGras, stoepHoogte){ var startWeg = eindeGras + stoepHoogte; noStroke(); // Lucht background(22, 182, 245); // Gras fill (48, 227, 90); rect (0, horizon, 600, grasHoogte); // Weg fill (138, 130, 130); rect (0, startWeg, 600, wegHoogte); // Stoep fill (255, 255, 255); rect (0, startWeg - stoepHoogte, 600, stoepHoogte); rect (0, startWeg + wegHoogte, 600, stoepHoogte); //zon fill (212, 209, 8); ellipse(0, 0, 50, 50); stroke(212, 209, 8); strokeWeight(5); line(20, 5, 35, 7); line(15, 10, 35, 20); line(15, 20, 22, 28); line(3, 20, 7, 40); noStroke(); }; var achtergrondObjecten = function() { if (spelen) { //bewegen en respawnen toren beginToren -= 1; if (beginToren < -torenBreedte) { beginToren = 400; // Start de toren weer aan de rechterkant torenBreedte = random(30, 100); torenHoogte = random(horizon - topToren, eindeGras-topToren); //zorgen voor geen overlap if (beginToren < padMidden + ruimteVanMidden){ beginToren += random (1, 300); } } //bewegen en respawnen pad padMidden -= 1; if (padMidden < -ruimteVanMidden) { padBreedte = random (50,175); ruimteVanMidden = 0.5* padBreedte; padMidden = 400+ruimteVanMidden; // Start de weg weer aan de rechterkant //zorgen voor geen overlap if (padMidden - ruimteVanMidden < beginToren + torenBreedte){ padMidden =+ random (1, 300); } } //bewegen en respawnen voetganger; xVoorbijganger -= 0.5; if (xVoorbijganger < -voorbijgangerBreedte) { yVoorbijganger = random(eindeGras, eindeGras+stoepHoogte) - 0.5 * voorbijgangerHoogte; voorbijgangerBreedte = random(25, 35); xVoorbijganger = 400 + 0.5 * voorbijgangerBreedte; voorbijgangerHoogte = random(voorbijgangerBreedte , voorbijgangerBreedte 1.5 ); loper = lopers[floor(random(lopers.length))]; } } var toren = function(torenBreedte, topToren, torenHoogte){ // Toren gebouw fill(112, 109, 122); rect(beginToren, topToren, torenBreedte, torenHoogte); // Raampjes variablen fill(113, 247, 243); var raamBreedte = 5; var raamHoogte = 15; var tussenRuimte = 5; var xRaamRuimte = raamBreedte + tussenRuimte; var yRaamRuimte = raamHoogte + tussenRuimte; // Ramen tekenen for (var i = 0; i < ((torenBreedte-2tussenRuimte) / xRaamRuimte) -1 ; i++) { for (var j = 0; j < ((torenHoogte-2tussenRuimte) / yRaamRuimte -1); j++) { var x1_Raam = beginToren + tussenRuimte + i xRaamRuimte; var x2_Raam = x1_Raam + raamBreedte; var y1_Raam = topToren + tussenRuimte + yRaamRuimte * j; var y2_Raam = y1_Raam + raamHoogte; rect(x1_Raam, y1_Raam, raamBreedte, raamHoogte); } } }; var pad = function(padBreedte, ruimteVanMidden){ var padStartY = eindeGras; var ruimteVanMidden = 0.5* padBreedte; fill(186, 129, 63); quad (padMidden - ruimteVanMidden, padStartY, padMidden + ruimteVanMidden, padStartY, padMidden, horizon, padMidden, horizon); }; var voorbijganger = function(loper, voorbijgangerBreedte, voorbijgangerHoogte, yVoorbijganger){ image(loper, xVoorbijganger, yVoorbijganger, voorbijgangerBreedte, voorbijgangerHoogte); }; toren(torenBreedte, topToren, torenHoogte); pad(padBreedte, ruimteVanMidden); voorbijganger(loper, voorbijgangerBreedte, voorbijgangerHoogte, yVoorbijganger); }; var speler = function(xSpeler, spelerHoogte, spelerBreedte){ //Hopper laten draaien scale(spiegel, 1); image(karakter, spiegel * xSpeler, ySpeler - spelerHoogte, spelerBreedte, spelerHoogte); scale(spiegel, 1); if (spelen) { //hopper laten omdraaien om de 15 frames if (floor(frameCount) % 15 === 0 && jumping === false) { spiegel = -1; } //springen bij spatie indrukken if (keyIsPressed && key.code === keySprong) { jumping = true; } if (jumping) { spiegel = -1; //speler sprong t += 1; ySpeler = ySpeler - ( 5- 0.1t); karakter = getImage("creatures/Hopper-Jumping"); } if (ySpeler > startHoogte) { jumping = false; t = 0; karakter = getImage("creatures/Hopper-Happy"); ySpeler = startHoogte; } } }; var scoreteller = function(){ fill(255, 255, 255); score += 0.5; //positie score naar links bewegen als er een extra cijfer bijkomt if (Number.isInteger(Math.log10(score))) { u = Math.log10(score); } //display score text (floor(score), 390-7.5u, 10, 100, 100); }; var objecten = function(xSpeler, ySpeler, spelerHoogte, spelerBreedte){ var diameter = type === 'wiel' ? 50 : 40; // goede diameters egven var diameterVliegObject = 20; //maken van objecten var wiel = function(diameter, xWiel, yWiel){ //check afstand tussen speler en wiel var distance = dist(xWiel, yWiel, xSpeler, ySpeler-spelerHoogte); var wielDesign = function(xWiel, yWiel, diameter){ //basis wiel fill(48, 48, 48); ellipse(xWiel, yWiel, diameter, diameter); fill(194, 194, 194); ellipse(xWiel, yWiel, diameter0.6, diameter0.6); fill(240, 240, 240); //maken van de bouten in de wielen die meedraaien (hier ben ik echt trots op ookal duurde het niet heel lang) for (var i = 0; i < 360; i+= 45){ ellipse (xWiel + sin(i-xWiel)0.2diameter, yWiel + cos(i-xWiel)0.2diameter, diameter0.05, diameter0.05); } }; //wiel bewegen (punt van deze is dat ie snel is) xObject -= 2Math.log10(score); //checken of af if(distance <= diameter/2+spelerHoogte0.5){ levend = false; tip = tips[1]; xObject = random(420, 500); xVliegObject = random (420, 450); type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; //wiel of spijkerbal } //wiel maken wielDesign(xWiel, yWiel, diameter); //object terug doen if (xObject < 0 - 0.5diameter){ xObject = random(420, 500); type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; //50% kans op wiel of spijkerbal spawn = false; } }; var spijkerbal = function(diameter, xSpijkerbal){ //angezien y waarde veranderd staat die buiten de functie var middenSpijkerbal = ySpijkerbal - diameter; //afstand speler en muis tot spijkerbal var distance = dist(xSpijkerbal, middenSpijkerbal, xSpeler, ySpeler-spelerHoogte); var mouseDistance = dist(xSpijkerbal, middenSpijkerbal, mouseX, mouseY); var spijkerbalDesign = function(xSpijkerbal, ySpijkerbal, diameter){ fill(219, 219, 219); //basis spijkerbal ellipse(xSpijkerbal, middenSpijkerbal, diameter, diameter); //spijkers met triangle(a + b + c, ...) waarbij a midden van de bal is, //b de naar de rand van de bal gaat (- de verschuiving van c) //c de spijkers een beetje naar links/rechts verplaatst om het geen lijn te maken for (var i = 0; i < 360; i+= 30){ triangle (xSpijkerbal + sin(i)diameter0.4 - 0.1cos(i)diameter, middenSpijkerbal + cos(i)0.4diameter - 0.1sin(i)diameter, xSpijkerbal + sin(i)0.5diameter + 0.1cos(i)diameter, middenSpijkerbal + cos(i)0.5diameter + 0.1sin(i)diameter, xSpijkerbal + sin(i)0.8diameter, middenSpijkerbal + cos(i)0.8diameter); } }; //spijkerbal bewegen, punt van deze is dat ie stuitert xObject -= 0.75 * Math.log10(score); //spijkerbal laten stuiteren j += 2.5; if (floor(j%360===0)){ j = 0; } ySpijkerbal = startHoogte - 120Math.abs(1.5sin(j)); //checken of af if (heel){ if(distance <= diameter/2+spelerHoogte0.5){ levend = false; tip = tips[0]; xObject = random(420, 500); xVliegObject = random (420, 450); type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; //wiel of spijkerbal } //spijkerbal maken spijkerbalDesign(xSpijkerbal, middenSpijkerbal, diameter); } //aangezien het anders soms onmogelijk is: spijkerbal kapotmaken if (mouseDistance <= diameter/2 && mouseIsPressed){ heel = false; spawn = false; xObject = random(420, 500); playSound(getSound("rpg/metal-clink")); type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; //50% kans op wiel of spijkerbal } //object terug doen if (xObject < 0 - 0.5diameter){ xObject = 440; type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; //50% kans op wiel of spijkerbal spawn = false; } }; var honkbal = function(diameter, xHonkbal, yHonkbal){ //check afstand tussen speler en wiel var distanceLucht = dist(xHonkbal, yHonkbal, xSpeler, ySpeler-spelerHoogte); var mouseDistance = dist(xHonkbal, yHonkbal, mouseX, mouseY); var honkbalDesign = function(xHonkbal, yHonkbal, diameter){ //basis honkbal fill(255, 255, 255); ellipse(xHonkbal, yHonkbal, diameter, diameter); }; //honkbal bewegen (punt van deze is dat ie in de lucht zit) xVliegObject -= 1.25Math.log10(score); //checken of af if (vliegHeel){ if(distanceLucht <= diameter/2+spelerHoogte0.5){ levend = false; tip = tips[2]; xObject = random(420, 500); type = random(1) < 0.5 ? 'wiel' : 'spijkerbal'; //wiel of spijkerbal xVliegObject = random (420, 450); } } //honkbal maken honkbalDesign(xHonkbal, yHonkbal, diameter); //honkbal weg laten slaan if (mouseDistance <= diameter/2 && mouseIsPressed){ vliegHeel = false; spawnVliegObject = false; playSound(getSound("rpg/hit-clop")); xVliegObject = random(420, 450); } //object terug doen if (xHonkbal < 0 - 0.5*diameter){ xVliegObject = random(420, 500); spawnVliegObject = false; } }; var spawnen = function(){ if (floor(frameCount%150 === 0)){ spawn = true; if (random(0, 6) < Math.log10(score)){ spawnVliegObject = true; } heel = true; vliegHeel = true; } if (spawn){ if (type === 'wiel'){ wiel(diameter, xObject, startHoogte - diameter); } else{ spijkerbal(diameter, xObject, startHoogte - diameter); } } if (spawnVliegObject && score > 750){ honkbal(diameterVliegObject, xVliegObject, startHoogte - 160); } }; if (levend){ spawnen(); } }; // Maak spel draw = function() { keybind(); if(startscherm){ startscherm(); } else if(!veranderen){ achtergrond(horizon, grasHoogte, wegHoogte, eindeGras, stoepHoogte); achtergrondObjecten(); if (levend){ scoreteller(); objecten(xSpeler, ySpeler, spelerHoogte, spelerBreedte); } if (!levend &! veranderen){ ySpeler = startHoogte; background(53, 111, 161); fill(0); textSize(30); text('score: ' + floor(score), 120, 100); text('je hebt verloren :(', 82, 175); textSize(15); text('druk op de muis om nogmaals te spelen', 67, 225); text("druk op 'CTRL' voor keybinds veranderen", 60, 271); text("tip: " + tip, 2, 380); return; } speler(xSpeler, spelerHoogte, spelerBreedte); } };
Folds	326,388,395,400
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIe6hM_JCgw
Votes	2
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6687311345483776","title":"alpha(color) \| ProcessingJS","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	job hagens
Author Name	kaid_7580754035616762821661479
Author ID	kaid_7580754035616762821661479
Author Profile Access	COACH

Archive Data

Added	17 days ago, 1743306165810
Updated	17 days ago, 1743306165810
Source Deleted	unknown