| Tutorial Flash - HTML5 - Javascript - DKV

Latest Blog



12.09.2020

Membuat Game Ular Tangga

Membuat game ular tangga dengan Adobe Flash/Animate AS3

10.09.2020

Membuat Pengacak Dadu

Membuat acak dadu untuk game ular tangga/monopoly

13.07.2020

Membuat Game Onet

Membuat game mencari gambar yang sama (onet) dengan JS/HTML5

11.06.2020

Membuat Kuis CBT

Membuat kuis CBT, menyimpan nilai ke server dengan PHP dan XML

11.05.2020

Game RPG dengan HTML Canvas (Javascript)

Pengembangan game RPG dengan teknik tiling menggunakan HTML canvas

19.05.2020

Membuat Fitur Swipe Mobile

Membuat fitur swap / drag konten untuk mobile

12.05.2020

Membuat Grafik Fungsi Kuadrat dengan Flash

Membuat kurva fungsi kuadrat dengan kode actionscript 3 Flash

11.05.2020

Membuat Kordinat Kartesius dengan Flash

Membuat sistem kordinat kartesius dengan code AS3 full

16.03.2020

Game Edukasi RPG

Buku pengembangan game RPG bermuatan edukasi

31.07.2019

Perpustakaan Baru UNNES

Mengintip perpustakaan baru UNNES


ALL BLOG

Latest Games


;
Free Games

Indonesia Soccer League

Play Indonesian Soccer League on Flash 3D Games

Membuka file eksternal bertipe SWF sebagai Intro

Konsep dasar

Beberapa aplikasi multimedia memiliki sebuah pembukaan (intro) dengan durasi tertentu. Intro tersebut dapat berupa animasi pendek, pengenalan materi interaktif, dan sebagainya. Menambahkan intro ke dalam sebuah interaktif multi media dapat dilakukan dengan 2 cara, yaitu menambahkannya secara langsung ke dalam aplikasi dalam bentuk movieclip atau membuka file SWF yang berada diluar aplikasi multimedia.

Pada tutorial ini akan dijelaskan cara membuka intro yang berupa file SWF yang berada diluar aplikasi. Untuk lebih jelasnya perhatikan langkah berikut :


Membuat Intro

  1. Pada file aplikasi Flash, buatlah sebuah animasi untuk intro. Anda dapat menggunakan teknik apapun.
  2. Setelah animasi selesai dibuat, buatlah sebuah layer baru dan letakkan di posisi teratas. Klik frame terakhir layer baru tersebut kemudian tambahkan Blank Keyframe. Selanjutnya buka panel action dan tambahkan kode berikut

  3. interactive multi media by wandah_w
    stop();
    var ob:Object = this;
    ob.parent.parent.gotoAndStop(10);
    ob.parent.parent.removeChild(ob.parent);
    


  4. pada baris 3 yaitu ob.parent.parent.gotoAndStop(10); dimaksudkan agar setelah animasi intro selesai dimainkan, frame file utama akan dibawa ke frame 10, sehingga kita perlu melakukan sedikit modifikasi pada file utama interaktif multimedia kita
  5. Selanjutnya simpan file dengan nama intro dan pastikan 1 folder dengan file interaktif multi media anda, lalu jalankan animasi dengan menekan Ctrl+Enter.

Memanggil file intro dari file utama interaktif multimedia

Untuk menampilkan file intro, kita membutuhkan frame kosong di awal movie. Dalam tutorial sebelumnya tentang Dasar Navigasi tombol pembuatan interaktif multi media dimulai dari frame 1 - disisi lain kita perlu ruang kosong diawal agar intro bisa dimainkan terlebih dahulu. Perhatikan langkah-langkah berikut untuk menambahkan intro :

  1. Buka file interaktif multimedia yang sudah anda buat sebelumnya. Jika anda belum membuatnnya anda dapat memulai tutorial tentang Dasar Navigasi
  2. Seleksi semua frame yang ada (tahan tombhol SHIFT dan anda seleksi frame di timeline), kemudian geser frame tersebut dengan melakukan DRAG ke Frame 10 - hal ini dimaksudkan untuk memberikan ruang untuk menampilkan intro. Lihat gambar :

  3. interactive multi media by wandah_w
  4. Klik frame 1 layer kode, kemudian tambahkan kode berikut untuk membuka file intro :
import flash.display.Loader;
import flash.net.URLRequest;

stop();
var intro:Loader = new Loader();
var link:URLRequest = new URLRequest("intro.swf");
intro.load(link);
addChild(intro);

Jalankan aplikasi dengan menekan tombol Ctrl+Enter, maka hasil dari tutorial ini adalah sebagai berikut:


Get Adobe Flash player

Untuk membuka file SWF yang berada di luar aplikasi pada Actionscript 2 digunakan kode loadMovie, akan tetapi kode tersebut tidak lagi dapat dipakai di AS3, karena AS3 menggunakan kode Loader dan addChild untuk membuka file eksternal dan menambahkannya ke aplikasi.

Setelah berhasil menambahkan intro, anda perlu melakukan sedikit perubahan pada action script di frame 10 dan frame-frame selanjutnya terutama kode yang mengatur perpindahan frame. Hal ini dikarenakan kita telah menggeser frame pada timeline dari frame 1 ke frame 10 (menggeser sekitar 9 frame), sehingga apabila terdapat kode gotoAndStop(1); maka kita harus menggantinya menjadi gotoAndStop(10);.

Kode gotoAndStop(2); maka kita harus menggantinya menjadi gotoAndStop(11); dan seterusnya.

File Sumber


download



Share ( Ayo Berbagi )

Leave me a comment

untuk pertanyaan lebih baik di email langsung ke wandah [at] wandah [dot] com agar cepat direspon