Viewing Program

Program Data

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

Title	2D Game Engine [Beta 1.7](logistical help!!)
ID	6293467709947904
Created	8 months ago, 1743015105129
Updated	8 months ago, 1743284173547
Code	/ Hi! So basically, this is a WIP that took me 2 hours to make. And it has a lot of potential it's just... I'm bad at some stuff Version 1.7 features: 1. You can now spawn in a maximum of 40 ellipses and place them in different areas by dragging them around. 2. Fixed a bug where engine would crash if you had 0 objects in the scene and hit 'Add movement' 3. Now displays ellipse ID when hovering over a newly spawned ellipse. (wip feature) PLEASE REPORT ANY BUGS YOU FIND IN THE T&T! BUGS: 1. can create more than 30 ellipses. (literally so confused I had an if(ellipses > 30){ellipses = 30; i = 30;} but it doesnt work, so i removed it...) - Sage X. CREDITS: LeaferStudios Yogurt TheLogisticalMathematician Electric Dolphin ⚡🐬 / //movement variables. var keys = []; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; //Currently dragged ellipse var dragId = -1; //other stuff var am = false; //create ellipse unique ID for specifications var ellipseID = floor(random(1,30)); //rect and ellipse counter, before maximum 30-40? i can't remember gotta check notes. var rectangles = 0; var ellipses = 0; //other stuff var olist = []; var BackgroundR = 255; var BackgroundG = 255; var BackgroundB = 255; var scene = ""; var createdScenes = 0; var createdVariables = 0; var loading = (random(1,100)); var loadable = 0; var version = 1.5; var max_objects = 30; var x = 100; var y = 100; var e = false; var r = ""; var el = ""; var create_ellipse = function(){ //Properties this.x = 100; this.y = 100; this.width = 50; this.height = 50; this.strokeC = 0; }; var mainScene = function(){ background(BackgroundR, BackgroundG, BackgroundB); textSize(12); noStroke(); fill(87, 87, 87); rect(0,250,width,150); stroke(0, 0, 0); rect(250,0,150,height-150); fill(255, 0, 0); noStroke(); text("scene = ["+createdScenes+"]",3,13); }; var createButton = function(){ textSize(12); fill(0, 0, 0); rect(256,5,100,30); rect(256,45,100,30); rect(256,85,100,30); rect(256,125,100,30); rect(256,165,100,30); if(mouseX >=251 && mouseY >=0 && mouseX <=356 && mouseY <= 35 && scene === ""){ fill(255, 0, 0); rect(256,5,100,30); } if(mouseX >=251 && mouseX <=356 && mouseY <=75 && mouseY >=40 && scene === ""){ fill(255, 0, 0); rect(256,45,100,30); } if(mouseX >= 251 && mouseX <= 356 && mouseY <= 115 && mouseY >= 80 && scene === ""){ fill(255, 0, 0); rect(256,85,100,30); } if(mouseX >= 251 && mouseX <= 356 && mouseY <= 155 && mouseY >= 120 && scene === ""){ fill(255, 0, 0); rect(256,125,100,30); } if(mouseX >=251 && mouseX <= 356 && mouseY <=195 && mouseY >= 160 && scene === ""){ fill(255, 0, 0); rect(256,165,100,30); } //functions fill(255, 255, 255); text("Add scene ("+createdScenes+")",262,23); text("Play test",262,145); text("Add Variable ("+createdVariables+")",262,104); text("Copy code",266,64); text("Add movement",262,185); //objects //bg fill(0, 0, 0); rect(16,261,40,40); rect(104,261,40,40); //actual object fill(255, 0, 0); ellipse(36,280,20,20); rect(115,272,20,20); //text f/ object fill(255, 255, 255); text("Add Ellipse\n +"+ellipses,8,316); text("Add Rectangle",88,316); //outline when hovered if(mouseX >= 8 && mouseY >= 302 && mouseX <= 73 && mouseY <= 323 && scene === ""){ stroke(0, 0, 0); fill(255, 255, 255,0); rect(3,302,70,31); } if(mouseX >= 82 && mouseY >= 302 && mouseX <= 173 && mouseY <= 323 && scene === ""){ stroke(0, 0, 0); fill(255, 255, 255,0); rect(82,302,90,20); } //and finally... calculate the angle of the rectangle to remember its position. mousePressed = function(){ if(mouseX >=251 && mouseY >=0 && mouseX <=356 && mouseY <= 35 && scene === ""){ scene = "add_scene"; createdScenes+=1; loading = (random(1,100)); } if(mouseX > 285 && mouseX < 316 && mouseY > 68 && mouseY < 85 && scene === "add_scene"){ scene = ""; loadable = 0; } if(mouseX >=251 && mouseX <=356 && mouseY <=75 && mouseY >=40 && scene === ""){ println("Copying code will be available soon.\nCURRENT VERSION: "+version); } if(mouseX >= 8 && mouseY >= 302 && mouseX <= 73 && mouseY <= 323 && scene === ""){ //This creates a new ellipse into the list olist.push(new create_ellipse()); e = true; ellipses+=1; } if(mouseX >=251 && mouseX <= 356 && mouseY <=195 && mouseY >= 160 && scene === ""&&ellipses > 0){ scene = "add_movement"; } if(mouseX >=251 && mouseX <= 356 && mouseY <=195 && mouseY >= 160 && scene === ""&&ellipses<1){ scene = "no_objects"; } if(mouseX > 285 && mouseX < 316 && mouseY > 68 && mouseY < 85 && scene === "no_objects"){ scene = ""; } if(mouseX >= 251 && mouseX <= 356 && mouseY <= 115 && mouseY >= 80 && scene === ""){ scene = "add_variable"; } if(mouseX >= 251 && mouseX <= 356 && mouseY <= 155 && mouseY >= 120 && scene === ""){ scene = "playtest"; } if(mouseX>=271&&mouseY>=213&&mouseX<=233+85&&mouseY<=233&&scene==="add_movement"){ scene = ""; am = true; println("movement added."); } }; }; //Ellipse class draw = function() { mainScene(); createButton(); if(scene === "add_scene"){ background(BackgroundR, BackgroundG, BackgroundB); noStroke(); fill(87, 87, 87); rect(0,250,width,150); stroke(0, 0, 0); rect(250,0,150,height-150); fill(0, 0, 0); rect(70,60,250,250); fill(255, 0, 0); noStroke(); text("scene = ["+createdScenes+"]",3,13); fill(255, 0, 0); text("SCENE CREATION PROGRESS\n"+loadable+"% / 100",82,86); rect(83,106,loadable,10); loadable+=1; if(loadable < 100){ fill(9, 255, 0); text("Creating a scene...",84,279); text("Please don't cancel this process.",84,294); } if(loadable > 99){ loadable = 100; fill(9, 255, 0); text("Scene created! ^^",84,279); text("please note identification to your scene. ",84,294); fill(255, 0, 0); rect(286,68,30,20,5); if(mouseX > 285 && mouseX < 316 && mouseY > 68 && mouseY < 85 && scene === "add_scene"){ fill(255, 135, 135); rect(286,68,30,20,5); } fill(255, 255, 255); rect(89,187,200,20,10); text("Scene identity:",89,181); fill(0, 0, 0); text(loading,96,202); text("X",297,82); } } if(scene === "no_objects"){ background(BackgroundR, BackgroundG, BackgroundB); noStroke(); fill(87, 87, 87); rect(0,250,width,150); stroke(0, 0, 0); rect(250,0,150,height-150); fill(0, 0, 0); rect(70,60,250,250); noStroke(); fill(255, 0, 0); text("There are currently 0\nobjects in the scene to add\nmovement to.",118,174); fill(255, 0, 0); rect(286,68,30,20,5); if(mouseX > 285 && mouseX < 316 && mouseY > 68 && mouseY < 85 && scene === "no_objects"){ fill(255, 135, 135); rect(286,68,30,20,5); } fill(255, 255, 255); fill(0, 0, 0); text("X",297,82); } if(scene === "add_variable"){ fill(0, 0, 0); rect(width-355,50,300,300); println("Doesn't work yet"); } if(scene === "playtest"){ background(255, 255, 255); fill(255, 0, 0); text(am,10,10); fill(255, 255, 255); ellipse(x,y,50,50); } //Checks all objects in the list for(var i = 0; i<olist.length; i++){ //Draws the ellipse var o = olist[i]; stroke(o.strokeC); ellipse(o.x, o.y, o.width, o.height); //Checks if mouse is pressed if(mouseIsPressed){ //If so, is it on an ellipse? if(mouseX>=o.x-30&&mouseY>o.y-30&&mouseX<=o.x+10&&mouseY<=o.y+10){ //If so, is it or another currently being dragged?(This prevents ellipses being dragged along with another while pressing down) if(dragId===i){//Then follow the mouse olist[i].x = mouseX; olist[i].y = mouseY; //Sage X. added this to help with the savestate of the X and Y's position when playtesting. x = mouseX; y = mouseY; } //If it isn't, but the id is -1(no ellipses being dragged), then set the dragId to this ellipse's id else if(dragId<0){ dragId=i; } } } if(o.x>250 && o.y < 250 && scene === "" \|\| o.x >0 && o.y > 250){ o.x = 100; o.y = 100; println("You cannot drag an object\nout of the canvas."); } } //If the mouse isn't currently dragging then set the Id to none if(!mouseIsPressed){ dragId=-1; } if(am === true && scene === "playtest"){ if(keys[UP]){ y-=1; } if(keys[DOWN]){ y+=1; } if(keys[RIGHT]){ x-=1; } if(keys[LEFT]){ x+=1; } } if(scene === "add_movement"){ background(0, 0, 0); fill(9, 255, 0); textSize(20); text("Creating movement",9,112); textSize(15); text("There is currently "+ellipses+" "+el+"\nand "+rectangles+" "+r,9,162); text("Would you like to use a rectangle or an ellipse as the\ncontrolled movement?",10,228); fill(0, 200, 255); text("rectangle",169,228); text("ellipse",273,228); if(rectangles <1){ r = "rectangles"; } if(rectangles > 1){ r = "rectangles"; } if(rectangles === 1){ r = "rectangle"; } if(ellipses === 1){ el = "ellipse"; } if(ellipses <1){ el = "ellipses"; } if(ellipses >1){ el = "ellipses"; } if(mouseX >=166 && mouseY >=213 && mouseX <=233 && mouseY <=233 && scene === "add_movement") { fill(255, 0, 0,0); stroke(255, 255, 255); rect(166,213,67,20); } if(mouseX>=271&&mouseY>=213&&mouseX<=233+85&&mouseY<=233&&scene==="add_movement"){ fill(255, 0, 0,0); stroke(255, 255, 255); rect(271,213,46,20); } } };
Folds	69,72,73,75,104,112,113,133,134,296,300,594
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIeagvyWCww
Votes	18
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Sage X. 🌊
Author Name	sage.xochitl
Author ID	kaid_545001320712749526245945
Author Profile Access	COACH

Archive Data

Added	8 months ago, 1743306172737
Updated	8 months ago, 1743306172737
Source Deleted	unknown