Lainnya
Blog Berikut
Menu
Beranda
WELCOME
My Profil
Kurniawan
Pangandaran, Jawa Barat, Indonesia
Lihat profil lengkapku
Mungkin anda sudah tidak asing lagi mendengar dengan yang namanya game,tetapi apakah anda
pernah berfikir untuk membuat game yang sederhana seperti game-game yang lainnya?
kemungkinan kalau dilihat dari segi namanya membuat game itu sangatlah mudah,tetapi dalam
kenyataannya membuat game itu sulit sekali apabila kita kurang keterampilan dan kreatif,maka
dari itu kebanyakan orang yang membuat game karena dia merupakan orang-orang yang trampil
dan kreatif . Apakah anda juga ingin disebut dengan orang yang kreatif? mulai dari sekaranglah
anda harus berfikir untuk bisa menjadi orang yang kreatif,walaupun dalam tahap pemula. Maka dari
itu,disini saya akan berbagi ilmu kepada anda semua,bagaimana membuat game yang sederhana
tetapi menarik. Disini anda dapat mendownloadnya secara gratis alias tidak dipungut biaya.
Follow by Email
Email address...
Pengikut
Join this site
Members (9
Already a member?
Berlangganan
Judul Postingan
Pos
2011 (16)
Semua Komentar
20 November - 27
November (13)
Tutorial Game
Flash
Membuat game
matematika
Tutorial Membuat
Game Flash:
City Rescue
Membuat Layout
Website 3
Kolom Dengan
CSS
Blog Archive
0 komentar
5 Extensions Firefox W
Dalam tutorial ini kita akan membuat sebuah game aritmatika sederhana menggunakan flash. Anda
dapat menggunakan Macromedia Flash 8 atau Adobe Flash CS 3 dalam pembuatannya.
Langkah 1: Buka sebuah file baru dengan ukuran default (550 x 440) , ubah warna background
menjadi hijau. Buatlah sebuah tulisan judul Online Test. Selanjutnya buatlah sebuah kotak
berwarna merah dengan garis tepi putih. Perhatikan Gambar
Pemrograman PHP
& MySQL
Cara Membuat
Animasi
Dengan
Photoshop
Membuat Flash
Slideshow
dengan PHP
Cara membuat
animasi Gambar
berjalan
23 Oktober - 30
Oktober (3)
http://caramembuatanimasidenganflash.blogspot.com/
Langkah 2 : Tambahkan di atas kotak merak tersebut dynamic text dan beri nama variabelnya
angka_1, Copy dynamic text tersebut dan pastekan di sampingnya, ubah nama variablenya
menjadi angka_2, sisipkan ditengah-tengahnya tanda tambah menggunakan static teks dan tanda
sama dengan setelah teks angka_2. Kemudian buat lagi input teks dengan nama variabelnya
jawab, beri juga nama instance namenya dengan nama answerBox dan pilih show border
around text. Perhatikan gambar
1/18
11/10/2014
Download ebook
gratis
Langkah 3 : buat 2 buah tombol di bawah kotak merah masing-masing dengan nama tombol random
dan tombol check.
Langkah 4 : Buat sebuah movie clip dari static teks, misalnya Correct Answer, beri nama
instancenya true_answer. Klik 2 kali movie clip tersebut untuk masuk ke area movie clip
true_answer, Klik frame 1, tahan dan geser ke frame 2, sehingga tidak ada objek di frame 1, lalu
klik frame 10, klik kanan dan pilih insert keyframe. kembali ke frame 1 tekan tombol F9 dan
masukkan kode berikut:
stop();
Ads Powered
by:KumpulBlogger.com
Demo Targeted Ads
Langkah 5 : Ulangi langkah 4 untuk jawaban yang salah, namun tulisannya adalah Wrong Answer,
try again. beri nama instancenya wrong_answer.
Langkah 6 : Kembali ke stage utama, tambahkan sebuah layer action, klik frame 1 layer action dan
masukkan action script berikut:
problem();
function problem() {
var _loc1 = 2+random(8);
var _loc2 = 2+random(8);
angka_1 = Math.floor(_loc1);
angka_2 = Math.floor(_loc2);
jawab = ;
Selection.setFocus(_root.answerBox);
stage.focus = _root.answerBox;
_root.answerBox.setSelection(0, 1);
}
function check_answer() {
if (angka_1+angka_2 == jawab) {
true_answer.play();
problem();
} else {
wrong_answer.play();
Selection.setFocus(_root.answerBox);
}
}
Langkah 7 : Klik tombol random dan masukkan action script berikut:
on (press) {
problem();
}
Langkah 8: Klik tombol check dan masukkan action script berikut:
on (press) {
check_answer();
}
Untuk melihat hasilnya klik link berikut ini http://janggeng.blogspot.com/2009/06/membuat-
http://caramembuatanimasidenganflash.blogspot.com/
2/18
11/10/2014
0 komentar
Pada proses awal ini kita seting ukuran games serta kecepatan Fps nya. Untuk ukurannya kita seting
700400 pixel serta 20fps
247 image2 Tutorial Membuat Game Flash: City Rescue
Selanjutnya Kita buat MOBIL playernya, Pesawat Musuh, BOSSnya serta orang atau sandera yang akan
di jatuhkan, seperti gambar yang saya buat ini:
Selanjutnya Buat instan Name dari tiap tiap karakter yang anda buat saya beri nama player pada
Mobil, lalu Musuh pada balon musuhnya dan boss pada Boss mode nya Buat dahulu Layer , dan label
lihat pada gambar
849 image4 Tutorial Membuat Game Flash: City Rescue
Beri nama Label Pada frame: lihat contoh di atas intro, menu, stage1, boss, gameover, menang
sekarang mari kita mulai tahap yang paling rumit yaitu Script. Klick Frame 1 pada frame label
masukan script berikut
1 stop();
2
3 stage1_msc = new Sound();
4
5 stage1_msc.attachSound("stage1_msc");
6
http://caramembuatanimasidenganflash.blogspot.com/
3/18
11/10/2014
Lalu selanjutnya Kita simpan karakter pada tempatnya dan pada label stage 1
2 komentar
http://caramembuatanimasidenganflash.blogspot.com/
4/18
11/10/2014
2.
Layout yang dilengkapi dengan kolom serta content dan sidebar (2 kolom)
3.
Nah, pada tutorial ini saya akan bahas cara pembuatan layout website 3 kolom yang nantinya kolom
content berada di tengah-tengah serta terdapat 2 sidebar disisi kiri dan kanan halaman. Mari
langsung dicoba, namun sebelum nya download terlebih dahulu file-file yang diperlukan seperti
background dan logo website yang telah saya siapkan disini.
Langkah 1
Tulislah skrip css berikut dan simpan dengan nama style.css
*{margin:0 auto; padding:0}
body{background:#c0c0c0;
font-family:verdana; font-size:10px; color:#4c4e55;
}
#container{width:1007px; height:1369px;
background:url('bg.jpg') no-repeat;
}
#header{height: 150px;
border: 1px solid #009900;
}
#sidebar_kiri{float:left; width:250px; height:1000px; margin:3px 0;
padding:3px; border:1px solid #009900;
}
#center{float:left; width: 577px; height:1000px; margin:3px; padding:3px;
border:1px solid #009900;
}
#sidebar_kanan{float:left; width:150px; height:1000px; margin:3px 0;
padding: 3px; border: 1px solid #009900;
}
#footer{height:201px; border:1px solid #009900;
clear: both;
}
Langkah 2
Selanjutnya buat juga kode html berikut dan simpanlah dengan nama index.html satu folder
dengan skrip css. Dalam kode html ini kita masukkan tag yang berfungsi untuk memanggil
pengaturan layout website yang telah dibuat di halaman style.css
<html>
<head>
<title>Layout Website 3 Kolom</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="sidebar_kiri">
</div>
http://caramembuatanimasidenganflash.blogspot.com/
5/18
11/10/2014
Selanjutnya lihat hasilnya dengan membuka file dokumen html yang telah dibuat di browser
komputer anda. Jika tidak terdapat kesalahan penulisa kode, akan tampil seperti gambar berikut:
Tampilan layout diatas adalah layout dasar yang dapat dikembangkan lagi dengan menambahkan isi
atau konten-konten yang diinginkan. Namun, jangan lupa untuk menghilangkan garis border nya
agar terlihat lebih rapi J pada tampilan diatas memang sengaja saya tampilkan border berwarna
hijau agar lebih mudah untuk melihat hasil kode yang dibuat. Untuk menghilangkan border tersebut
silahkan anda hapus kode border: 1px solid #009900; disetiap ID Selector #header,
#sidebar_kiri, #center, #sidebar_kanan dan #footer.
Pengembangan
Berikut ini saya tambahkan contoh cara mengembangkan tampilan header dan navigasi menu pada
tampilan website yang dibuat. Sisipkan kode css berikut pada skrip css yang telah dibuat
sebelumnya, kode ini berisi pengaturan tampilan logo web dan navigasi menu.
#logo{width:300px; float:left}
.gmbr_logo{margin:45px 0px 0px 50px;}
#menu{width:700px; float:right;}
#menu ul{margin:60px; float:right; list-style:none;}
#menu li{float:left;}
#menu a{display:block; padding:7px 12px; text-decoration:none; font-weight:bold;
font-family:arial; font-size:14px; color:#313132;
}
#menu a:hover {background:#FFCC00; text-decoration:underline;}
Berikut penulisan kode css yang lengkap setelah ditambahkan kode diatas.
*{margin:0 auto; padding:0}
body{background:#c0c0c0;
font-family:verdana; font-size:10px; color:#4c4e55;
}
#container{width:1007px; height:1369px;
background:url('bg.jpg') no-repeat; overflow:hidden;
}
#header{height: 150px;
border: 1px solid #009900;
}
#logo{width:300px; float:left}
.gmbr_logo{margin:45px 0px 0px 50px;}
#menu{width:700px; float:right;}
#menu ul{margin:60px; float:right; list-style:none;}
#menu li{float:left;}
#menu a{display:block; padding:7px 12px; text-decoration:none; font-weight:bold;
font-family:arial; font-size:14px; color:#313132;
}
#menu a:hover {background:#FFCC00; text-decoration:underline;}
#sidebar_kiri{float:left; width:250px; height:1000px; margin:3px 0;
http://caramembuatanimasidenganflash.blogspot.com/
6/18
11/10/2014
Lengkapi juga kode html yang telah dibuat dengan kode berikut dibawah tag <div id=header>.
<div id="logo">
<p><img class="gmbr_logo" src="logo.png"></p>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
Catatan :
Pada kode diatas saya mengambil contoh lebar (width) 10007px dan tinggi (height) 1369px. Karena
akan dibuat menjadi 3 kolom, berarti lebar 1007 px dibagi menjadi 3, namun tidak dibuat dengan
ukuran yang tepat dikarenakan sisa nya digunanakan untuk membarikan jarak antar kolom.
Diposkan oleh Kurniawan di 09.04
0 komentar
http://caramembuatanimasidenganflash.blogspot.com/
7/18
11/10/2014
GooooaaaallllllllllLLLLL.....!!
Bola out
Disini saya membuat game menggunakan Flash yang umum digunakan untuk membuat game di web,
dengan bahasa pemrograman ActionScript 2.0 yang lebih ramah kepada animator non-programmer
yang kebanyakan berangkat dari basic desain (seperti saya ;P), jika sudah memahami dasardasarnya mari lanjut saja. Pada library, sediakan 3 buah movieclip dengan memiliki identifier
kiperID, bolaID, dan pemainID yang akan diattach ke tengah stage saat flash movie
dijalankan.
Pada stage, siapkan background seperti pada gambar di bawah ini, perhatikan koordinat x dan y
harus tepat karena menjadi acuan untuk berjalannya permainan. Siapkan pula movieclip dengan
instance name keterangan.
Pada
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
http://caramembuatanimasidenganflash.blogspot.com/
8/18
11/10/2014
http://caramembuatanimasidenganflash.blogspot.com/
9/18
11/10/2014
}
bola._y -= tenaga / 10;
bola._x += (tenaga / 10) - ((posisiPemain - 150) / 10);
setProperty(bola, _xscale, getProperty(bola, _y) / posisiBolaSemula * 100);
setProperty(bola, _yscale, getProperty(bola, _y) / posisiBolaSemula * 100);
if((posisiBolaSemula - bola._y) > (tenaga * 2))
{
delete bola.onEnterFrame;
if(bola.hitTest(kiper.tangkapan))
{
keterangan.gotoAndStop("frameBlocked");
bola.gotoAndStop("frameKena");
}
else if((bola._x > 200) && (bola._x < 500) && (bola._y > 60) && (bola._y < 200))
{
keterangan.gotoAndStop("frameGol");
}
else
{
keterangan.gotoAndStop("frameOut");
}
}
}
}
}
0 komentar
Pada game ini untuk memudahkan dalam pengertian maka setiap Saya menulis actionscript di
depan tiap objek Saya berikan id untuk mengenali objek apakah itu
objek dengan awalan mc_ adalah movieclip
objek dengan awalan btn_ adalah tombol (button)
objek dengan awalan so_ adalah SharedObject
2.Bagian Menu
Untuk tampilan menu awalnya buatlah judul game yang besar-besar!!! buat juga
tombol main dengan nama instance (lihat properties button) btn_main (ini tombol untuk
melanjutkan permainan) dan tombol keluar dengan nama instance btn_keluar (ini tombol
untuk keluar). Kemudian buat juga sebuah dynamic text dengan nama var topsekorer (ini
disediakan untuk menampilkan top scorer). Adapun untuk bisa menyimpan dan membaca data
skor pada flash di komputer kita, kita perlu menggunakan fasilitas SharedObject. misalkan nanti
kita simpan 2 buah data di SO tersebut yaitu namaSO.data.nama untuk menyimpan nama dan
namaSO.data.skor untuk menyimpan skor. Setelah semua itu selesai berikan actionscript di frame 1
sebagai berikut:
stop(); //supaya ngga jalan kemana2
var so_skor:SharedObject = SharedObject.getLocal("catatanSkor","/");
//untuk baca dan simpan data skor
var jmlTopSkorer:Number = 5; //jumlah top skorer yg ditampilkan
text_topSkorer.text = "" ; //tampilan skor di dynamic text
/* ****************************************
pada SharedObject so_skor ada beberapa data yang disimpan yaitu:
- topSkor dari 1 sampai 6 (so_skor.data.topSkor1, so_skor.data.topSkor2,
http://caramembuatanimasidenganflash.blogspot.com/
10/18
11/10/2014
3.Bagian Permainan
Sesudah selesai membuat menu awal selanjutnya kita buat bagian permainan, seperti yang
kita tahu inilah sebenarnya inti dari program yang sedang kita buat. Baiklah langsung saja siapkan
tokoh-tokohnya: Tux si pinguin, makanan favoritnya (tulang ikan), dan bom. Anda bisa buat
sendiri atau pakai yang sudah Saya buat saja (hasil tracing) seperti di bawah ini
Alasan mengapa gambarnya Saya jadikan vektor adalah supaya pada saat bermain nanti
eksekusinya jauh lebih ringan dibanding jika memakai begitu saja gambar bitmap hasil import
(tidak percaya silahkan coba sendiri bedanya). lihat saja hasil .swf-nya saudara-saudara game ini
besarnya hanya 8 kilobyte jika dimainkan langsung dengan flash (lihat di bawah). By the way
anyway busway (halah), jangan lupa masing-masing objek itu dijadikan movieclip (klik kanan
objek > convert to symbol atau klik objek menu>modify>convert to symbol) beri nama
apapunlah misalkan pinguin, ikan, atau bom. kemudian beri nama instance (lihat properties
movieclip) mc_tux pada si pinguin, mc_ikan_1 pada si tulang ikan, dan mc_bom_1 pada bom.
Kemudian bagian terpenting dari yang penting di game ini adalah rangkaian actionscript berikut
(ingat untuk menyimpannya di layer eksyenskrip) jreng jreng jreng!!! artikel ini belum selesai,
bersambung ah biar pada penasaran. insyaAllah nanti diterusin lagi nulisnya kalau ada waktu
senggang, akhir-akhir ini masih sangat sibuk
skrip untuk disimpan di frame permainan:
stop(); //supaya ngga jalan kemana2
var vLevel:Number = 0; //current level dari game (pertama kali level 0)
http://caramembuatanimasidenganflash.blogspot.com/
11/18
11/10/2014
http://caramembuatanimasidenganflash.blogspot.com/
12/18
11/10/2014
http://caramembuatanimasidenganflash.blogspot.com/
13/18
11/10/2014
0 komentar
Menu objek cukup kompleks, karena di bagian kiri terdapat informasi mengenai sprites yang akan di
pakai, di bagian tengah terdapat menu event dan di bagian kanan terdapat menu Action. Menu
event dan action akan kamu pelajari pada pembahasan selanjutnya. Lalu masukan sprites yang
kamu inginkan ke dalam objek. Menu visible berfungsi untuk menentukan apakah sprites yang kita
masukan harus terlihat dalam permainan atau tidak. Sebagian besar Sprites dibuat visible tapi
adakalanya Sprites di buat invisible (tidak terlihat), misalnya untuk membuat jalur gerak monster
atau membuat pintu rahasia dalam game. Sedangkan menu Solid berfungsi untuk menentukan
apakah objek tersebut harus di buat padat dan keras atau tidak , (biasanya menu ini solid di
gunakan untuk membuat tembok).
http://caramembuatanimasidenganflash.blogspot.com/
14/18
11/10/2014
http://caramembuatanimasidenganflash.blogspot.com/
15/18
11/10/2014
Maka setelah itu akan muncul sebuah window box berwarna putih yang diatasnya bertuliskan
execute code, di bawah ini merupakan penjelasan dari window box tersebut :
Applies to self : Menu ini berfungsi untuk memberikan perintah bahwa script yang kamu tulis harus
di jalankan oleh objek itu sendiri.
Applies to other : Menu ini berfungsi untuk memberi perintah bahwa script yang kamu tulis harus
dijalakan oleh objek lain, misalnya oleh objek yang bersentuhan .
Applies to object : Menu ini berfungsi untuk memberi perintah kepada objek bahwa script yang
kamu tulis tersebut harus di jalankan oleh objek lain yang sudah di definiskan sebelumnya.
Go to particular line : menu ini berfungsi untuk pergi ke baris yang telah kamu tentukan, menu ini
bisanya di gunakan setelah kita tahu pesan error di debug mode.
Check the script for the syntax error : menu ini sangat berguna untuk mendeteksi kesalahankesalahan kode yang kamu tulis pada script, kesalahan yang sering terjadi misalnya kurang
menambahkan tanda kurung di akhir sebuah statement, atau salah menuliskan ejaan script code.
Diposkan oleh Kurniawan di 23.28
1 komentar
Beranda
Posting Lama
http://caramembuatanimasidenganflash.blogspot.com/
16/18
11/10/2014
Update:
Dapatkan Microsoft Office 2010 Plus Full Version + Serial Number dan Aktivator nya
DISINI
=======================================
Berikut di bawah ini beberapa software yang bisa Anda order dari Blog M.A.
Pemesanan silakan sms ke 087886160858 dengan menyertakan nama, alamat lengkap dan sofware yang di pesan
- Kumpulan Koleksi Ratusan Desain Kartu Undangan Pernikahan siap pakai berformat CDR (CorelDraw). Teks dan foto bisa diedit sesuai keingginan Anda.
Sudah dilengkapi dengan software CorelDraw x2, CorelDraw x4, CorelDraw x5. Semua hanya Rp.35.000
- Frame Wedding (Pernikahan) Rp.35.000
- Hallmark Card 2011. Berisikan berbagai macam desain template Kartu seperti Kartu Ulang Tahun, Kartu Tahun Baru, Kartu Valentine, Kartu Hallowen, Dll.
Selain itu Anda juga bisa membuat Kartu Lebaran (Idul Fitri), Wedding (Pernikahan) dengan menggunakan Hallmark Card 2011. Rp.45.000
http://caramembuatanimasidenganflash.blogspot.com/
17/18
11/10/2014
Strike CARBON 1.1, Enemy Engaged, Gun metal war transformed, Night
shymalan the last airbender, Perished the zurkez project, Reign
conflict og nations, Soldner X Himmelssturmer II, The last dance,
Tranformer Autorobots VS Decepticons. Semua game ini hanya RP.35.000
- Game House terdapat puluhan game Rp.20.000
- Counter strike CS 1.6 Rp.20.000
- Counter strike Exstrem Rp.20.000
Dalam penggiriman dilengkapi dengan casing DVD untuk melindunggi CD/DVD saat penggiriman.
Untuk pemesanan 5 cd/dvd akan mendapatkan bonus 1 cd software. Jika pesan 10 cd/dvd bonus 2 cd software (Berlaku kelipatannya)
Jika CD/DVD patah saat penggiriman, 100% akan diganti (kecuali Bonus)
Pemesanan silakan sms ke 087886160858 dengan menyertakan nama, alamat lengkap dan sofware yang di pesan.
Nomor 087886160858 digunakan hanya untuk melayani transaksi order sofware.
Artikel ini di copy dari Marcellino. Silakan Copy Artikel ini dan posting pada blog anda dengan menyertakan link sumber nya.
http://caramembuatanimasidenganflash.blogspot.com/
18/18