"use strict" /* Hello guy I make this game for 2d web game contest.... ther are some tips which you have to follow in this game.. -------》》》》》》》》》》》》》》》》》》》》 There are two safe lines you have to reach top of the screen . If the frog is intersect with any car of turtle the game will be retsrt and you lost your some power. if the frog not lying on the log thtn game will be restart. and frog lost his some power . if you win then you can see firworks. Good Luck..... 》》》》♤♤♤♡♡♡♡♢♢♧■□●○•°■♡♢♢♧》■●○○■♤~\■●》●♤○¡••♤●■●》●》○¡•¡ */ /* Author:Coder; Name :Froger; FrameWork:P5.js */ window.onload =()=>{ swal({ title: "Sign in!", text: "Write your username:", type: "input", showCancelButton: false, closeOnConfirm: false, inputPlaceholder: "Username" }, function (inputValue) { if (inputValue.length >15) { swal.showInputError("The username must contain less than 15 characters!"); return false; } if (inputValue === "") { swal.showInputError("You must enter one!"); return false; } swal("Nice!", "Welcome " + inputValue +"!", "success"); }); } var button,button1,button2,button3; var grid = 40; var frog; var logs = []; var cars = []; var player; var Car= []; var Logs; var points = 0; var life; var background1; var finishLine; function preload(){ player = loadImage("https://image.ibb.co/cQphRL/icon-frogger-pixel-128x128.png"); Car[0] = loadImage("https://image.ibb.co/jxZVff/icon-frogger-pixel-car-128x128.png"); Car[1] = loadImage("https://image.ibb.co/hjtj6L/icon-frogger-pixel-racing-car-128x128.png"); Car[2] = loadImage("https://image.ibb.co/hEOsRL/icon-frogger-pixel-turtle-128x128.png"); Logs = loadImage("https://image.ibb.co/ebp5ff/icon-frogger-pixel-log-128x128.png"); background1 = loadImage("https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-680455.jpg"); Car[3] = loadImage("https://image.ibb.co/g16Wo0/F1-GTAA.png"); finishLine = loadImage("https://i.imgur.com/ttjKtU7.jpg"); } function restartGame(){ frog = new Frog(width/2-grid,height-grid+5,grid-10); for(var i =0;i<3;i++){ cars.push(new car(i*250,height-grid*2,2,grid*2)); } for(var i =0;i<3;i++){ cars.push(new car(i*200+width,height-grid*3,-2.5,grid*1.5)); } for(var i =0;i<3;i++){ cars.push(new car(i*150,height-grid*4,2,grid)); } } function setup(){ var c = createCanvas(windowWidth,windowHeight-90); c.position(0,0) background(0); button = createButton("⏫").class("btn btn-primary"); button.position(150,420); button.mouseClicked(top1); button1 = createButton("⏬").class("btn btn-primary"); button1.position(150,470); button1.mouseClicked(down1); button2 = createButton("⏪").class("btn btn-primary"); button2.position(90,435); button2.mouseClicked(left1); button3 = createButton("⏩").class("btn btn-primary"); button3.position(210,435); button3.mouseClicked(right1); restartGame(); for(var i = 0;i<2;i++){ logs.push(new Log(i*200,height-grid*6,grid*2.5,3)); } for(var i = 0;i<2;i++){ logs.push(new Log(i*250+width,height-grid*7,grid*1.5,-5)); } for(var i = 0;i<2;i++){ logs.push(new Log(i*200,height-grid*8,grid*1.5,10)); } life = new time() } function draw(){ background(0); //life.w-=0.1; image(background1 ,0,0,width,height) fill(255,0,255,80); rect(0,height-grid,width,grid); fill(0,255,255,80) rect(0,height-grid*5,width,grid) fill(255,0,0,80) image(finishLine ,0,0,width,grid*2.5) for(var i =0;i=grid+grid/2+10){ ok= false; for(var i =0;i 0 && this.x>width+grid){ this.x =-this.w-grid; } else if(this.speed<0 && this.x<-w-grid){ this.x = width+grid; } } } function collision(a,b){ return a.x <= b.x + b.w && a.x + a.w >= b.x && a.y <= b.y + b.h && a.y + a.w >= b.y; } function Log(x,y,w,s){ this.x = x; this.y = y; this.w = w; this.speed = s; this.h = grid; this.show = function(){ image(Logs,this.x,this.y,this.w,this.h,4); } this.update = function(){ this.x+=this.speed; if(this.speed > 0 && this.x>width+grid){ this.x =-this.w-grid; } else if(this.speed<0 && this.x<-w-grid){ this.x = width+grid; } } } //fire work when the player win the game; /* ########################################### */ var force; var firework =[] ; function draw1(){ colorMode(RGB); background(0,25); force = createVector(0,0.2); if(frameCount%20==0){ firework.push(new fireworks()); } for(var i =0;i< firework.length;i++){ firework[i].update(); firework[i].show() } } function particle(x,y,col,firework){ this.opacity = 255; this.pos = createVector(x,y); this.col = col; if(firework){ this.vel = createVector(0,random(-8,-2)); } else{ this.vel = p5.Vector.random2D(); this.vel.mult(random(1,20)); } this.acc = createVector(0,-4); this.show = function(){ if(!firework){ strokeWeight(2); stroke(this.col,255,255,this.opacity); } else{ strokeWeight(4); stroke(this.col,255,255); } point(this.pos.x,this.pos.y); } this.applyForce = function(force){ this.acc.add(force); } this.update = function(){ if(!firework){ this.vel.mult(0.9); this.opacity -=7; } this.vel.add(this.acc); this.pos.add(this.vel); this.acc.mult(0); } } function fireworks(){ this.firework = new particle(random(width),height-10,random(255),true); this.explode = false; this.particles = [] this.update = function() { if(!this.explode){ this.firework.applyForce(force); this.firework.show() ; if(this.firework.vel.y>=0){ this.explode = true; this.explore(); } } for(var i =0;i< this.particles.length;i++){ this.particles[i].update(); this.particles[i].applyForce(force) } } this.show = function(){ colorMode(HSB) if(!this.explode){ this.firework.update(); } for(var i =0;i< this.particles.length;i++){ this.particles[i].show(); } } this.explore = function() { for(var i =0;i<100;i++){ this.particles.push(new particle(this.firework.pos.x,this.firework.pos.y,random(255),false)); } } } function time(){ this.x = abs(width-100-20); this.y = 20; this.w1 = 100; this.w = 100; this.h= 15; this.show = function(){ rect(this.x,this.y,this.w1,this.h,4) fill("red"); rect(this.x,this.y,this.w,this.h,4) } this.update = function(){ this.w=this.w-5; } } var aud = new Audio("http://k003.kiwi6.com/hotlink/yrhr6oy2tr/Super_Mario_Bros._-_Full.mp3"); var isPlay = 0; function song(){ if(!isPlay) { aud.play() } isPlay =1; }

Frogger [Game]