| Tutorial Flash - HTML5 - Javascript - DKV

Latest Blog



06.07.2022

MPI Component

Library untuk pengembangan multimedia interaktif dengan Flash/Animate

23.10.2020

Virtual Lab Flash

Library untuk pengembangan laboratorium virtual dengan Flash/Animate

06.10.2020

Game Among Us

Membuat gerakan karakter seperti pada game Among Us

05.10.2020

Multimedia Interaktif Tata Surya

Membuat Multimedia Pembelajaran Interaktif tentang tata surya

04.10.2020

Animasi Rotasi Bumi 3D

Membuat animasi bumi berotasi dengan grafik 3 Dimensi

01.10.2020

Membuat Kuis Essay

Mengecek jawaban kuis essay pada aplikasi pembelajaran interaktif

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


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