/* V1.0{ 1) Game created :) } V1.1{ 1) Added particles 2) Better map generation } V1.2{ 1) Added: a) Springs b) HeadVents c) developer-element showCoordinates 2) More particles! ;) } V1.3{ 1) New score system 2) Better teleport realisation 3) Combine springs power V1.3.1{ 1) Added breakable platforms 2) Maybe fixed bug with springs :) } V1.3.2{ 1) breakable platforms looks better 2) fixed bug with no drawing breakable platforms hitbox 3) Better background look } V1.3.3{ 1) new parameter in "settings" 2) More breakable platforms } } V1.4{ 1)Added: a) timer platform b) one jump platform 2) Edited brown platform } V1.5{ 1)Added: a) new platform b) jetpack, fly faster and higher ;) c) 2 parameters in "settings" 2) Portals looks better 3) Edited brown platform mechanic V1.5.1{ 1) minimized jetpack does not look like a circle 2) 2 new parameters 3) A better mobile platform } } V1.6{ 1) Added: a) Animations b) 3 new parameters c) Black hole 2) Small fixes and optimization V1.6.1{ Fixed a bug when the wearable item disappears in the portal } V1.6.2{ 1) Platform break animations 2) New platform } } V1.7{ 1) New platform 2) New mechanic of spawn items 3) New parameter and view string 4) Small optimizations 5) New(smaller) blackhole hitbox V1.7.1{ 1) Some fixes 2) Brightness control } V1.7.2{ Much better blackholes } } V1.8{ 1) Added shadows 2) Added 3 new parameter 3) New moving platform mechanic V1.8.1{ 1) More shadows! ;) 2) Better platfrom position (but not ideal :( ) } } V1.9{ 1) Added new platform boost type 2) Better blackhole creation 3) SHOOTING ! V1.9.1{ 1) Again better blackholes :) 2) Testing with angry bots 3) New parameter 4) new touch zone 5) New bullet speed } V1.9.2{ Fixed bug with particles falling } V1.9.3{ 1) Sooo small fix with map generating, now this makes better } V1.9.4{ 1) White platform break particles 2) New platform type 3) New moving platform calculating } V1.9.5{ Eyes } v1.9.6{ Arrows which shows you where will be placed blackhole or enemy } } */ var showHitBoxes = false var showCoordinates = false var showPortals = true var showTouchZone = true var realisticPortal = true var betterJetPack = true var parallax = true var showParticles = true var portalsGenerateParticles = true var animations = true //Please use together var showBlackHoleHitBoxes = true var betterBlackHole = true //Please use together var blackHoles = true var betterSpring = true var shadows = true var light = true //1 - 100 var brightn = 100 var enemies = true function setup() { createCanvas(windowWidth, windowHeight) textsize = height / 20 screencoef = (width + height) / 50 doodle = new Doodle(width / 2 - screencoef / 2, height - screencoef * 3, screencoef * 2, screencoef / 6) var size = random(screencoef, screencoef * 3) platformCount = height / screencoef / 1.5 + 1 platform.push(new Platform(width / 2 - size / 2, height - screencoef, size)) platform[0].type = 1 if (brightn > 100 || brightn < 1) { brightn = 50 } for (var i = 1; i < platformCount; i++) { var size = random(screencoef, screencoef * 3) platform.push(new Platform(random(width - size), height - i * (height / platformCount), size)) } colorMode(RGB, 340 - brightn) //You can change this shadowincr = screencoef / 6 textSize(textsize) } class Particle { constructor(x, y, s, type, r, g, b) { this.x = x this.y = y this.X = 0 this.Y this.type = type this.speed = s if (this.type == 1) { this.X = random(-this.speed / 1.5, -1) this.Y = random(-this.speed / 1.5, this.speed / 1.5) } else if (this.type == 2) { this.X = random(1, this.speed / 1.5) this.Y = random(-this.speed / 1.5, this.speed / 1.5) } else if (this.type == 0) { this.X = random(-this.speed, this.speed) this.Y = random(-this.speed / 1.5, this.speed / 1.5) } else if (this.type == 3) { this.Y = random(1, this.speed / 1.5) } else if (this.type == 4) { this.Y = random(-this.speed / 1.5, -1) } this.r = random(screencoef / 8, screencoef / 3) this.c = color(r, g, b) } render() { noStroke() fill(this.c) ellipse(this.x, this.y, this.r, this.r) this.x += this.X this.y += this.Y this.r -= this.speed / 20 } } var par = [] function createParticles(x, y, speed, type, r, g, b, count) { if (showParticles) { for (var i = 0; i < count; i++) { par.push(new Particle(x, y, speed, type, r, g, b)) } } } class Doodle { constructor(x, y, s, sp) { this.x = x this.y = y this.size = s this.yoff = 0 this.speed = sp this.acc = 0 this.timeFly = 0 this.item this.springComb = 1 this.shooted = false this.eyeSize = this.size / 6 } show() { if (this.y > height - maxHeight) this.lose() this.y += this.acc this.acc += screencoef / 100 if (shadows) { noStroke() fill(100, 100) rect(this.x + shadowincr, this.y + shadowincr, this.size / 2, this.size, this.size, this.size, this.size / 4, this.size / 4) } fill("lime") stroke("brown") strokeWeight(1) rect(this.x, this.y, this.size / 2, this.size, this.size, this.size, this.size / 4, this.size / 4) this.showEyes() if (this.timeFly > 0) { this.timeFly-- this.item(this.x, this.y) } if (-this.y + height / 3 > maxHeight) { maxHeight = -this.y + height / 3 } if (showHitBoxes) { noFill() strokeWeight(2) stroke("orange") rect(this.x, this.y, this.size / 2, this.size) } if (showCoordinates) { beginShape(POINTS) stroke("red") strokeWeight(2) vertex(this.x, this.y) vertex(this.x + this.size / 2, this.y) vertex(this.x + this.size / 2, this.y + this.size) vertex(this.x, this.y + this.size) endShape() textSize(screencoef / 4) noStroke() fill(0) text("(" + this.x.toFixed(0) + "," + this.y.toFixed(0) + ")", this.x - 30, this.y) text("(" + (this.x + this.size / 2).toFixed(0) + "," + this.y.toFixed(0) + ")", this.x + this.size / 2, this.y) text("(" + (this.x + this.size / 2).toFixed(0) + "," + (this.y + this.size).toFixed(0) + ")", this.x + this.size / 2, this.y + this.size) text("(" + this.x.toFixed(0) + "," + (this.y + this.size).toFixed(0) + ")", this.x - 30, this.y + this.size) } if (showPortals) { noStroke() var k = this.size * 1.5 if (this.x >= width - k) { var ellsize = this.size * 1.3 * (k - (width - this.x)) / k fill(0, 50, 255) ellipse(width - screencoef / 8, this.y + this.size / 2, screencoef / 4, ellsize) fill(255, 150, 0) ellipse(screencoef / 8, this.y + this.size / 2, screencoef / 4, ellsize) if (portalsGenerateParticles) { var count = 0 if (random(10) < 2) count = random(1, 3) createParticles(0, this.y + this.size / 2, this.speed / 3, 2, 255, 150, 0, count) if (random(10) < 2) count = random(1, 3) else count = 0 createParticles(width - screencoef / 8, this.y + this.size / 2, this.speed / 3, 1, 0, 50, 255, count) } if (realisticPortal) { fill("lime") stroke("brown") strokeWeight(1) rect(k - width + this.x - (this.size * 3 / 2), this.y, this.size / 2, this.size, this.size, this.size, this.size / 4, this.size / 4) if (this.timeFly > 0) this.item(k - width + this.x - (this.size * 3 / 2), this.y) } } else if (this.x <= k) { var ellsize = this.size * 1.3 * (k - this.x) / k fill(0, 50, 255) ellipse(screencoef / 8, this.y + this.size / 2, screencoef / 4, ellsize) fill(255, 150, 0) ellipse(width - screencoef / 8, this.y + this.size / 2, screencoef / 4, ellsize) if (portalsGenerateParticles) { var count = 0 if (random(10) < 2) count = random(1, 3) createParticles(0, this.y + this.size / 2, this.speed / 3, 2, 0, 50, 255, count) if (random(10) < 2) count = random(1, 3) else count = 0 createParticles(width - screencoef / 8, this.y + this.size / 2, this.speed / 3, 1, 255, 150, 0, count) } if (realisticPortal) { fill("lime") stroke("brown") strokeWeight(1) rect(width + this.x, this.y, this.size / 2, this.size, this.size, this.size, this.size / 4, this.size / 4) if (this.timeFly > 0) this.item(width + this.x, this.y) } } } } showEyes() { stroke("green") fill(255) ellipse(this.x + this.eyeSize, this.y + this.eyeSize, this.eyeSize) ellipse(this.x + this.size / 2 - this.eyeSize, this.y + this.eyeSize, this.eyeSize) this.eyeBallPos = createVector(mouseX, mouseY - maxHeight).sub(createVector(this.x, this.y)).limit(this.eyeSize / 4) noStroke() fill(0) ellipse(this.x + this.eyeSize + this.eyeBallPos.x, this.y + this.eyeSize + this.eyeBallPos.y, this.eyeSize / 2) ellipse(this.x + this.size / 2 - this.eyeSize + this.eyeBallPos.x, this.y + this.eyeSize + this.eyeBallPos.y, this.eyeSize / 2) } moveLeft() { this.x -= this.speed if (this.x < -this.size / 2) { this.x = width - this.size / 2 createParticles(width, this.y + this.size / 2, this.speed, 1, 255, 150, 0, random(8, 16)) createParticles(0, this.y + this.size / 2, this.speed, 0, 0, 50, 255, random(8, 16)) } } moveRight() { this.x += this.speed if (this.x > width) { this.x = 0 createParticles(width, this.y + this.size / 2, this.speed, 1, 0, 50, 255, random(8, 16)) createParticles(0, this.y + this.size / 2, this.speed, 2, 255, 150, 0, random(8, 16)) } } lose() { alert("You have lost. Your points:" + score.toFixed(0) + "\nSorry if that was impossible. The map is generated randomly)\nPlease try again") noLoop() } } var doodle class Bullet { constructor(x, y, size, dir) { this.pos = createVector(x, y) this.dir = dir this.size = size } show() { strokeWeight(1) stroke(0) fill(100, 20, 0) ellipse(this.pos.x, this.pos.y, this.size, this.size) this.pos.add(this.dir) } } class MyAnimation { constructor(x, y, w, h, l, d, a = 255) { this.x = x this.y = y this.width = w this.height = h this.time = 0 this.limit = l this.drawing = d this.alpha = a } } var anim = [] function getBonusType(w) { if (random(100) < platformCount / 1.5) return 1 else if (random(1000) < platformCount + 2 && w >= screencoef) return 2 else if (random(1000) < platformCount && w >= screencoef) return 3 return 0 } function summonBonus(pl) { switch (getBonusType(pl.width)) { case 1: pl.item = new Spring(random(pl.width - screencoef / 4), screencoef / 5, screencoef / 4, pl) pl.haveBonus = true break; case 2: item.push(new HeadVent(random(pl.width - screencoef), screencoef / 2, pl)) break; case 3: item.push(new JetPack(random(pl.width - screencoef), screencoef, pl)) break; } } class Platform { constructor(x, y, w) { this.x = x this.y = y this.maxHeight = y this.width = w this.break = false this.timeCreated = 0 if (random(1000) < platformCount * 3) { this.type = 2 } else if (random(1000) < platformCount * 3) { this.type = 3 } else if (random(1000) < platformCount * 3.5) { this.type = 4 this.maxTime = 100 this.start = false } else if (random(1000) < platformCount * 3) { this.type = 5 this.startX = this.x this.timeCreated = 0 } else if (random(200) < platformCount / 2) { this.type = 6 this.X = doodle.speed / 3 if (random(2) < 1) this.X *= -1 summonBonus(this) } else if (random(200) < platformCount / 2) { this.type = 7 this.speed = doodle.speed / 2 this.maxHeight = this.y - sin(90) * this.speed summonBonus(this) } else if (random(200) < platformCount / 2.5) { this.type = 8 } else if (random(200) < platformCount / 2.5) { this.type = 9 this.speed = doodle.speed / 2 this.maxHeight = this.y - sin(90) * this.speed summonBonus(this) } else { this.type = 1 summonBonus(this) } } show() { if (shadows && this.type != 2) { noStroke() fill(100, 100) rect(this.x + +shadowincr, this.y + shadowincr, this.width, screencoef / 2, this.width / 2) } switch (this.type) { case 1: { stroke(50) strokeWeight(2) fill("green") rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) if (this.haveBonus) { this.item.show() } break; } case 2: { if (shadows) { noStroke() fill(100, 100) rect(this.x + shadowincr, this.y + shadowincr, this.width / 2, screencoef / 2, this.width / 4) rect(this.x + shadowincr + this.width / 2, this.y + shadowincr, this.width / 2, screencoef / 2, this.width / 4) } fill(100, 25, 0) strokeWeight(1) stroke(0) rect(this.x, this.y, this.width / 2, screencoef / 2, this.width / 4) rect(this.x + this.width / 2, this.y, this.width / 2, screencoef / 2, this.width / 4) if (this.doodleTouch()) { this.break = true if (animations) { anim.push(new MyAnimation(this.x, this.y, this.width, screencoef / 2, 5000, function() { fill(100, 25, 0, this.alpha) strokeWeight(1) stroke(0, this.alpha) rect(this.x, this.y, this.width / 2, screencoef / 2, this.width / 4) rect(this.x + this.width / 2, this.y, this.width / 2, screencoef / 2, this.width / 4) this.time++ this.y++ this.alpha -= 3 }, 255)) } } break; } case 3: { fill("white") strokeWeight(2) stroke(0) rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) break; } case 4: { fill(255, 255 - 255 * this.timeCreated / this.maxTime, 0) strokeWeight(1) stroke("red") rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) if (this.start) { this.timeCreated++ if (this.timeCreated == this.maxTime) { this.break = true createParticles(this.x + this.width / 2, this.y + screencoef / 4, this.width / 20, 0, 255, 0, 0, random(10, 20)) createParticles(this.x + this.width / 2, this.y + screencoef / 4, this.width / 20, 0, 255, 100, 0, random(10, 20)) } } break; } case 5: { stroke(50) strokeWeight(2) fill("green") rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) this.width = screencoef * 2.5 * abs(sin(radians(this.timeCreated++))) + screencoef this.x = this.startX - this.width / 2 break; } case 6: { if (this.haveBonus) { this.item.show() } stroke(50) strokeWeight(2) fill("green") rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) this.x += this.X if (this.x > width) this.x = -this.width else if (this.x < -this.width) this.x = width break; } case 7: { if (this.haveBonus) { this.item.show() } stroke(50) strokeWeight(2) fill("green") rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) this.y += sin(radians(this.timeCreated)) * this.speed this.timeCreated += 2 break; } case 8: { noStroke() fill(0, 50, 255) rect(this.x, this.y, this.width / 2, screencoef / 2, this.width / 5) fill(255, 150, 0) rect(this.x + this.width / 2, this.y, this.width / 2, screencoef / 2, this.width / 5) if (portalsGenerateParticles) { createParticles(random(this.x, this.x + this.width / 2), this.y + screencoef / 4, screencoef / 40, 4, 0, 50, 255, random(-15, 1).toFixed(0)) createParticles(random(this.x + this.width / 2, this.x + this.width), this.y + screencoef / 4, screencoef / 40, 4, 255, 150, 0, random(-15, 1).toFixed(0)) } break } case 9: { stroke(50) strokeWeight(2) fill("green") rect(this.x, this.y, this.width, screencoef / 2, this.width / 2) this.x += cos(radians(this.timeCreated)) * this.speed this.y += sin(radians(this.timeCreated)) * this.speed this.timeCreated += 2 break; } } if (showHitBoxes) { noFill() strokeWeight(2) stroke("orange") rect(this.x, this.y, this.width, screencoef / 2) } if (showCoordinates) { beginShape(POINTS) stroke("red") strokeWeight(2) vertex(this.x, this.y) vertex(this.x + this.width, this.y) vertex(this.x + this.width, this.y + screencoef / 2) vertex(this.x, this.y + screencoef / 2) endShape() textSize(screencoef / 4) noStroke() fill(0) text("(" + this.x.toFixed(0) + "," + this.y.toFixed(0) + ")", this.x - 30, this.y) text("(" + (this.x + this.width).toFixed(0) + "," + this.y.toFixed(0) + ")", this.x + this.width, this.y) text("(" + (this.x + this.width).toFixed(0) + "," + (this.y + screencoef / 2).toFixed(0) + ")", this.x + this.width, this.y + screencoef / 2) text("(" + this.x.toFixed(0) + "," + (this.y + screencoef / 2).toFixed(0) + ")", this.x - 30, this.y + screencoef / 2) } } doodleTouch() { return doodle.x < this.x + this.width && doodle.x + doodle.size / 2 > this.x && doodle.y + doodle.size >= this.y && doodle.y + doodle.size < this.y + screencoef / 2 && doodle.acc >= 0 } } var platform = [] class Spring { constructor(x, y, w, p) { this.x = x this.y = y this.width = w this.p = p } show() { if (betterSpring) { if (shadows) { noStroke() fill(100, 100) rect(this.p.x + this.x + shadowincr, this.p.y - this.y + shadowincr, this.width, screencoef / 8) rect(this.p.x + this.x + shadowincr, this.p.y - this.y / 4 + shadowincr, this.width, screencoef / 8) } fill(120) stroke(50) strokeWeight(2) rect(this.p.x + this.x, this.p.y - this.y, this.width, screencoef / 8) rect(this.p.x + this.x, this.p.y - this.y / 4, this.width, screencoef / 8) } else { if (shadows) { noStroke() fill(100, 100) rect(this.p.x + this.x + shadowincr, this.p.y - this.y + shadowincr, this.width, screencoef / 5) } fill(120) stroke(50) strokeWeight(2) rect(this.p.x + this.x, this.p.y - this.y, this.width, screencoef / 5) } if (showHitBoxes) { noFill() strokeWeight(2) stroke("orange") rect(this.p.x + this.x, this.p.y - this.y, this.width, screencoef / 2) } if (showCoordinates) { beginShape(POINTS) stroke("red") strokeWeight(2) vertex(this.p.x + this.x, this.p.y - this.y) vertex(this.p.x + this.x + this.width, this.p.y - this.y) vertex(this.p.x + this.x + this.width, this.p.y - this.y + screencoef / 5) vertex(this.p.x + this.x, this.p.y - this.y + screencoef / 5) endShape() textSize(screencoef / 4) noStroke() fill(0) text("(" + (this.p.x + this.x).toFixed(0) + "," + (this.p.y - this.y).toFixed(0) + ")", this.p.x + this.x - 30, this.p.y - this.y) text("(" + (this.x + this.width).toFixed(0) + "," + (this.p.y - this.y).toFixed(0) + ")", this.p.x + this.x + this.width, this.p.y - this.y) text("(" + (this.x + this.width).toFixed(0) + "," + (this.p.y - this.y + screencoef / 5).toFixed(0) + ")", this.p.x + this.x + this.width, this.p.y - this.y + screencoef / 5) text("(" + (this.p.x + this.x).toFixed(0) + "," + (this.p.y - this.y + screencoef / 5).toFixed(0) + ")", this.p.x + this.x - 30, this.p.y - this.y + screencoef / 5) } if (this.doodleTouch()) { doodle.acc = -doodle.speed * 3.5 * ((doodle.springComb + 4) / 4) doodle.springComb++ } } doodleTouch() { return doodle.x < this.p.x + this.x + this.width && doodle.x + doodle.size / 2 > this.p.x + this.x && doodle.y + doodle.size >= this.p.y - this.y && doodle.y + doodle.size - doodle.acc / 2 < this.p.y - this.y + screencoef / 5 && doodle.acc >= 0 } } class BlackHole { constructor(x, y, size) { this.x = x this.y = y this.size = size if (betterBlackHole) { this.points = [] var count = random(4, 10) for (var i = 0; i < count; i++) { this.points.push(createVector(this.x + cos(radians(i * 360 / count)) * this.size / 6 + random(-this.size / 4, this.size / 6), this.y + sin(radians(i * 360 / count)) * this.size / 6 + random(-this.size / 4, this.size / 8))) } } } show() { if (betterBlackHole) { strokeWeight(screencoef / 10) stroke(120) fill(10) beginShape() for (var i = 0; i < this.points.length; i++) { vertex(this.points[i].x, this.points[i].y) } endShape(CLOSE) } else { strokeWeight(this.size - this.size / 1.3) stroke(80) fill(10) ellipse(this.x, this.y, this.size / 1.3, this.size / 1.3) } if (showHitBoxes || showBlackHoleHitBoxes) { var hitBoxsize = this.size / 3 * 2 strokeWeight(2) stroke("orange") noFill() ellipse(this.x, this.y, hitBoxsize, hitBoxsize) } if (showCoordinates) { textSize(screencoef / 4) noStroke() fill(0) text("(" + this.x + "," + this.y + ")", this.x - screencoef, this.y - screencoef / 2) } if (this.y < -maxHeight) { stroke(80); fill(100); push(); translate(this.x, -maxHeight); var size = map(-maxHeight - this.y - 1200, -1200, 0, screencoef / 5, screencoef); triangle(-size, size, size, size, 0, 0); pop(); } } doodleTouch() { var thispos = createVector(this.x, this.y) if (doodle.shooted) { if (createVector(this.x, this.y).dist(bullet.pos) < this.size / 3) { bullet = null doodle.shooted = false } } var v1 = createVector(doodle.x, doodle.y) var v2 = createVector(doodle.x + doodle.size / 2, doodle.y) var v3 = createVector(doodle.x + doodle.size / 2, doodle.y + doodle.size) var v4 = createVector(doodle.x, doodle.y + doodle.size) return v1.dist(thispos) < this.size / 3 || v2.dist(thispos) < this.size / 3 || v3.dist(thispos) < this.size / 3 || v4.dist(thispos) < this.size / 3 } } var blackhole = [] //BONUSES class HeadVent { constructor(x, y, p) { this.x = x this.y = y this.size = screencoef this.p = p this.used = false } show() { stroke("gray") fill(150, 0, 0) rect(this.p.x + this.x, this.p.y - this.y, this.size, this.size / 2) if (showHitBoxes) { noFill() strokeWeight(2) stroke("orange") rect(this.p.x + this.x, this.p.y - this.y, this.size, this.size / 2) } if (showCoordinates) { beginShape(POINTS) stroke("red") strokeWeight(2) vertex(this.p.x + this.x, this.p.y - this.y) vertex(this.p.x + this.x + this.size, this.p.y - this.y) vertex(this.p.x + this.x + this.size, this.p.y - this.y + this.size / 2) vertex(this.p.x + this.x, this.p.y - this.y + this.size / 2) endShape() textSize(screencoef / 4) noStroke() fill(0) text("(" + (this.p.x + this.x).toFixed(0) + "," + (this.p.y - this.y).toFixed(0) + ")", this.p.x + this.x - 30, this.p.y - this.y) text("(" + (this.p.x + this.x + this.size).toFixed(0) + "," + (this.p.y - this.y).toFixed(0) + ")", this.p.x + this.x + this.size, this.p.y - this.y) text("(" + (this.p.x + this.x + this.size).toFixed(0) + "," + (this.p.y - this.y + this.size / 2).toFixed(0) + ")", this.x + this.size, this.p.y - this.y + this.size / 2) text("(" + (this.p.x + this.x).toFixed(0) + "," + (this.p.y - this.y + this.size / 2).toFixed(0) + ")", this.p.x + this.x - 30, this.p.y - this.y + this.size / 2) } if (this.doodleTouch()) { doodle.timeFly = 200 this.used = true doodle.item = function(dx, dy) { doodle.acc = -doodle.speed * 2 stroke("gray") fill(150, 0, 0) rect(dx, dy, doodle.size / 2, doodle.size / 6, doodle.size, doodle.size, 0, 0) if (animations) { var x = dx + doodle.size / 4 var y = dy - screencoef / 8 strokeWeight(1) stroke(50) fill(150) line(x, dy, x, dy - screencoef / 4) triangle(x, y - screencoef / 8, x, y, x + sin(radians(frameCount * 8)) * doodle.size / 3, y - screencoef / 16) triangle(x, y - screencoef / 8, x, y, x + sin(radians(frameCount * 8) + PI) * doodle.size / 3, y - screencoef / 16) } } } } doodleTouch() { return doodle.x < this.p.x + this.x + this.size && doodle.x + doodle.size / 2 > this.p.x + this.x && doodle.y <= this.p.y - this.y + this.size / 2 && doodle.y + doodle.size >= this.p.y - this.y } } class JetPack { constructor(x, y, p) { this.x = x this.y = y this.size = screencoef this.p = p this.used = false } show() { if (betterJetPack) { if (shadows) { noStroke() fill(100, 100) rect(this.p.x + this.x + this.size / 3 + shadowincr, this.p.y - this.y + shadowincr, this.size / 3, this.size) rect(this.p.x + this.x + shadowincr, this.p.y - this.y + shadowincr, this.size / 3, this.size, this.size / 2, this.size / 2, 0, 0) rect(this.p.x + this.x + this.size * 2 / 3 + shadowincr, this.p.y - this.y + shadowincr, this.size / 3, this.size, this.size / 2, this.size / 2, 0, 0) } stroke(50) fill(150) rect(this.p.x + this.x, this.p.y - this.y, this.size / 3, this.size, this.size / 2, this.size / 2, 0, 0) rect(this.p.x + this.x + this.size * 2 / 3, this.p.y - this.y, this.size / 3, this.size, this.size / 2, this.size / 2, 0, 0) noStroke() fill(200) rect(this.p.x + this.x + this.size / 3, this.p.y - this.y, this.size / 3, this.size) } else { if (shadows) { noStroke() fill(100, 100) rect(this.p.x + this.x + shadowincr, this.p.y - this.y + shadowincr, this.size, this.size, this.size / 2, this.size / 2, 0, 0) } fill(170) rect(this.p.x + this.x, this.p.y - this.y, this.size, this.size, this.size / 2, this.size / 2, 0, 0) } if (showHitBoxes) { noFill() strokeWeight(2) stroke("orange") rect(this.p.x + this.x, this.p.y - this.y, this.size, this.size) } if (showCoordinates) { beginShape(POINTS) stroke("red") strokeWeight(2) vertex(this.p.x + this.x, this.p.y - this.y) vertex(this.p.x + this.x + this.size, this.p.y - this.y) vertex(this.p.x + this.x + this.size, this.p.y - this.y + this.size) vertex(this.p.x + this.x, this.p.y - this.y + this.size) endShape() textSize(screencoef / 4) noStroke() fill(0) text("(" + (this.p.x + this.x).toFixed(0) + "," + (this.p.y - this.y).toFixed(0) + ")", this.x - 30, this.p.y - this.y) text("(" + (this.p.x + this.x + this.size).toFixed(0) + "," + (this.p.y - this.y).toFixed(0) + ")", this.x + this.size, this.p.y - this.y) text("(" + (this.p.x + this.x + this.size).toFixed(0) + "," + (this.p.y - this.y + this.size).toFixed(0) + ")", this.x + this.size, this.p.y - this.y + this.size) text("(" + (this.p.x + this.x).toFixed(0) + "," + (this.p.y - this.y + this.size).toFixed(0) + ")", this.x - 30, this.p.y - this.y + this.size) } if (this.doodleTouch()) { doodle.timeFly = 200 this.used = true doodle.item = function(dx, dy) { this.acc = -this.speed * 3 var size = this.size / 1.5 var x = dx - size / 8 var y = dy + size / 6 var w = size / 3 if (betterJetPack) { if (shadows) { noStroke() fill(100, 100) rect(x + shadowincr, y + shadowincr, w, size, size / 2, size / 2, 0, 0) rect(x + w * 2 + shadowincr, y + shadowincr, w, size, size / 2, size / 2, 0, 0) } stroke(50) fill(150) rect(x, y, w, size, size / 2, size / 2, 0, 0) rect(x + w * 2, y, w, size, size / 2, size / 2, 0, 0) } else { if (shadows) { noStroke() fill(100, 100) rect(x + shadowincr, y + shadowincr, w * 3, size, size / 2, size / 2, 0, 0) } fill(170) rect(x, y, w * 3, size, size / 2, size / 2, 0, 0) } if (animations) { fill("orange") stroke("red") strokeWeight(1) var lasty = size + screencoef / 6 + abs(sin(radians(frameCount * 6))) * (screencoef / 4) triangle(x + w, y + size, x, y + size, x + w / 2, y + lasty) triangle(x + w * 3, y + size, x + w * 2, y + size, x + w / 2 + w * 2, y + lasty) if (light) { noStroke() fill(255, 100, 0, 80) ellipse(x + w / 2, y + size + lasty / 8, w * 1.5, lasty / 1.5) ellipse(x + w * 5 / 2, y + size + lasty / 8, w * 1.5, lasty / 1.5) } } } } } doodleTouch() { return doodle.x < this.p.x + this.x + this.size && doodle.x + doodle.size / 2 > this.p.x + this.x && doodle.y <= this.p.y - this.y + this.size && doodle.y + doodle.size >= this.p.y - this.y } } var item = [] // ^ BONUSES class Enemy { constructor(x, y, size, type, col) { this.x = x this.y = y this.size = size / 1.3 this.col = col this.type = type this.anim = function() {} this.timeCreated = 0 switch (parseInt(this.type)) { case 1: { this.anim = function() { this.x += sin(radians(this.timeCreated)) * screencoef / 40 } break; } case 2: { this.anim = function() { this.y += sin(radians(this.timeCreated)) * screencoef / 40 } break; } //In future case 3: { this.anim = function() { } break; } } } show() { noStroke() fill(this.col) ellipse(this.x, this.y, this.size * 1.2, this.size * 1.2) this.anim() this.timeCreated++ if (showHitBoxes) { strokeWeight(2) stroke("orange") noFill() ellipse(this.x, this.y, this.size, this.size) } if (showCoordinates) { textSize(screencoef / 4) noStroke() fill(0) text("(" + this.x + "," + this.y + ")", this.x - screencoef, this.y - screencoef / 2) } if (this.y < -maxHeight) { stroke("red"); fill(231, 91, 91); push(); translate(this.x, -maxHeight); var size = map(-maxHeight - this.y - 1200, -1200, 0, screencoef / 5, screencoef); triangle(-size, size, size, size, 0, 0); pop(); } } doodleTouch() { var thispos = createVector(this.x, this.y) var v1 = createVector(doodle.x, doodle.y) var v2 = createVector(doodle.x + doodle.size / 2, doodle.y) var v3 = createVector(doodle.x + doodle.size / 2, doodle.y + doodle.size) var v4 = createVector(doodle.x, doodle.y + doodle.size) return v1.dist(thispos) < this.size / 2 || v2.dist(thispos) < this.size / 2 || v3.dist(thispos) < this.size / 2 || v4.dist(thispos) < this.size / 2 } toRemove() { var touchedBullet = false if (doodle.shooted) { touchedBullet = createVector(this.x, this.y).dist(bullet.pos) < this.size / 2 + bullet.size / 2 if (touchedBullet) doodle.shooted = false } return this.y > height - maxHeight + this.size / 2 || touchedBullet } } var enemy = [] var textsize, screencoef function mousePressed() { touched = true } function mouseClicked() { touched = false } var maxHeight = 0, touched = false, platformCount, score = 0, shadowincr function drawBackground() { beginShape(LINES) stroke(100, 100, 255, 200) strokeWeight(1) var i if (parallax) { i = (maxHeight / screencoef * 8) % (screencoef * 1.8) } else i = screencoef * 1.8 for (; i < height; i += screencoef * 1.8) { vertex(0, i) vertex(width, i) } for (i = screencoef * 1.8; i < width; i += screencoef * 1.8) { vertex(i, 0) vertex(i, height) } endShape() if (showTouchZone) { strokeWeight(screencoef / 15) stroke(100, 0, 0) line(width / 2, height / 1.3, width / 2, height) line(0, height / 1.3, width, height / 1.3) } } function platformReaction(i) { switch (platform[i].type) { case 1: { doodle.acc = -doodle.speed * 2 doodle.springComb = 0 break; } case 2: { doodle.acc = -doodle.speed * 1.5 platform[i].break = true break; } case 3: { doodle.acc = -doodle.speed * 2 doodle.springComb = 0 platform[i].break = true createParticles(platform[i].x + platform[i].width / 2, platform[i].y, screencoef / 10, 0, 255, 255, 255, random(10, 30)) break; } case 4: { platform[i].start = true doodle.acc = -doodle.speed * 2 doodle.springComb = 0 break; } case 5: { doodle.acc = -doodle.speed * 2 doodle.springComb = 0 break; } case 6: { doodle.acc = -doodle.speed * 2 doodle.springComb = 0 break } case 7: { doodle.acc = -doodle.speed * 2 doodle.springComb = 0 break } case 8: { if (doodle.x + doodle.size / 2 > platform[i].x + platform[i].width / 2) { doodle.x = platform[i].x } else doodle.x = platform[i].x + platform[i].width / 2 doodle.y = platform[i].y - doodle.size / 2 doodle.acc *= -1 doodle.acc -= screencoef / 10 break; } case 9: { doodle.acc = -doodle.speed * 2 doodle.springComb = 0 break; } } } function draw() { background(220) drawBackground() noStroke() fill(120) text(score.toFixed(0), width / 2 - score.toString().length * 2, height / 2 + textsize / 2) push() translate(0, maxHeight) for (var i = 0; i < par.length; i++) { par[i].render() if (par[i].r <= 0 || par[i].y > height - maxHeight) par.splice(i, 1) } for (var i = 0; i < platformCount; i++) { platform[i].show() if (platform[i].doodleTouch()) platformReaction(i) if (platform[i].maxHeight + maxHeight > height || platform[i].break) { var size = random(screencoef, screencoef * 3) platform[i] = new Platform(random(width - size), -maxHeight, size) score++ if (blackHoles) { if (random(1000) < platformCount / 1.5) { var size = random(screencoef * 2, screencoef * 4) blackhole.push(new BlackHole(random(size / 2, width - size / 2), -size / 2 - maxHeight - 1200, size)) } } if (enemies) { if (random(1000) < platformCount / 2) { var size = random(screencoef, screencoef * 2) enemy.push(new Enemy(random(size / 2, width - size / 2), -size / 2 - maxHeight - 1200, size, random(1, 2).toFixed(0), color(random(255), random(255), random(255)))) } } } } for (var i = 0; i < item.length; i++) { item[i].show() if (item[i].used || item[i].height > height - maxHeight) item.splice(i, 1) } for (var i = 0; i < anim.length; i++) { anim[i].drawing() if (anim[i].time >= anim[i].limit || anim[i].alpha <= 0) anim.splice(i, 1) } for (var i = 0; i < enemy.length; i++) { enemy[i].show() if (enemy[i].doodleTouch()) { doodle.lose() } if (enemy[i].toRemove()) { enemy.splice(i, 1) } } doodle.show() for (var i = 0; i < blackhole.length; i++) { blackhole[i].show() if (blackhole[i].doodleTouch()) { doodle.lose() } if (blackhole[i].y > height - maxHeight + blackhole[i].size / 2) { blackhole.splice(i, 1) } } if (doodle.shooted) { strokeWeight(2) stroke(0) line(0, bullet.y, width, bullet.y) bullet.show() if (bullet.pos.x > width || bullet.pos.x < 0 || bullet.pos.y + maxHeight < 0 || bullet.pos.y + maxHeight + doodle.y > height) { bullet = null doodle.shooted = false } } if (touched) { if (mouseY < height / 1.3) { if (!doodle.shooted) bullet = new Bullet(doodle.x + doodle.size / 4, doodle.y, screencoef / 5, createVector(mouseX, mouseY - maxHeight).sub(createVector(doodle.x + doodle.size / 4, doodle.y)).limit(1).mult(screencoef / 3.6)) doodle.shooted = true } else { if (mouseX < width / 2) { doodle.moveLeft() } else { doodle.moveRight() } } } else { if (keyIsDown(68)) { doodle.moveRight() } else if (keyIsDown(65)) { doodle.moveLeft() } } pop() noStroke() textSize(textsize) fill("red") text(frameRate().toFixed(0), 0, height) }

Jumper [GAME]