BlocksJs Untuk Pembuatan Game HTML5

blockjs

Apa itu BlocksJs?

BlocksJs adalah sebuah library javascript yang berfungsi atau dapat digunakan dalam pembangunan dan pembuatan sebuah game 2D Html5. Seperti gambar dibawah ini yang merupakan game html5 menggunakan bantuan blocksjs dalam proses pembuatannya.

gamehtml5

Bagaimana cara penggunaannya?

Kunjungi situs resmi blocksJs.com dan download file source code blocksjs.

  • Sisipkan/panggil file .css didalam source code html anda
	<link rel="stylesheet" href="css/blocksjs-0.5.11.min.css">
  • Panggil/sisipkan file blocks.min.js didalam tag <body> seperti dibawah ini.
	&lt;link rel=&quot;stylesheet&quot; href=&quot;js/blocksjs-0.5.11.min.js&quot;&gt;

 

Membuat Backsound Game HTML5 Menggunakan Buzz.Js

maspramproduction

Assalamualikum, semoga dalam keadaan sehat selalu pembaca dan pengunjung setia blog sandal jepit mas pram. Kali ini mas pram akan membahas bagaimana cara membuat backsound pada game html5 menggunakan buzz.js. Mungkin anda bertanya apa itu buzz.js? Buzz.js adalah library javascript yang membantu dengan mudah memasukkan dan mengelola suara pada website  ataupun game dengan menggunakan tag audio yang ada pada HTML5. Dan bagaimanakah cara penggunaannya? Sebelumnya anda harus mempersiapkan bahan, diantaranya:
1.  File sound dalam format .mp3, .ogg, .wav atau format lainnya.
2.  Buzz.js yang dapat anda download di situs resminya.

Selanjutnya jika bahan sudah anda miliki,
1.  Buka file game html5 anda yang akan dibuat backsound. Disini saya membuatnya di microsoft visual

     studio express windows 8.
2.  Extract file buzz yang anda download tadi, pastikan dalam satu folder dengan file sound anda. folder3.  Letakkan script code ini didalam tag…scriptgamesoundCukup mudah bukan, semoga tutorial kali ini bermanfaat.

Artikel diatas dapat anda download dalam format PDF : Download [PDF] | Download [File html]

Cara Mengatur APP User Interface di Visual Studio Express 2012 Windows 8

maspramproduction

Assalamualaikum. Semoga dalam keadaan sehat selalu pembaca dan pengunjung setia blog mas pram. Sesuai judul diatas, pada pembahasan ini saya mengambilnya dari game edukasi yang telah saya buat sebelumnya. Bagaimana mengatur splash screen, icon tile, mengatur tampilan layar di monitor, dan sebagainya berikut ini caranya.

  1. Buka visual studio express 2012 anda, jika anda telah membuat sebuah project baru maka secara default terbentuk atau tercipta file dengan nama appxmanifest. Ini dapat anda lihat di solution explorer bagian kanan atas pada layar monitor anda.
  2. Selanjutnya buka file tersebut dengan cara klik dua kali ataupun klik kanan dan pilih open.
  3. Jika sudah terbuka maka anda akan mendapati tampilan seperti gambar dibawah ini.VSE2012
  4. Pada menu Application UI anda dapat mengatur nama aplikasi, file atau page html5 pertama yang akan dijalankan, bahasa yang digunakan dalam aplikasi anda, tampilan layar aplikasi anda. Jika anda ingin mengatur tampilan icon yang muncul di desktop maka anda dapat scroll kebawah pada bagian Visual Assets.VSE2012-1
  5. Pada bagian Visual Assets anda dapat mengatur/mengubah logo, wide logo, splash screen, store logo, badge logo, dan small logo. Caranya adalah seperti berikut ini, anda cukup memilih logo atau bagian mana yang anda kehendaki disebelah kiri anda. Nanti akan muncul tampilan seperti gambar dibawah ini. VSE2012-2Jika belum ada logo yang anda masukkan maka tampilan secara default menunjukkan pilihan ukuran yang dapat anda gunakan sesuai keinginan. Untuk merubahnya klik yang dikotak merah seperti gambar ini.VSE2012-3
  6. Cara diatas berlaku untuk pengaturan small logo, badge logo, splash screen, wide logo, dan store logo. Jika waktu anda melakukan perubahan pada wide logo terjadi error maka klik pada menu Declarations. Pada kiri anda pada pilihan Available Declarations, pilih Background Tasks kemudian klik Add. Selanjutnya secara otomatis pada Supported Background menjadi Background Tasks. Kemudian pada Properties, Support Tasks yang ada pada kanan anda pilih atau ceklis Timer dan Push Notification.VSE2012-4
  7. Maka nantinya hasilnya akan seperti ini :
    1. Untuk tampilan icon di desktop yang dikotak berwarna hitam dam bentuk small logo.large
    2. Untuk tampilan wide logo atau dalam ukuran besar.VSE2012-6
    3. Untuk tampilan store logo, splash screen, logo maka akan muncul ketika aplikasi anda dijalankan.

Semoga bermanfaat dan terimakasih.

Anda juga dapat mendownload artikel diatas dalam format PDF : Download

Sony Luncurkan PS4

Sony hadirkan tekhnologi terbarunya yaitu PS4, dimana Sony belum lama meluncurkan PS3. Banyak rumor mengatakan PS4 adalah tekhnologi tercanggih untuk Game saat ini. Untuk para gamer yang ingin memilikinya untuk saat ini belum ada kabar pasti berapa harga pasaran untuk di indonesia. Untuk peluncurannya juga belum pasti kapan. Mari kita tunggu di dunia nyatanya.

Sony Computer Entertainment

Sony Computer Entertainment

Sistem arsitektur

Sistem arsitektur

Dualshock 4

Dualshock 4

Interface

Interface

Game Matematika untuk anak TK dan SD

Jadi keingat masa SD dulu, kalo belajar gak ada yang beginian, semua serba manual. Yups untuk ibu-ibu dirumah atau bapak-bapak yang mau ngajarin anaknya belajar, monggo saya bantu ini ada game yang gak kalah menarik dengan belajar manual, dijamin mudah untuk dipahami dan asyik serta tidak membosankan. Untuk yang udah SMP/SMA/SMK/PT jangan sepele sama game ini, kalo mau main silahkan download

pooh

pooh

Sebelum memainkan pastikan PC/laptop anda terinstall flash player/Macromedia Flash
langsung aja di ciduk

Download Game belajar matematika

Asah Kemampuan Logika

Teman-teman flen flen di coba yuk ?? di jamin buat otak puyeng daah… ahahhaa 😀
Neh tampilan awalnya

Download Parampa

Cara mainnya :
1. Extract file yang telah di download
2. Double klik file flash player
3. Pilih file > open dan browes file ” quiz ” di dalam folder yang telah di extract tadi
4. cara cepat, setelah di buka file flash player klik dan tahan file quiz pindahkan langsung kedalam flash playernya

Untuk cara cepat harap menghubungi oom pram
Telp/Sms : 085273357370
Twitter : Eko_MioUnyuUnyu

Selamat mencoba 😀