Monday, 24 October 2011

Week 6

Drag and Drop Activity





Untuk membuat aktiviti ini, semua yang akan di drag dan tempat yang akan di drop adalah movie clip.

1. Buat movie clip symbol untuk sebuah rectangle box. Pada frame 1, draw a rectangle. Pada frame 2, insert keyframe dan tambah tanda right. Masukkan actionscript stop(); pada kedua-dua frame.
2. Buat movie clip symbol untuk circle dan rectangle.
3. Bina 3 layer.
  • Layer Response - mengandungi dua rectangle box daripada (1). Intance namepada rectangle pertama dinamakan sebagai box1 sebagai manakala rectangle kedua dinamakan box2. Masukkan juga arahan dan label setiap rectangle box.
  • Layer Circle - mengandungi circle dan rectangle daripada (2) dan Next button.
  • Layer Action - Masukkan actionscript stop();
4. Pada belakang movieclip symbol-circle, masukkan actionscript:
on (press) {
                startDrag(this);
}
on (release) {
                stopDrag();
if ((this._x>=290.0) & (this._x<=360.8) & (this._y>=86.8)& (this._y<=110.0)) {
                                                _root.box1.gotoAndStop(2);
                }else {
                                _root.box1.gotoAndStop(1);
                                this._x = 55.2;
                                this._y = 110.0;
                }
}



Pada belakang movieclip symbol-rectangle, masukkan actionscript:
on (press) {
                startDrag(this);
}
on (release) {
                stopDrag();
if ((this._x>=290.0) & (this._x<=349.6) & (this._y>=206.0)& (this._y<=232.6)) {
                                                _root.box2.gotoAndStop(2);
                }else {
                                _root.box2.gotoAndStop(1);
                                this._x = 46.7;
                                this._y = 220.2;
                }
}

 
Next button will link us to another .swf file. The .swf file must be located in the same folder with this file. Pada belakang Next button, masukkan actionscript:
on (release) {loadMovieNum("cooking-ratatouille-kitchen.swf",0);
}


5. Test movie

Thursday, 20 October 2011

Multiple Choice Questions



Ieja,ini file .fla nya.. Tolong yer...TQVM..

https://sites.google.com/site/authoringsystemsyakira/myswf/MCQ.fla?attredirects=0&d=1

UPGRADE VERSION


Setelah diubah untuk mengatasi masalah beberapa kekeliruan..

Ini fail .fla nya :
https://sites.google.com/site/authoringsystemsyakira/myswf/MCQ-edited.fla?attredirects=0&d=1

Week 5 cont..

Text Entry Question (updated)



Hurmm....masalah yang sy hadapi ialah answer y case sensitive - kalau answer "nose" betul tapi kalau answer "Nose" salah..
    Masih mencari solusinya..any idea frenz?


    Step by step:

    1. Bina beberapa layer mengikut keperluan.
    2. Gunakan Static Text untuk soalan, Input Text (var : answer) untuk ruang jawapan daripada pengguna dan Dynamic Text (var : respon) untuk respon kepada jawapan pengguna.


    3. Bina layer stop dan masukkan actionscript :
            var respon;
            var answer;
            respon = ""
            answer = ""
            stop();

    4. Bina layer button, masukkan Check Button dan Next Button.
    Actionscript untuk Check Button :
    on (release, keyPress "<Enter>") {if (answer.toLowerCase()== "nose") {respon="Correct! Good job.";
                    }else{
                    respon="Incorrect. Your answer " + answer + " is incorrect.";
    }
    }
    Actionscript untuk Next Button :
    on (release) {gotoAndPlay("Scene 2", 1);

    }
    5. Test movie

    Wednesday, 19 October 2011

    Farm Activity



    Menarik kan??hehe..

    Cara-caranya agak mudah..Perkara yang penting ialah, setiap imej yang nak dijadikan sebagai hotspot perlu berada pada layer sendiri..kemudian convert to symbol dan pilih button..double click it and you can now editing the button symbol..

    There are 4 states of the button:
    1. Up - when the mouse isn't over the button
    2. Over - when the mouse is over the button
    3. Down - when you click your mouse on the button
    4. Hit - the active area that is the button - the region the user can hit or roll over
    Untuk aktiviti 'Farm' ini, nama binatang dimasukkan pada state over dan down. bunyi binatang dimasukkan pada state down sahaja. But we have to import the sound to library first..

    Next, test movie =D

    5 scene

    Week 5

    How are you guys?
    Still ok huh ofter the class?? =D
    Sekarang dah kene speed ni..kalau tak, susah nanti nak catch up..bg saya sendiri pembelajaran kali ini agak sukar..tapi yang penting, perlu mencuba dan terus berusaha..

    Minggu ini kita belajar macam mana nak masukkan sound dalam button..maka dengan ini, terjawab sudah persoalan yang bermain-main dalam fikiran saya sepanjang membuat homework minggu lepas..jadi, saya telah menambahbaik homework saya berdasarkan ilmu yang saya dapat semalam..

    Bagi rakan guru-guru yang mungkin ada mengajar English tahun satu, andai anda merasakan flash ini boleh digunakan sebagai ABM, dipersilakan menggunakannya..hehe..

    The Making of Transportation.swf

    1. Buat story board..lukis je secara kasar kat kertas tentang perancangan setiap scene dan button dan actionscript..mudah untuk kita buat kerja nanti..

    2. Bina setiap scene.

    3. Masukkan actionscript - stop pada setiap scene..
         Caranya,
    1. add a new layer and rename it as action..
    2. right click on any frame in that layer and choose Action
    3. Add icon (+) > Global Function > Timeline Control > stop
    4. anda boleh ubah dengan cara drag it ke mana-mana frame yang appropriate..

    4. Masukkan button untuk actionscript-gotoAndPlay
          Caranya,
    1. masukkan button (boleh buat sendiri atau ambil dari button library)
    2. right click at button on stage and choose Action.
    3. Add icon (+) > Global Function > Movie Clip Control > on > release
    4. move the blinking cursor in { symbol and click Add icon (+) > Global Function > Timeline Control > gotoAndPlay.
    5. Dalam bracket ( ) taip nama scene and frame yang hendak di link kan..



    Kemudian, test movie to make sure everything is okay..hehe :-)

    Inilah hasil sy yang telah ditambah baik..

    Tuesday, 11 October 2011

    Week 4

    No class for this week tapi homework tetap ada..
    Hmmm...inilah hasil pembelajaran scene concept and actionscript and button..still agak blur tp akan tetap berusaha..



    bercita-cita nk masukkan sound mcm kwn-kwn yang lain buat tp xbrapa nk menjadi..sy akan menambahbaik flash ini selepas tau cara masukkan sound untuk setiap kenderaan ini..

    Secara ringkasnya, scene concept ini membina beberapa scene dlm 1 fail..Selama ini kita buat 1 scene, 1 fail .fla..Tapi sekarang buat 1 fail .fla ada beberapa scene..Actionscript sangat penting untuk control..Button yang ada menjadikannya lebih interaktif..

    Saturday, 1 October 2011

    Week 3

    Kelas untuk minggu ketiga ini dimulakan dengan melihat first flash yang dibuat oleh semua rakan kelas..semuanya cantik-cantik belaka..ada diantara kami yang memasukkan muzik dalam flash mereka..sangat menarik..nanti nak berguru yer =)

    Kemudian kami belajar 3 jenis animasi dalam flash..

    1. Motion Guides Animation




    Secara ringkasnya, objek (ant) yang ingin digerakkan must be converted into symbol..then create a guide layer dengan cara pilih 'ant layer' dan klik simbol seperti gambar dibawah. Kemudian klik 1st keyframe pada 'Guide layer' dan lukis path yang ant akan lalu menggunakan PENCIL TOOL. Lastly, snap the ant to the guide and tambah keyframe lagi sebagai titik akhir path yang ant akan lalu and snap it again..
    Edit la serba sedikit agar pergerakan ant nampak smooth..


    2. Traditional Animation



    Cara melakukannya sangat ringkas..
    Lukis satu karektor pada keyframe pertama. Kemudian, buatlah satu siri keyframe dan ubah sedikit setiap satu. Dalam animasi saya ini, saya mengubah kedudukan anak mata dan mulut karektor ini. Sangat mudah kan..

     

    3. Image Sequence



    Insert > New Symbol > Movie clip
    File > Import > Import to Stage > pilih image sequence yang hendak diguna.
    Kembali ke scene 1 and bolehlah diedit. Cara tambah scene ialah Insert > Scene.


    Scene 1
    Bunny yang berjalan adalah dari satu siri imej yang tersusun, dan dijadikan sebagai movie clip symbol. Begitu juga dengan burung yang terbang. Saya menggunakan motion guide animation untuk bunny manakala burung hanya menggunakan motion tween.




    Scene 2
    * Macam mana nk buat bunny tu pusing nampak realistik sikit? saya tak reti..minta tunjuk ajar...TQ..


     * Terima kasih Kak Ashikhin coz kongsi cara masukkan flash dlm blog..i like..hehe :-)