as-flash.com

Želite napraviti jednostavan Flash kviz? Pokazati cu Vam kako napraviti kviz kao na ovom primjeru

Svako pitanje ima svoju sliku. Za tocan odgovor dobijate jedan bod, dok Vam se za netocan odgovor oduzima jedan bod. U ovom primjeru ima samo 4 pitanja radi jednostavnosti izrade istog. Kviz je fleksibilan, tako da je lako dodavati nova pitanja/odgovore.

---

Ovdje mozete skinuti source

---

---

Krenuti cemo sa dizajnom samog kviza. Prvo cu napraviti „mjesto“ gdje cu ispisivati broj pitanj i sam test pitanja. Nacrtate podlogu za broj i tekst pitanja. Takoder na tu podlogu postavite dva dinamicka teksta kojima Instance name podesite na pitanje_broj i pitanje. Pogledajte sliku:

Selektirajte napravljeno i pretvorite u MovieClip (name MC-a nije bitno). Bitno je da napravljeni MC postavite gdje zelite na Scenu i dodijelite mu Instance name pitanje_mcIdemo na izradu dugmica u kojem ce se ispisivati odgovor i na kojeg cete moci kliknuti. Napravite ga na slican nacin (podloga i dinamicki tekst) kao malo prije samo sto cete postaviti Instance name kao brojOdgovora i tekstOdgovora. Selektirajte napravljeno i pretvorite u MovieClip (name MC-a nije bitno).Postavite Instance name ovog MovieClipa kao btn_pitanje1. Udite u ovaj MovieClip (dvoklik na MC) i napravite jos 3 keyframea - tipka F6 (ukupno ima 4 keyframea). Pogledajte sliku i po njoj napravite svaki frame.

• Frame 1 – normalno stanje dugmica
• Frame 2 – rollOver dugmic
• Frame 3 – tocan odgovor
• Frame 4 – krivi odgovor

Takoder napravite i novi Layer u kojeg na Frame1 u ActionScript panel upisite naredbu stop(); (vidi sliku gore i source) Kad ste napravili sve ovo izidite iz MovieClipa na glavnu scenu (Main Timeline). Kopirajte napravljeni dugmic jos tri puta i postavite ih u stupac- vidi sliku.

Svakom tom dugmicu dodijelite Instance name kao sto ste prvom samo promijenite zadnji broj. Dakle trebalibiste imati: btn_pitanje1, btn_pitanje2, btn_pitanje3 i btn_pitanje4 (vidi source).

Jos moramo napraviti MovieClip koji ce prikazivati slike. Napraviti cemo tako da ce svako pitanje imati svojusliku u odredenom frameu tog MovieClipa (npr. pitanje broj 1 ima sliku u frameu 1). U mom slucaju to su 4slike (jpg) velicine 100×100px. Postavite prvu sliku (ona koja ce biti u frameu 1) na Scenu. Pretvorite je u MovieClip. Tom MC-u postavite Instance name kao slika_mc. Udite u taj MC i napravite jos tri keyframea, a u svakom od tih frameova postavite razlicitu sliku (slika za odredeno pitanje). – vidi sliku

Takoder dok ste jos unutar MC-a slika_mc napravite novi layer i otvorite ActionScript panel. U njega upisite naredbu stop();
Na kraju cemo napraviti dinamicki tekst u kojeg cemo ispisivati broj bodova. Postavite ga negdje na glavnoj sceni. Bitno je da tom dinamickom tekstu postavite Var kao bodovi (u Properties panelu).
Sada smo odradili veci dio posla. Medutim bilo bi dobro kad bi se korisniku ispisivale informacije da li je tocno/ netocno odgovorio na pitanje i da li je kraj kviza. Taj dio cemo napraviti tako da za svaki taj dogadaj napravimo jedan MovieClip.

U mom primjeru za tocan odgovor izgleda kao na slici

I ima postavljen Instance name: tocan_mc

Za netocan odgovor izgleda ovako:

Instance name: netocan_mc

Za kraj kviza:

Instance name: kraj_mc

Sve ove MovieClipove postavite na Scenu bez obzira sto se preklapaju jedan preko drugoga. To preklapanje tj. prikazivanje cemo kontrolirati uz pomoc ActionScripta.

Sada je zaista sve napravljeno i mozemo krenuti sa programiranjem kviza.

---

---

Pages: 1 2

Kategorija: Actionscript objavljeno 15.08. 2007