Viewing Program

Program Data

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

Title	Reduced Lag Collisions [Free to Use]
ID	5753188102193152
Created	5 years ago, 1580828931604
Updated	5 years ago, 1580839921143
Code	/* This technique is free to use as long as you give credit somewhere in the code or in the game, thank you! How it works * It uses the technique to convert a 1d array to 2d in order to make indices that are used to add collision test at those positions. This simplifies having to test for hundreds or even thousands of collisions in every frame, now you can only loop for a maximum of 24 times. GUI * If a square is blue, that means it is within the collision indexing of the player If a square is green, that means it is a block being tested for collisions If a square is black, nothing is being done to it except drawing / var worldData = [ "--------------------", "--------------------", "--------------------", "----------------b---", "---------------bbb--", "-----------bbbbbbb--", "--------bbbbbbbbbbb-", "-------bbbbbbbbbbbbb", "----------bbbbbbbbb-", "bbbbb--------bbbb---", "-bbbb---------bb----", "-bb------------b----", "--b---bbbbbb--------", "-------bbbb---------", "---------bb------bbb", "-------------bbbbbbb", "----------bbbbbbbbbb", "bbbbbbbbbbbbbbbbbbbb", "bbbbbbbbbbbbbbbbbbbb", "bbbbbbbbbbbbbbbbbbbb" ]; //world spawn data var keys = []; //input storage var world = [], tempBlocks = []; //entity storage var player; //predefinition //input handling keyPressed = function() {keys[keyCode] = true;}; keyReleased = function() {keys[keyCode] = false;}; //tests if a and b are touching (only squares) var collide = function(a, b) { if (a.x > b.x - a.w && a.x < b.x + b.w && a.y > b.y - a.h && a.y < b.y + b.h) {return true;} }; //constructor for the blocks var Block = function(x, y) { //positions in the world this.x = x; this.y = y; //collision width and height this.w = 20; this.h = 20; this.isBlock = true; }; Block.prototype.draw = function() { //draws the block fill(0); rect(this.x, this.y, this.w, this.h); }; //constructor for the player (sorry for the mess) var Player = function(x, y) { //positioning this.x = x; this.y = y; //collisions this.w = 20; this.h = 20; //jumping and speeds this.canJump = false; this.xSpd = 0; this.ySpd = 0; }; Player.prototype.handleCollisionSetting = function() { var px = floor(this.x / 20); //converts the player position into a 2d array index var py = floor(this.y / 20); var w = worldData[0].length; //gets the world width //moves the index (and limits it) px -= 2; py -= 2; px = constrain(px, 0, w - 3); py = constrain(py, 0, w - 3); //clears the array tempBlocks = []; //draws the blue squares and adds the collidable blocks to the array fill(0, 0, 255, 100); for (var x = 0; x < 5; x++) { for (var y = 0; y < 5; y++) { if (worldData[py + y][px + x] !== "-") {tempBlocks.push(new Block((px + x) 20, (py + y) * 20));} rect((px + x) * 20, (py + y) * 20, 20, 20); } } }; Player.prototype.handleCollisionTesting = function(xSpd, ySpd) { //tests for collisions and draws rects at the blocks (if there are any) fill(0, 255, 0, 50); for (var a in tempBlocks) { var b = tempBlocks[a]; rect(b.x, b.y, 20, 20); //if it collides, stop it if (collide(this, b)) { //if the player is moving right if (xSpd > 0) { this.xSpd = 0; this.x = b.x - this.w; } //if they are moving left else if (xSpd < 0) { this.xSpd = 0; this.x = b.x + b.w; } //if they are falling if (ySpd > 0) { this.canJump = true; this.ySpd = 0; this.y = b.y - this.h; } //if they are jumping else if (ySpd < 0) { this.ySpd = 0; this.y = b.y + b.h; } } } }; Player.prototype.handleInput = function() { if (keys[LEFT] \|\| keys[65]) {this.xSpd -= 0.2;} //movement handling else if (keys[RIGHT] \|\| keys[68]) {this.xSpd += 0.2;} else {this.xSpd = 0;} if ((keys[UP] \|\| keys[87]) && this.canJump) {this.ySpd = -4;} //jump this.xSpd = constrain(this.xSpd, -2, 2); //puts limits on the speeds this.ySpd = constrain(this.ySpd, -10, 10); }; Player.prototype.draw = function() { //draws the player fill(255, 0, 0); rect(this.x, this.y, this.w, this.h); this.handleInput(); //handles movement speeds this.handleCollisionSetting(); //handles the reduced collisions this.ySpd += 0.1; //applies gravity this.y += this.ySpd; this.canJump = false; //resets the jump this.handleCollisionTesting(0, this.ySpd); //only handles collisions in the y axis this.x += this.xSpd; this.handleCollisionTesting(this.xSpd, 0); //next handles collisions on the x axis //makes sure the player never falls off screen forever this.x = constrain(this.x, 0, 400 - this.w); if (this.y > 400 - this.h) {this.y = 400 - this.h;} }; player = new Player(200, 200); //defines the player //loads the world up based on level data var loadWorld = function(level) { for (var a in level) { for (var b in level[a]) { var c = level[a][b]; //spawns blocks if (c === "b") {world.push(new Block(b * 20, a * 20));} else {world.push({x: b * 20, y: a * 20});} } } }; loadWorld(worldData); draw = function() { background(255); noStroke(); //draws all the blocks for (var w in world) { if (world[w].isBlock) {world[w].draw();} } //draws the player player.draw(); };
Folds	16,37,47,50,53,63,64,68,71,84,85,108,109,143,144,153,154,175,179,189,192,203
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKHp54-cCgw
Votes	2
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	Fitzgerald
Author Name	GameWhiz1
Author ID	kaid_1152728431508830264593196
Author Profile Access	COACH

Archive Data

Added	2 days ago, 1744816243212
Updated	2 days ago, 1744816243212
Source Deleted	unknown