Yuk Belajar Programming

Kamis, 12 September 2013

Animasi dengan HTML dan Flash

Cara animasi dengan HTML5 dan Flash

1. Animasikan dengan menggunakan program Flash

2. Kemudian export menjadi png sequence

File > Export > Export Movie > Save as Type PNG Sequence

shortcut : Ctrl + Alt + Shift + S

3. Save menjadi "namafile".png

Hasilnya :

namafile0001.png

namafile0002.png

namafile0003.png

....

namafile0258.png (sesuai dengan jumlah frame)

4. Masukkan di JS

var ArrImages = new Array();

var url = "image"; // folder untuk menyimpan file picture.png

var JumImg = 258

var CountImg = JumImg;

for(var i=0;i<=JumImg;i++){

ArrImages[i] = new Image();

ArrImages[i].addEventListener("load", LoadImageCheck, false);

if(i==0) ArrImages[i].src = url+"namafile0001.png";

else if(i<10) ArrImages[i].src = url+"namafile000"+i+".png";

else if(i<100) ArrImages[i].src = url+"namafile00"+i+".png";

else if(i<1000) ArrImages[i].src = url+"namafile0"+i+".png";

}

Senin, 19 Agustus 2013

Close Window - Menutup window di html5

Perlu untuk menutup windows dengan javascript?
Ini dia jawabannya:

window.close()

sumber:
http://www.w3schools.com/jsref/met_win_close.asp

Semoga bermanfaat.

Minggu, 18 Agustus 2013

Coba HTML5 String.fromCharCode(0xB4) di w3school.com

<html>
<body>

<div id="demo">
Click the button to display character of the specified unicode number.</div>
<button onclick="myFunction()">Try it</button>

<script>
function myFunction(){
var n=String.fromCharCode(0xB4); //----> simbol kali
var n=String.fromCharCode(0xB8); //----> simbol bagi
document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

sumber:
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_fromcharcode

Simbol kali (x) di javascript

Format dari javascript = String.fromCharCode(angka)

angka adalah nomer identitas karakter

untuk simbol x (kali), bisa dilihat di character map = '0xB4'

jadi,

di javascript, bisa di tulis:

simbol x = String.fromCharCode(0xB4)

cara pemakaiannya:

ctx.font = '14px symbol'

ctx.fillStyle = '#000000';

ctx.textAlign = 'center';

ctx.textBaseline = 'middle';

ctx.fillText(String.fromCharCode(0xB4), 100, 100);

Semoga bermanfaaat

Jumat, 16 Agustus 2013

Pangkat di javascript

Ternyata di javascript mudah sekali mencari nilai dari bilangan berpangkat.

Misal nilai = x^y (mencari x pangkat y)
nilai = Math.pow(x,y)

Contoh dengan angka:
nilai = Math.pow(3,4)
maka
nilai = 81

semoga bermanfaat :)

sumber:
http://www.w3schools.com/jsref/jsref_pow.asp

Mengubah 0.005 menjadi 0,005 dengan javascript

Lagi ngerjain kerjaan kantor, kebetulan nemuin cara lain mengubah angka yang awalnya pakai titik menjadi koma.

Begini caranya:

Misal
angka = 0.005

maka, cukup split menjadi dua bagian menggunakan string.split(separator,limit):

angkasplit = ""+angka;
angkasplit = angka.split('.',limit);

hasil split menjadi:
0,005

Semoga bermanfaat :)

sumber:
http://www.w3schools.com/jsref/jsref_split.asp

Minggu, 28 Juli 2013

Actionscript Flash Lagi ....

Minggu malem ngerjain kerjaannya si Doni.
Tugasnya, memperbaiki program supaya sesuai klien.
yaitu, memperbesar area utk loadMovie.
yang awalnya 100% menjadi 120%.

Sebenernya hanya meneruskan program yang udah saya buat sebelumnya,
tapi kok susah juga ya.
Kemungkinan karena gak fokus juga.

Awal coba pake DuplicateMovieClip,
maksudnya sih, program utama tidak di ubah,
hanya menambahkan routine utk menggerakkan si DuplicateMovieClip.

Setelah di coba-coba, akhirnya bisa.
Tapi, karena duplicate, si movie ini menjadi di atas movie yang lain.
Tertutup deh movie yang harusnya di depan.

Akhirnya duplicateMovieClip diubah jadi layer baru.
Hanya mengubah Mask dan nama movie.
Konsekuensi, program utamanya harus di utak-atik.

Namun, Akhirnya berhasil juga ......... :)

(Nexttime screenshoot programnya)