Viewing Program

Program Data

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

Title	Spit-Screen 4 Players [Testing]
ID	6032870797737984
Created	11 years ago, 1393614516517
Updated	11 years ago, 1394487638527
Code	/** * * I made this program to see if I could create a working split-screen game. * * I'm done working on this for now, I might make a spin-off of this and * turn it into an action game when I have time. * If you guys have any game ideas for this, I'll try to add them in. * * +-------------------------+-----------------+ * \| Controls \| * +---------+------+--------+--------+--------+ * \| Player \| Up \| Left \| Down \| Right \| * +---------+------+--------+--------+--------+ * \| One \| W \| A \| S \| D \| * \| Two \| I \| J \| K \| L \| * \| Three \| UP \| LEFT \| DOWN \| RIGHT \| * \| Four \| 5/T \| 1/F \| 2/G \| 3/H \| * +---------+------+--------+--------+--------+ * * You can control the 4th player using the number pad (to the right of the keyboard) * or use the T, F, G, H keys (read the controls). * * Not all keyboards have a number pad but if you do and can't get it to work, * make sure Num Lock is on. * * Changelog: * - Added name tags to player. * - Added a minimap. * - Added smooth scrolling. * - Changed map size. * - Added a set of keys to the 4th player. * * * Problems: * - The view port cuts off entities before they go off screen. * - Name tags can go off view port. * - You can't have more than one minimap shown at the same time. * / / Warning: Hack away with caution, code is NOT reader-friendly. :) / var KEYS = {}; KEYS.W = 87; KEYS.A = 65; KEYS.S = 83; KEYS.D = 68; KEYS.T = 84; KEYS.F = 70; KEYS.G = 71; KEYS.H = 72; KEYS.I = 73; KEYS.J = 74; KEYS.K = 75; KEYS.L = 76; KEYS.D5 = 101; KEYS.D1 = 97; KEYS.D2 = 98; KEYS.D3 = 99; keyPressed = function() { KEYS[keyCode] = true; //println(keyCode); }; keyReleased = function() { delete KEYS[keyCode]; }; / Maybe one day this could be a predefined function? / var whichKeyIsPressed = function(k) { return KEYS[k]; }; var CONTROLS = { LAYOUT1: { up: KEYS.W, left: KEYS.A, down: KEYS.S, right: KEYS.D, map: 81 //Q }, LAYOUT2: { up: KEYS.I, left: KEYS.J, down: KEYS.K, right: KEYS.L, map: 85 // U }, LAYOUT3: { up: UP, left: LEFT, down: DOWN, right: RIGHT, map: 16 // SHIFT }, LAYOUT4: { up: KEYS.D5, left: KEYS.D1, down: KEYS.D2, right: KEYS.D3, map: 100 // D4 }, LAYOUT5: { up: KEYS.T, left: KEYS.F, down: KEYS.G, right: KEYS.H, map: 82 //R } }; var Rect = function(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; this.collideWith = function(other) { if(this.x+this.width >other.rect.x&& this.x <other.rect.x+other.rect.width&& this.y+this.height >other.rect.y&& this.y <other.rect.y+other.rect.height) { return true; } }; }; var Camera = function(x,y,width,height,screenWidth,screenHeight,following) { this.rect = new Rect(x,y,width,height); this.rect.startX = x; this.rect.startY = y; this.screen = { width: screenWidth, height: screenHeight }; /* TODO: Fix this mess. / var x=-following.rect.x+ this.rect.startX+(this.rect.width/2)-following.rect.width/2; var y=-following.rect.y+ this.rect.startY+(this.rect.height/2)-following.rect.width/2; this.rect.x = x; this.rect.y = y; this.following = following; this.follow = function(follow) { var x=-follow.rect.x+this.rect.startX+(this.rect.width/2)-follow.rect.width/2; var y=-follow.rect.y+this.rect.startY+(this.rect.height/2)-follow.rect.width/2; this.rect.x += (x-this.rect.x)/10; this.rect.y += (y-this.rect.y)/10; this.following = follow; }; this.apply = function(ent) { if(ent.rect.x > this.rect.startX+(-this.rect.x) && ent.rect.x < this.rect.startX+(-this.rect.x)-ent.rect.width+this.rect.width && ent.rect.y > this.rect.startY+(-this.rect.y) && ent.rect.y < this.rect.startY+(-this.rect.y)-ent.rect.height+this.rect.height ) { var camRect = new Rect( this.rect.x+ent.rect.x, this.rect.y+ent.rect.y, ent.rect.width, ent.rect.height ); camRect.view = this; ent.draw(camRect); } }; }; var Player = function(x, y, control,color,name) { this.rect = new Rect(x,y,20,20); this.control = control; this.keys = [0,0,0,0]; this.color = color; this.xv = 0; this.yv = 0; this.name = name; this.draw = function(r) { stroke(0, 0, 0); fill(this.color); rect(r.x, r.y, r.width, r.height); if(r.view.following !== this) { fill(255, 255, 255,200); noStroke(); triangle(r.x+20, r.y-23, r.x+10, r.y-15, r.x-0, r.y-23); rect(r.x-15,r.y-43,50,20,10); textAlign(CENTER,CENTER); fill(0, 0, 0); text(this.name,r.x+10,r.y-32); } }; this.update = function(blocks) { for(var i=0;i<this.control.length;i++) { if( whichKeyIsPressed(this.control[i].left) ) { this.xv = -4; } if( whichKeyIsPressed(this.control[i].right) ) { this.xv = 4; } if(!whichKeyIsPressed(this.control[i].left)&& !whichKeyIsPressed(this.control[i].right)) { this.xv = 0; } this.rect.x += this.xv; this.collision(this.xv,0,blocks); if( whichKeyIsPressed(this.control[i].up) ) { this.yv =- 4; } if( whichKeyIsPressed(this.control[i].down) ) { this.yv = 4; } if(!whichKeyIsPressed(this.control[i].up)&& !whichKeyIsPressed(this.control[i].down)) { this.yv = 0; } this.rect.y += this.yv; this.collision(0,this.yv,blocks); } }; this.collision = function(xv,yv,blocks) { for(var i=0;i<blocks.length;i++) { var b = blocks[i]; if( this.rect.collideWith(b) ) { if(xv>0) { this.rect.x = b.rect.x-this.rect.width; } if(xv<0) { this.rect.x = b.rect.x+b.rect.width; } if(yv>0) { this.rect.y = b.rect.y-this.rect.height; } if(yv<0) { this.rect.y = b.rect.y+b.rect.height; } } } }; }; var Block = function(x,y,width,height,color) { this.rect = new Rect(x,y,width,height); this.color = color; this.draw = function(r) { fill(this.color); stroke(this.color); rect(r.x,r.y,r.width,r.height); }; }; var blocks = []; blocks.draw = function(cam) { for(var i=0;i<this.length;i++) { for(var c=0;c<cam.length;c++) { cam[c].apply(this[i]); } } }; for(var i=0;i<6;i++) { randomSeed(i+2); var x = random(700); var y = random(700); for (var xx=0; xx<10; xx++) { for (var yy=0; yy<10; yy++) { var r = random(25); if(dist(xx,yy,10/2,10/2)<10/2) { blocks.push(new Block(x+xx10,y+yy10,10,10,color(50-r,200-r,50-r))); } } } } var floors = []; floors.draw = function(cam) { for(var i=0;i<this.length;i++) { for(var c=0;c<cam.length;c++) { cam[c].apply(this[i]); } } }; // Border the level with blocks randomSeed(14); for(var x=0;x<20;x++) { blocks.push(new Block(20+x40,0,40,20,color(255-random(40), 0, 0)));} for(var x=0;x<20;x++) { blocks.push(new Block(0,x40,20,40,color(255-random(40), 0, 0)));} for(var x=0;x<20;x++) { blocks.push(new Block(800,x40,20,40,color(255-random(40), 0, 0)));} for(var x=0;x<20;x++) { blocks.push(new Block(10+x40,800-20,40,20,color(255-random(40), 0, 0)));} // Makes the grass for(var xx=0; xx<400/20; xx++) { for(var yy=0; yy<400/20; yy++) { var r = random(20); var p = round(random(0,4)); if(!p) { floors.push(new Block(xx20,yy*20,20,20,color(0-r,255-r,0-r))); } } } // Sets up player in their positions with control layout and color var player1 = new Player(50, 50, [CONTROLS.LAYOUT1], color(255,0,0), "Player 1"); var player2 = new Player(350, 50, [CONTROLS.LAYOUT2], color(0, 102, 255), "Player 2"); var player3 = new Player(50, 330, [CONTROLS.LAYOUT3], color(255, 221, 0), "Player 3"); var player4 = new Player(350, 330, [CONTROLS.LAYOUT4,CONTROLS.LAYOUT5], color(0, 148, 0), "Player 4"); // Group players var players = [ player1, player2, player3, player4 ]; // Sets up camera on each section of the screen var camTopLeft = new Camera(0, 0, 200,200,800,800, player1); var camTopRight = new Camera(200, 0, 200,200,800,800, player2); var camBottomLeft = new Camera(0, 200, 200,200,800,800, player3); var camBottomRight = new Camera(200, 200, 200,200,800,800, player4); // Group cameras var cameras = [ camTopLeft, camTopRight, camBottomLeft, camBottomRight ]; var mapX = 0, mapY = 0, mapShow = false; draw = function() { background(17, 255, 0); // Draw Floor and Blocks floors.draw(cameras); blocks.draw(cameras); // Draw Players for(var i=0;i<players.length;i++) { for(var c=0;c<cameras.length;c++) { cameras[c].apply(players[i]); } } camTopLeft.follow(player1); camTopRight.follow(player2); camBottomLeft.follow(player3); camBottomRight.follow(player4); player1.update(blocks); player2.update(blocks); player3.update(blocks); player4.update(blocks); // Split Screen Lines strokeWeight(1); stroke(0, 0, 0); line(200,0,200,400); line(0,200,400,200); // MiniMap if(whichKeyIsPressed(CONTROLS.LAYOUT1.map)) { mapX = 0; mapY = 0; mapShow = true;} if(whichKeyIsPressed(CONTROLS.LAYOUT2.map)) { mapX = 200; mapY = 0; mapShow = true;} if(whichKeyIsPressed(CONTROLS.LAYOUT3.map)) { mapX = 0; mapY = 200; mapShow = true;} if(whichKeyIsPressed(CONTROLS.LAYOUT4.map)\|\|whichKeyIsPressed(CONTROLS.LAYOUT5.map)) { mapX = 200; mapY = 200; mapShow = true;} if(mapShow) { noStroke(); fill(0, 0, 0,200); rect(mapX,mapY,200,200); for(var i=0;i<players.length;i++) { var player = players[i]; fill(player.color); rect(mapX+35+(player.rect.x/6),mapY+35+(player.rect.y/6), player.rect.width/6, player.rect.width/6); } for(var i=0;i<blocks.length;i++) { var block = blocks[i]; fill(block.color); rect(mapX+35+(block.rect.x/6),mapY+35+(block.rect.y/6), block.rect.width/6,block.rect.height/6); } } mapShow = false; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgICH09vbCgw
Votes	177
Spin-Offs	13
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Thomas L.
Author Name	voidx
Author ID	kaid_581816907416828552973446
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739452681455
Updated	10 months ago, 1739452681455
Source Deleted	unknown