Untuk assignment 1 group task, kami telah memilih subtopik dalam subjek Science Form 1 (Chapter3 : Matter)
Tugas saya adalah untuk menghasilkan 3 bahagian iaitu drag & drop question, dialog box question dan experiment.
Drag & Drop Question
Semasa menghasilkan task ini, saya tidak menghadapi begitu banyak masalah. Namun begitu, saya dapati koordinat yang saya letak agak lari dari segi logik. Semasa saya menyiapkan tugasan drag & drop pada minggu-minggu sudah, koordinat yang diletak adalah sama dengan koordinat seperti yang terpapar di skrin.
Walaubagaimanapun, hasil yang diperolehi berfungsi seperti yang diharapkan.
Namun, selepas Azaki menggabungkan scene saya dengan main scene, semua koordinat telah berubah dan proses drag & drop gagal. Saya terpaksa mengubah balik koordinat dan alhamdulillah, semuanya berjalan lancar.
Dialog Box Question
Untuk Dialog Box Question, secara asasnya tiada masalah yang timbul. Walaubagaimanapun, saya cuba untuk menggabungkan action untuk 2 dialog box ke dalam 1 button submit. Namun setelah mencuba, tetap gagal. Maka, saya terpaksa membuat 1 submit button untuk 1 dialog box.
Experiment
Pada bahagian experiment pula, tiada masalah yang timbul. Penggunaan pergerakan frame to frame dan sedikit tween motion berjaya menghasilkan hasil seperti di atas.
Azaki ditugaskan untuk menggabungkan semua scene yang kumpulan kami hasilkan. Tak sabar rasanya nak tengok. :)
Authoring System
Sunday 13 November 2011
Saturday 22 October 2011
WEEK 5 : Dialog Box
The next task is to create a dialog box question.
2. Then, click Window ----> components ----> combo box
4. Click Window ----> Component Inspector
Behind the button submit, insert this action script
1. Create this layout using Text Tool (T) |
2. Then, click Window ----> components ----> combo box
3. Rename the combo box by name box |
5. Choose Data |
6. Key in the above data |
Behind the button submit, insert this action script
Insert stop action on the first frame.on (press) {
if (box.getValue() == "pertama") {
respon = "kurang tepat. sila cuba lagi!";
}
if (box.getValue() == "kedua") {
respon = "Tahniah!Jawapan anda betul";
}
if (box.getValue() == "ketiga") {
respon = "kurang tepat. sila cuba lagi!";
}
if (box.getValue() == "keempat") {
respon = "kurang tepat. sila cuba lagi!";
}
if (box.getValue() == "kelima") {
respon = "kurang tepat. sila cuba lagi!";
}
gotoAndStop(2);
}
On the frame 2, create this layout. |
For the dialog box, make sure to use Dynamic Text and Var : respon |
Link the back button to the frame 1.
Friday 21 October 2011
WEEK 5 : Multiple Choice Question
The next task is about multiple choice question.
STEP 1
1. Insert the question and answers as below using Text Tool (T)
STEP 2 (To create the buttons for all answers)
- Create a new layer and rename it as button.
2. Click insert ----> new symbol ----> name : buttonA, type : button ----> ok |
3. Then the new layout appear.
4. Using Oval Tool (O), draw a red circle.
5. Using Text Tool (T), write the letter A.
6. Now the A button is done, click Scene 1 to go back to the previous layout. |
7. Drag the A button from library to the button layer. |
8. Right-click ButtonA, then click duplicate |
9. This pop-up will appear. Put name : buttonB and type : button. |
10. double-click on the buttonB |
11. This layout will appear. Delete the letter A and replace it with the letter B then go back to the Scene 1 |
12. Repeat the same step until u got all 4 button (A, B, C, D)
STEP 3 (memasukkan action script agar soalan dan jawapan tidak loop)
- Create a new layer and rename it as stopQA
- Right-click on the frame 45, go to action and put this coding stop();
- The purpose of this coding is to avoid the written "question and answer" from looping.
- Create a new layer and rename it as 'respon'.
- Clik on the frame 50, insert a new keyframe or click F6.
- Insert 'well done' image that you can download it from google.
- Then, clik on the frame 60, insert a new keyframe or click F6.
- Insert "inccorrect' image.
- Next, create a new layer and rename it as 'stopcorrect'.
- On the frame 50, insert action script stop(); to stop the respons.
- Then, create a new layer and rename it as 'stopincorrect'.
- On the frame 60, insert action script stop(); to stop the respons.
- Right-click on the buttonA, pilih action.
- Masukkan coding berikut.
3. Repeat this step to other 3 buttons.
4. We know the correct answer is B.
5. So, in the coding, change the 60 to 50 as the correct respon is in the frame 50.
STEP 6 (action stop untuk keseluruhan flash file)
- Create a new layer and rename it as stop.
- On the last frame (frame 65), put action script for stop.
WEEK 5 : Text Entry Question
This week task is to create a Text Entry Question.
5. Insert this script behind the pause button.
1. Create this layout with the question like above unsing Text Tool(T). |
2. Using Text Tool, create an input box as above. Put the variable as answer |
3. Next, using Text Tool, insert a Dynamic Text Box. Set the variable as respon and check the Auto Kern. |
4. Insert 2 button. Pause and Stop. |
6. Insert this action scrip behind the end button.on (release, keyPress "<Enter>") {if (answer == "carbon monoxide and other hydrocarbons")
{respon="Correct";
}else{
respon="Incorrect. Your answer " +answer+ " is incorrect";
}
}
on (release) {gotoAndPlay("Scene 1");
}
Tuesday 11 October 2011
Tuesday 4 October 2011
WEEK 4 : Scene by Scene
Assalamualaikum dan Selamat Sejahtera..
Pada tugasan kali ini, saya diminta untuk menghasilkan 1 flash file yang mengandungi beberapa scene.
Berikut adalah flash file saya hasil gabungan beberapa scene.
Aktiviti 1
Aktiviti 2
Untuk menghasilkan flash file yang sebegini, beberapa langkah harus diikuti..
1. SCENE 1
Bahagian 1 (menghasilkan huruf bergerak)
5. Rename kembali Layer 2 anda kepada perkataan Learning.
6. Dengan menggunakan Text Tool (T) , taipkan huruf pertama pada perkataan yang ingin ditulis.
Bahagian 2 (menghasilkan background oren bergerak)
7. Kemudian
Bahagian 2 (menghasilkan perkataan yang boleh di link ke scene lain)
6. Masukkan action script untuk setiap button seperti berikut :
on (release) {gotoAndPlay("Scene 2",1);
}
Bahagian 3 (menghasilkan imej papan hitam bergerak)
5. Klik pada mana-mana frame antara frame 1 hingga frame 10, right-click dan create motion tween.
6. Ulang langkah 4 pada frame 20 dan condongkan papan hitam ke kanan pula.
7. Ulang langkah 5 antara frame 10 hingga frame 20.
Bahagian 4 (menghasilkan button end)
on (release) {gotoAndPlay("Scene 5",1);
}
2. SCENE 2
Bahagian 1 (menghasilkan button back)
}
6. Untuk mengelakkan scene dari looping, action stop harus dimasukkan.
3. SCENE 3 & SCENE 4
4. SCENE 5
Pada tugasan kali ini, saya diminta untuk menghasilkan 1 flash file yang mengandungi beberapa scene.
Berikut adalah flash file saya hasil gabungan beberapa scene.
Aktiviti 1
Aktiviti 2
Untuk menghasilkan flash file yang sebegini, beberapa langkah harus diikuti..
1. SCENE 1
interface untuk scene 1 |
Bahagian 1 (menghasilkan huruf bergerak)
- Setelah anda membuka aplikasi flash file anda, anda akan berada di Layer 1 dan frame 1.
- Rename kembali Layer 1 anda kepada perkataan Banner.
- Dengan menggunakan Rectangle Tool, lukis segiempat seperti yang dikehendaki.
- Seterusnya, masukkan layer baru.
- Insert ----> Timeline ----> Layer
5. Rename kembali Layer 2 anda kepada perkataan Learning.
6. Dengan menggunakan Text Tool (T) , taipkan huruf pertama pada perkataan yang ingin ditulis.
- contohnya: anda ingin menulis perkataan Learning.
- Taipkan huruf 'L'
- Insert ----> Timeline ----> Keyframe
- tekan kekunci F6 pada keyboard
Bahagian 2 (menghasilkan background oren bergerak)
- Masukkan Layer baru.
- Rename Layer 3 kepada textbg.
- Pada frame 1, lukiskan satu bulatan dengan menggunakan Oval Tool (O)
- Kemudian, masukkan keyframe pada keyframe 20.
- Padamkan gambar bulatan dan gantikan dengan gambar splash.
- gambar splash boleh dihasilkan dengan menggunakan konsep Tracing Images With The Onion Skin Tool.
7. Kemudian
- right-click -----> create shape twin
Bahagian 2 (menghasilkan perkataan yang boleh di link ke scene lain)
- Masukkan Layer baru.
- Rename Layer 4 kepada addition.
- Dengan menggunakan Text Tool, taip perkataan 'topic 1 : addition' .
- Seterusnya, anda harus menukarkan perkataan tersebut ke dalam bentuk button.
- right-click pada perkataan 'topic 1 : addition'----> convert to symbol ----> namakan sebagai addition dan pastikan anda memilih type : button ---->ok
6. Masukkan action script untuk setiap button seperti berikut :
on (release) {gotoAndPlay("Scene 2",1);
}
Bahagian 3 (menghasilkan imej papan hitam bergerak)
- Masukkan Layer baru.
- Rename Layer 7 kepada image.
- Pada frame 1, Import image dari save file.
- file ----> import ----> import to stage
5. Klik pada mana-mana frame antara frame 1 hingga frame 10, right-click dan create motion tween.
6. Ulang langkah 4 pada frame 20 dan condongkan papan hitam ke kanan pula.
7. Ulang langkah 5 antara frame 10 hingga frame 20.
Bahagian 4 (menghasilkan button end)
- Masukkan Layer baru.
- Rename Layer 8 kepada stop button.
- Pada frame 1, Import image dari save file.
- file ----> import ----> import to stage
- Seterusnya, anda harus menukarkan imej tersebut ke dalam bentuk button.
- right-click pada imej tersebut----> convert to symbol ----> namakan sebagai end dan pastikan anda memilih type : button ---->ok
on (release) {gotoAndPlay("Scene 5",1);
}
2. SCENE 2
- Untuk memasukkan scen baru:-
- windows ----> Other Panels ----> scene
- Scene baru akan muncul dengan nama Scene 2
- Masukkan imej dan perkataan seperti berikut menggunakan teknik-teknik yang dipelajari pada kelas sebelum ini.
- Setiap motion dibuat dalam layer yang berbeza.
Bahagian 1 (menghasilkan button back)
- Masukkan Layer baru.
- Rename Layer tersebut mengikut nama yang sesuai.
- Pada frame 1, Import image dari save file.
- file ----> import ----> import to stage
- Seterusnya, anda harus menukarkan imej tersebut ke dalam bentuk button.
- right-click pada imej tersebut----> convert to symbol ----> namakan sebagai back dan pastikan anda memilih type : button ---->ok
- right-click ----> action ----> masukkan coding berikut :
}
6. Untuk mengelakkan scene dari looping, action stop harus dimasukkan.
- create new layer ----> righ-click atas mana-mana frame ----> action ----> masukkan coding berikut :
7. Drag icon stop sehingga ke frame terakhir.
3. SCENE 3 & SCENE 4
scene 3 |
scene 4 |
- Untuk Scene 3 dan Scene 4, langkah seperti scene 2 diulang.
4. SCENE 5
Add caption |
- Untuk scene ini, anda perlu menggunakan animation technique.
- insert ----> new symbol ----> name : rabbit , type : movie clip
- file ----> import ----> import to stage ----> ambil 1 saja gambar rabbit ----> ok
- kembali ke scene 5 ----> drag movie clip rabbit from library
- gerakkan rabbit menggunakan motion tweening
Subscribe to:
Posts (Atom)