Showing posts with label html. Show all posts

Wednesday, September 27, 2017

thumbnail

Membuat Game Lottery Arcade Sederhana Dengan PHP MySQL


Halo, kalo ini saya akan membagikan tutorial cara membuat game yang saya sebut "PlayBomb" yang terpasang di website saya (Link Demo: https://vinla.xyz/playbomb.php). 

Sekilas tentang website saya (Vinla), Vinla adalah game sederhana rpg text browser based. Disini pemain dapat melakukan battle dengan monster, exploring map, market, membuat perusahaan, claim land, PTC dan Faucet bitcoin (Mungkinn anda tau apa itu faucet bitcoin/PTC xD).

Sekilas tentang game (bahkan mungkin ini tidak bisa kita sebut game karena sederhana sekali. ) yang akan kita buat (saya sebut playbomb), playbomb adalah game sederhana yang ditulis hanya 1 file (untuk saya, cukup 1 file) yang menggunakan bahasa PHP dan MySQL, ceritanya pemain akan klik "PlayBomb", lalu random angka akan muncul. Jika pemain berhasil memunculkan angka 111, 555 atau 999 maka pemain akan mendapatkan jackpot point (disini point saya adalah XYZ). Jika kalah/tidak berhasil maka pemain menambah point jackpot playbomb (kehilangan point).

Langsung saja,
Bahan yang kita butuhkan :
  • PHP (Script intinya)
  • Database MySQL (untuk menampung total point jackpotnya, jika pemain menang maka point jackpot ini menjadi 0)

Pertama tama, Untuk menampung total jackpotnya..agan bisa menambah kolum di tabel (Tabel yang penting, cth tabel "Settings", etc)  atau membuat tabel baru.
Kira2 begini lah bentuk strukturnya :
Name : playbomb <-- nama kolumnya.
type : int (5) <-- typenya angka
default (0) <--default 0.
Lalu Buat 1 file, contoh "playbomb.php".

Pada bagian atas kira2 begini kodenya :
<?php
if(isset($_POST['playbomb'])) //Jika tombol di tekan (artinya play)
{

//jika punya tabel pemain/users/member, maka agan bisa menggunakan if($[userrow['XYZ'] >= 25) { bla bla.

//lygacool.blogspot.com
//Pertama kita buat random angkanya untuk slot 1, 2 dan 3
    $slotnumber1=rand(1,9);
    $slotnumber2=rand(1,9);
    $slotnumber3=rand(1,9);
    //Jika punya tabel pemain/user/member bisa lakukan query disini untuk menggurangi point/angkanya
    // contoh : lakukan_query("UPDATE tabel_pemain SET point=point-'25' WHERE nama_pemain = '$pemain'");
    // di bawah kita melakukan query untuk menambah point jackpot sebesar 25 ke mysql.
 
   lakukan_query("UPDATE arcade SET jumlah_jackpot=jumlah_jackpot+25 WHERE id='1'"); //disini saya menggunakan tabel arcade kolum jumlah_jackpot.
  
    //disini lah yang menentukan apakah kita menang atau kalah. Angka 111,555,999
    if($slotnumber1==1 && $slotnumber2==1 && $slotnumber3==1 || $slotnumber1==5 && $slotnumber2==5 && $slotnumber3==5 || $slotnumber1==9 && $slotnumber2==9 && $slotnumber3==9)

{
   echo "<b>Kamu menang $playbomb[jumlah_jackpot] point!!</b><br />Karena angka yang muncul adalah $slotnumber1 - $slotnumber2 - $slotnumber3"; //Echo, anda menang!
    //jika agan punya tabel pemain, maka gunakan di bawah ini..
    //$total_jackpot = $pemain['point'] + $playbomb['jumlah_jackpot'];
    //lalu lakukan query update tabel pemainnya.
  
    lakukan_query("UPDATE arcade SET jumlah_jackpot='0' WHERE id='1'"); //karena sudah ada yg memenagkan jackpot, maka kita ngulang mulai dr 0 lagi.


} else { //jika kalajh.
 
    echo "Anda belum beruntung, ini angka anda : $slotnumber1 - $slotnumber2 - $slotnumber3";

} //lalu jika agan punya tabel pemain maka agan gunakan jg kode di bawah, kode ini berfungsi jika pemain tidak cukup modal untuk bermain, maka ini yang muncul
     // } else {
     // echo "Tidak cukup uang"; }
}
?>
Baca setiap commend yang saya buat yaa.. 

Kemudian, pada file yang sama di bawahnya kita tambahkan kode form button untuk bermainnya.
     
<b>PLAYBOMB     
    <b>Setiap kali kamu kalah, kamu menambah point jackpot. <br />
 Jika kamu berhasil menyamakan angkanya menjadi 111,555,999 maka kamu akan mendapatkan total jackpotnya.<br />



  <h2>JACKPOT <font color=green><?php echo $arcade['jumlah_jackpot']; ?> POINT</font></h2>  <form action="playbomb.php" method=post><br />
<input class="w3-button w3-white" onclick="return confirm('Bomb?!!')" type=submit value='Play Bom' name='playbomb'></form>


Ingat ya, agan harus mandiri ..hehe xD

Kesimpulan jika agan tekan tombol "PlayBomb", maka kode yang if($_POST akan bekerja.

Jika agan ada pertanyaan, monggo commend di bawah xD 

Terimakasih.


Tags:
- membuat game sederhana
- membuat game php sederhana
- membuat game php mysql sederhana
- game arcade php sederhana
- membuat game arcade php mysql sederhana

Monday, June 1, 2015

thumbnail

Tutorial membuat dropdown menu keren sederhana dengan CSS HTML

Yosh, mari kita lanjut lagi setelah post pagi tadi. Halo gan!!
Pada kesempatan kali ini, saya mau membagikan tutorial yakni bagaimana cara membuat Dropdown menu yang sederhana tapi keren dengan CSS dan HTML. Dropmenu adalah menu yang jika kita mengarahkan kursor ke menu tersebut maka akan muncul menu lainya yang memanjang kebawah (gak mesti kebawah sih..). Fungsi dropdown menu ini banyak banget gan, selain memperindah web/blog, juga bisa menghemat slot/tempat dan gampang di kategorikan. Salah satu contoh dropdown menu adalah menu di LygaCool ini. (lihat menu lygacool). Gimana gan, keren gak dropdown menu di lygacool ?. Btw, kali ini saya akan membagikan tutorial seperti judul di atas yang lebih keren lagi gan. To the point aja deh.

Bahan-Bahan :

  • Tau dasar HTML/CSS.
  • Untuk kode-kode warna bisa di lihat disini : Klik Disini
Yuk kita mulai..

Pertama,  buat file dengan nama bebas ber ekstensi .html (contoh yang saya buat : index.html)

Kedua, copypaste kode di bawah ini ke file yang di buat tadi :


<html>
<head>
<title>Dropdown Menu</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body><center>
<nav>
<ul>
<li><a href="http://lygacool.blogspot.com/">Home</a></li>
<li><a href="http://lygacool.blogspot.com/">Ini adalah</a>
<ul>
<li><a href="#">Dropdown</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Dimana terdapat</a>
<ul>
<li><a href="#">Dropdown</a></li>
<li><a href="#">Menu lagi</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://lygacool.blogspot.com/2013/09/about-me.html">About Us</a></li>
<li><a href="http://lygacool.blogspot.com/2014/07/cara-donasi-untuk-lygacool.html">Donasi</a></li>
<li><a href="https://www.facebook.com/groups/lygacool/">Join Group Facebook</a>
<ul>
<li><a href="https://www.facebook.com/pages/Lygacool/279181358866056?fref=ts">Our Fanspage FB</a></li>
</ul>
</li>
</ul>
</nav>

</body>
</html>
Penjelasan langkah ke-dua :
 Pada kode bewarna ini , itu fungsinya untuk memanggil file CSS yang akan digunakan.
pada kode bwarna ini , ini lah kode menu nya gan, agan bisa edit sesuka hati di bagian ini.

Ketiga, buatlah file dengan nama bebas ber-ekstensi css. (contoh saya disini : style.css), ini kodenya :
nav ul ul {
 display: none;
}
nav ul li:hover > ul {
 display: block;
}
nav ul {
 background: #000000;
 padding: 0;
 list-style: none;
 position: relative;
 display: inline-table;
}
nav ul:after {
 content: ""; clear: both; display: block;
}
nav ul li {
 float: left;
}
nav ul li:hover {
 background: #696969;
}
nav ul li:hover a {
 color: #fff;
}
nav ul li a {
 display: block; padding: 25px 40px;
 color: #757575; text-decoration: none;
}
nav ul ul {
 background: #5f6975; border-radius: 0px; padding: 0;
 position: absolute; top: 100%;
}
nav ul ul li {
 float: none;
 border-top: 1px solid #6b727c;
 border-bottom: 1px solid #575f6a;
 position: relative;
}
nav ul ul li a {
 padding: 15px 40px;
 color: #fff;
}
nav ul ul li a:hover {
 background: #4b545f;
}
nav ul ul ul {
 position: absolute; left: 100%; top:0;
}
Penjelasan kode di atas :
Kode yang bewarna MERAH itu adalah penentu warnanya gan, contoh pada nav ul background nya bewarna kode : #000000, ini adalah warna hitam. 
Untuk kode-kode warna bisa di lihat di bahan-bahan di atas.

Berikut penampakan dropdown menu yang telah saya buat :



DEMO ---- DOWNLOAD 


Sekian Tutorial ini, terimakasih telah berkunjung!

Tuesday, July 8, 2014

thumbnail

Belajar HTML Form dan Input



Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.
 HTML Form dapat mengandung beberapa elemen seperti tempatnya text, check box, tombol radio, tombol submit,dll. Form dapat juga mengandung select, text area, fieldset, legend, dan elemen tabel.
Dari pada kelamaan, yuk kita mulai ..:

Tag <form> digunakan untuk membuat form html.

<form>
.
masukan elemen disini
.
</form>

HTML Form - Input Elemen

Elemen yang paling penting dari form adalah elemen <input>.
Elemen <input> digunakan untuk memilih informasi.
Btw, beberapa elemen input akan di tunjukan di bawah :

Text Fields

<input type="text">  <- Cuma 1 line text yang bisa di isi oleh user.
NB: . Default text yang bisa di isi adalah 20 karakter.
Contoh :
<form>
Nama: <input type="text" name="nama"><br>
Email: <input type="text" name="email">
</form>
 Penampakannya :

Nama:
Email:


Password Field

<input type="password"> <- biasanya digunakan pada saat login/daftar. Kan ada tuh di suruh isi password. Tapi yang muncul biasanya bintang/bulat hitam. Seperti inilah kodenya dan penampakannya :

<form>
Password: <input type="password" name="pwd">
</form>

Password:


Radio Button

<input type="radio"> <-- gtw dah np di beri nama radio button. Tapi yang pasti dengan radio button user dapat hanya memilih 1 pilihan. Bingung?, nih ane kasi penampakannya :

<form>
<input type="radio" name="LGC" value="male">Yes<br>
<input type="radio" name="LGC" value="female">No
</form>

Penampakan :
Yes
No

Check Box

<input type="checkbox"> <-  Dengan ini , user dapat memilih banyak sekali bahkan unlimited.

<form>
<input type="checkbox" name="motor" value="Ninja">I have a bike<br>
<input type="checkbox" name="motor" value="Mio">I have a car
</form>
Penampakan:
I have a bike
I have a car

Submit Button

<input type="submit">Ini nih gan yang penting. Digunakan untuk mengirim form data ke server. Data dikirim ke data yang telah di isi di atribut action. Cth action = mantap.php . Ntar data form di kirim ke mantap.php gituuuh...
Contohnya dan penampakannya seperti ini :
<form name="input" action="proseskirim.php" method="post">
Username: <input type="text" name="nama">
<input type="submit" value="Submit">
</form>
Penampakannya :
Username:



Mungkin sekian dulu ya gan..ntar ane tambah lagi ...:D

Sebagian sumber : w3school.

About

Powered by Blogger.