Download Script HTML Games Burung Keren 2020 Website Offline Browser

Download Script HTML Games Burung Keren 2020 Website Offline Browser

Nah sob kali ini mimin akan membagikan source code Script HTML + Javascript Games Burung sob,

Namun untuk gamenya masih belum sempurna, kalian semua bisa memperbaikinya dan mendapatkan scriptnya melalui google drive dibawah ini : 

DOWNLOAD

Nah untuk gambaran saja, untuk permainannya berupa seperti ini :

Download Script HTML Games Burung Keren 2020 Website Offline Browser

Dan untuk gambaran scriptnya seperti berikut : 

========================================================================

<html>
<head>

<style>
canvas {
    border:10px solid BLUE;
    background-color: VIOLET;
    
}
</style>
</head>
<body onload="startGame()">
<script>

var myGamePiece;
var myObstacles = [];
var myScore;

function startGame() {
    myGamePiece = new component(30, 30, "RED", 10, 120); //(lebar, tinggi, warna, jarak dari kiri, ... )
    myGamePiece.gravity = 0.05; // jatuhnya benda
    myScore = new component("30px", "Consolas", "RED", 40, 40, "text"); // (tinggi tulisan text.... , warna teks, letak teks horizontal, letak text vertikal, "MENAMPILKAN TEXT")
    myGameArea.start();
}

var myGameArea = {
    canvas : document.createElement("canvas"),
    start : function() {
        this.canvas.width = 500; // lebar area game
        this.canvas.height = 300; // tinggi area game
        this.context = this.canvas.getContext("2d");
        document.body.insertBefore(this.canvas, document.body.childNodes[0]);
        this.frameNo = 0;
        this.interval = setInterval(updateGameArea, 20); // (speed)
        },
    clear : function() {
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
    }
}





function component(width, height, color, x, y, type) {
    this.type = type;
    this.score = 0;
    this.width = width;
    this.height = height;
    this.speedX = 0; // kecepatan kotak ke atas
    this.speedY = 0;  // kecetan ke bawah
    this.x = x;
    this.y = y;
    this.gravity = 10;
    this.gravitySpeed = 1;

    this.update = function() {
        ctx = myGameArea.context;
        if (this.type == "text") {
            ctx.font = this.width + " " + this.height;
            ctx.fillStyle = color;
            ctx.fillText(this.text, this.x, this.y);
        } else {
            ctx.fillStyle = color;
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }
    }
    this.newPos = function() {
        this.gravitySpeed += this.gravity;
        this.x += this.speedX;
        this.y += this.speedY + this.gravitySpeed;
        this.hitBottom();
    }
    this.hitBottom = function() {
        var rockbottom = myGameArea.canvas.height - this.height;
        if (this.y > rockbottom) {
            this.y = rockbottom;
            this.gravitySpeed = 0;
        }
    }
    this.crashWith = function(otherobj) {
        var myleft = this.x;
        var myright = this.x + (this.width);
        var mytop = this.y;
        var mybottom = this.y + (this.height);
        var otherleft = otherobj.x;
        var otherright = otherobj.x + (otherobj.width);
        var othertop = otherobj.y;
        var otherbottom = otherobj.y + (otherobj.height);
        var crash = true;
        if ((mybottom < othertop) || (mytop > otherbottom) || (myright < otherleft) || (myleft > otherright)) {
            crash = false;
        }
        return crash;
    }
}





function updateGameArea() {
    var x, height, gap, minHeight, maxHeight, minGap, maxGap;
    for (i = 0; i < myObstacles.length; i += 1) {
        if (myGamePiece.crashWith(myObstacles[i])) {
            return;
        }
    }
    myGameArea.clear();
    myGameArea.frameNo += 1;
    if (myGameArea.frameNo == 1 || everyinterval(150)) {
        x = myGameArea.canvas.width;
        minHeight = 20;
        maxHeight = 200;
        height = Math.floor(Math.random()*(maxHeight-minHeight+1)+minHeight);
        minGap = 50;
        maxGap = 200;
        gap = Math.floor(Math.random()*(maxGap-minGap+1)+minGap);
        myObstacles.push(new component(20, height, "green", x, 0));
        myObstacles.push(new component(20, x - height - gap, "green", x, height + gap));
    }
    for (i = 0; i < myObstacles.length; i += 1) {
        myObstacles[i].x += -1;
        myObstacles[i].update();
    }
    myScore.text="TOLOL: " + myGameArea.frameNo;
    myScore.update();
    myGamePiece.newPos();
    myGamePiece.update();
}

function everyinterval(n) {
    if ((myGameArea.frameNo / n) % 1 == 0) {return true;}
    return false;
}

function accelerate(n) {
    myGamePiece.gravity = n;
}
</script>


<button onmousedown="accelerate(-0.2)" onmouseup="accelerate(0.05)">TERBANG</button>

KLIK TOMBOL TERBANG AGAR KOTAK TETAP MELAYANG
BERAPA SCORE YANG KAMU?</body>

========================================================================

Semoga artikel diatas bermanfaat.