#w6 & w7: Text entry and Multiple Choice Question (republished)

 It is quite late for me uploaded this flash file. As a reflection, i realize that in making a text entry I should aware of:

1) What input text for -> to write the answer
2) What dynamic text for -> to respon to the answer either it is right or wrong
3) Of course with the scripting part. I am always got problem in this. Sometimes, i'm always use zero instead of O.

And, this is one of the example of Multiple Choice Question. I am able to do 1 scene only and there is no response if pupils answer B and C. I try to add some more response and working with the actionscript by changing the number of keyframe. But it doesnt work. Anybody can help me? I already go to Flash Classroom, but I could not find any tutorial regarding this.



If we wanted to add some more respon, are we going to put them in the same layer? Or other layer? I try both but it doesn't work. Or am I miss any part?

#w5: Farm Activity

Week activity kali ini adalah penggunaan sepenuhnya pada button. Tak sangka button pun ada banyak function, sampai dia boleh menjadikannya interaktif dan mestilah menarik.

Secara simplenya, basic button yang kita selalu pakai tu adalah dalam kategori up (which sebenarnya ada up, over, down dan hit). kali ini, saya berpeluang guna over dan down.

UP: bila cursor lalu dekat objek, dia tak appear apa-apa pun. Tak ada text atau sound yang keluar

OVER: bila lalukan cursor pada objek, dia akan appearkan text.

DOWN: bila kita klik pada objek, dia akan mengeluarkan bunyi.

Nah, ini contoh farm saya yang dapat saya buat. insyaAllah , nanti cuba lagi. So far, farm activity ni la yang paling mudah. Tapi, sayangnya saya lambat nak upload dekat e-learning. Should be more aware lepas ni!

#w4 Actionscript yang....

...sangat mencabar kesabaran. sebagai refleksi dalam pengajaran kali ni;

1.saya bangga dengan diri sendiri sebab dapat undergo masalah button dengan bantuan kawan-kawan dan abang. isk. kesian dia banyak kerja tapi sanggup mengadap adik dia.

2. Saya telah buat satu small step dan berharap more steps yang besar di masa akan datang. Ya memang saya paling lamaat dalam kelas tu. Saya admit, I start from zero, tapi tak apalah, itulah tujuannya belajar kan. Maaflah kawan-kawan kalau saya asyik tanya sampai menganngu kelas. I have to.

So far, masalah terbesar actionscript bagi saya adalah pada bahagian nak set action for the button. Itu sahaja. Lepas gambar dah bertukar jadi button symbol, maslah bermula di situ.

Yang paling penting sekali, lepas siap setiap scene MESTI stop kan dulu, kalau tidak dia akan automatically pergi scene seterusnya. Kalau jadi macam tu, sia-sialah button yang di createkan untuk fungsi next dan menu.

Dan, banyak-banyak terima kasih pada Kak Kin sebab provide notes yang amat membantu. Tapi, yang bahagian the end scene tu kan, saya tak dapat ikut command quit sebab tak berjaya. jadi, saya ikut saja action release and go to. Alhamdulillah jadi. Saya nak tanya kak kin kenapa tak jadi, biar dia dah tak larat layan soalan saya, baru saya berhenti :)

Ok, ini hasilnya. Jemput belajar Matematik.

Oh, sebelum tu saya nak bagitau, KELEMAHAN design saya ialah, anda tak boleh tekan button each topic kecuali setelah lebah SELESAI menari bersama awanan. Anggaplah itu terapi jiwa sementara nak belajar matematik.

#w3: Basic scene Concept

Alhamdulillah, berkat tunjuk ajar semua.
Berkat menekuni nota dan menemani emak dialisis :)



Frankly, saya banyak rujuk blog Norzie Khamis dan Asyikin Jamil dalam membuat setting untuk action script. pengalaman ini sangat mencabar since saya adalah seseorang yang baru terjun dalam bidang scripting ini.

Terima kasih!

#w3: scene concept (tak lepas lagi)

Mintak tolong, semua.
Saya tak lepas lagi any of scence concept design. Can anybody help me to do the basic one? Minggu depan saya tak dapat datang kelas. Whole week ada kursus. Kawan2, i don't want to left out :(

I even can't do the basic one (the one which got motion, shape tween, motion path and frame y frame). I got problem on how to do the 2nd page. Another layer? Another layer with dif keyframe? Ok, sorry if the question sounds sooo silly. I'm just confuse.

#w3 Image Sequence

File > Import > Import to Stage > pilih gambar yang kamu dah save (Kalau gambar dia sequence tapi tak tersusun dari segi nama, rename it sebab nanti computer akan easily detect dan dia akan susunkan semuanya dengan sangat magic) Seperti rabbit 01.jpg , rabbit 02.jpg, rabbit 03.jpg dan seterusnya.

Scene punya part cik Banat tak lepas lagi. InsyaAllah dah expert akan tulis reflection on it. Mintak tolong semua doakan kecukupan masa untuk belajar. Hujung tahun ni la sekolah nak kene observe bagai la, do filing, perkemas bilik khas dan sebagainya. (Tolong jangan merungut daam blog)

Ok. Itu saja.

#w3 Traditional Animation

Salam, seriously yang ini paling mudah. Alhamdulillah. Secara peribadi, kalau sudah sangat faham tentang konsep keyframe, perkara ini tak jadi masalah.

Pernah tak main lukis-lukis kartun dekat beberapa helai kertas dan setiap kartun tu, kedudukannya sama cuma mungkin muka atau bahagian-bahagan badan saja yang berbeza. Lepaastu kita compilekan dan selak laju-laju. Akan nampak pergerakan kartun tersebut bukan?

Lebih kurang beginilah. Bezanya kertas tu diganti dengan keyframe. Mudah bukan? Sounds soooo traditional kan? Tak apa, tanpa tradisional, takdelah yang canggih macam motion tween dan shape tween kan ? T__T

Ok, ini contoh yang saya sempat buat masa kelas dengan tajuk

"Gadis yang ayu jangan disangka tiada garang"  HAHA

#w3 Motion Guide Animation

Semengerti gue (eh, jadi indonesia pulak),kena jadikan semut hitam ni simbol dulu, baru boleh jadi motion guide ni.

Pastikan juga, seperti sebelum-sebelum ni, layer setiap objek berbeza supaya tak mengganggu mana-mana masalah teknikal dalam layer yang lain.

Pilih  keyframe 1st kat guide layer dan lukis jalan yang and hendak gunakan pensel. Pernah cuba pakai brush tak jadi, jadi jangan ikut ye.

Tangkap ant kamu tu dan letak di titik awal dan titik akhir di hujung keyframe, Klik orient to path di layer motion guide untuk kelihatan tidak aneh.

Readers: Kak banat, jalan dia nak lukis macamana?

Banat: Okay readers semua. Yang tu hanya pakai background colour, rectangle shape dan eraser. Boleh bayang?

Readers: Boleh!!

Maaf ye ringkas sangat. Jangan pening.

#w2 Motion Tween dan Shape Tween

MOTION TWEEN

yang ini, insyaAllah simple dan harap readers boleh faham. First kena faham dulu apa maksud motion tween. Ikut pemahaman saya secara simplenya, motion tween ni maksudnya adalah pergerakan yang berlaku antara dua gambar yang berbeza tempat.

Maksudnya, mula-mula anda letak gambar di point A (keyframe 1) Lepastu anda letak gambar yang sama di point B (keyframe10). Jadi dari keyframe 2 hingga 9, anda akan menyaksikan pergerakan secara TING saja, dengan menekan button CREATE MOTION TWEEN.

Jadi, saya telah hasilkan gambar paling mudah. Mula-mula, hasilkan satu layer nama backgroud (supaya mudah untuk diedit tana mengganggu yang lain) Yang kedua pula, hasilkan satu layer untuk objek anda. Saya pilih lady bird.

Lepas saya dah lukis, saya terus highlight kan dan pergi ke modify>convert to symbol.

Tujuan? Supaya anda boleh copy paste dengan mudah dekat mana anda nak ladybird ni berada.

nampak tak a series of keyframe di atas tu? Anda boleh letak berpa banyak point yang anda suka.

Point ABCDE sampai Z pun tak kisah.

Tapi pastikan di setiap point (frame) tu anda:

1) Insert keyframe

2) Drag ladybird tu di tempat berbeza supaya ada pergerakan.

So, ini hasilnya * saya tukar warna background to green

SHAPE TWEEN

shape tween kali ini saya gunakan text pua. kalau readers nak gunakan objek pun boleh, cuma saya nak tunjukkan yang text juga boleh dibunakan untuk shape tween tapi dengan SATU syarat iaitu kena break apart twice :)

Simple saja shape tween ni, konsepnya mengubah dari satu bentuk kepada bentuk lain dengan pergerakan secara TING juga, selepas anda tekan button CREATE SHAPE TWEEN.

Macam biasa buat dua layer supaya anda tak menggangu perjalanan layer yang lain. Basic dia sama saja macam motion tween, jadi saya hanya berikan gambar saja ye. Let's the picture itself do the talking.

Masukkan text pada 3 keyframe yang berbeza

Highlight dan modify>break apart kali pertama.

Highlight dan modify>break apart kali kedua. Anda akan nampak macam titik2 putih dalam text.

 Highlight layer tersebut dan click creat shape tween. kan jadi anak panah dan warna hijau muda.

Beza antara motion tween dan shape tween ialah warna biru dan hjau :)

Jadi, ini contoh yang simple sekali.

* perasan tak tulisan dia agak luar biasa laju? Haaa? Siapa tahu macamana cara nak melambatkannya sikit? Readers memang bijak kan? Cepatla jawab, nanti saya doa moga dipercepatkan jodoh.

HIHI!

** Okay nak tiidur. TQ Balqis temankan kita sampai pukul 3 pagi walaupun secara maya. Thanks technology, i didn't feel alone at all in this deep quite night.