MANUAL BOOK THE PUZZLE FIFTEEN GAME

Ini adalah Manual book yang berisi tentang game “The Puzzle Fifteen” beserta cara penggunaan game tersebut.

Apa sih “The Puzzle Fifteen Game” ?

·        

•     The Puzzle Fifteen Game adalah game yang dibuat untuk memacu kecepatan berfikir dan ketelitian. Game logika ini cukup simple karena tidak banyak desain yang digunakan untuk membuat game ini. Game ini terdiri dari 15 kotak angka yang diacak sesuai dengan level yang diinginkan. Kemudian kotak angka ini akan ter-random dan teracak, maka pemain harus menyusun kotak angka tersebut hingga angka tersebut terurut.

Untuk pembuatan game ini menggunakan bahasa pemrograman Strawberry Prolog. Bisa dilihat pada listingan program pada gambar dibawah ini.

Dapat dilihat pada sintax program diatas, saya menggunakan button untuk membuat level yang ditampilkan pada game ini. Button tersebut di deklarasikan dahulu dengan nilai awal, supaya saat di andom perbedaan random juga akan terlihat berbeda sesuai dengan level nya.

Gambar dibawah ini adalah tampilan output dari game yang sudah dibuat. Tampilan awal yang akan muncul saat game di jalankan. Angka yang ditampilkan pada game ini masi terurut, kemudian bila kita klik button Light Mix maka ,

to be continueee.........

[ Read More ]

Bagaimana Cara untuk Membuat HTML5 Sederhana Permainan di Canvas

Kali ini akan di uraikan langkah - langkah yang dibutuhkan dalam pembuatan game canvas ini adalah :

1. Buat Canvas

// Create the canvas

var canvas = document.createElement("canvas");

var ctx = canvas.getContext("2d");

canvas.width = 512;

canvas.height = 480;

document.body.appendChild(canvas);

hal pertama yang harus kita lakukan adalah membuat elemen canvas . saya melakukan ini di JavaScript selain HTML untuk mendemonstrasikan bagaimana cara mudah ini disempurnakan. Pertama kita punya elemen, lalu kita dapat referensi isinya, atur dimensi dan lampirkan pada badan dokumen. 

2. Masukkan Gambar

// Background image

var bgReady = false;

var bgImage = new Image();

bgImage.onload = function () {

        bgReady = true;

};

bgImage.src = "images/background.png";

sebuah game membutuhkan penggambaran! Jadi mari masukkan beberapa gambar. Saya ingin ini sesederhana mungkin jadi masukkan sebuah Image yang sudah dibunggus indah atau sebagainya. bgReady digunakan untuk mengetahui canvas ketika sudah aman untuk digambar. Kita lakukan ini pada setiap tiga gambar, kita butuhkan background, hero and monster. 

3. Objek Permainan

// Game objects

var hero = {

        speed: 256, // movement in pixels per second

        x: 0,

        y: 0

};

var monster = {

        x: 0,

        y: 0

};

var monstersCaught = 0;

[ Read More ]

GAME THE PUZZLE FITTEEN

Disini saya akan membuat game kemampuan logika dan kecepatan dalam berfikir. Saya memiliki semuah kotak-kotak yang berisi angka yang teracak-acak terdiri dari angka 1 sampai dengan angka 15.

Tampilan pertama yang akan muncu adalah angka-angka yang tersusun dengan benar. saya memiliki 3 tombol yang berada disampingnya yaitu tombol Loght Mix yang berfungsi untuk memulai game dengan tipe yang mudah. Tombol ke-2 adalah Midle Mix yang berfungsi memulai game dengan tipe sedang. Dan yang ke-3 adalah Hard Mix yang berfungsi untuk memulai game dengan tipe yang sulit.

Dibawah ini saya memulai permainan dengan tipe yang Light Mix yaitu permainan yang mudah.

Bias lihat dibawah ini tahap2 untuk memainkan permainan ini. Hanya mengklik angka yang akan digeser hingga menjadi angka-angka yang berurutan dari 1 – 15.

tahap selanjut  nya seperti gambar dibawah ini: (dari kiri ke kanan)

                                 

Dan hasil akhirnya adalah seperti gambar dibawah ini:

[ Read More ]