Scala Workshop - IQ Quiz -1- """""""""""""""""""""""""""" N.a.v de laatste projekten die we op ons diskmagazine hebben geplaatst zal het iedereen duidelijk zijn dat Scala uiteindelijk veel meer mogelijkheden in zich heeft dan dat we ooit met zijn allen bedacht hadden. Vooral de button en variabelen mogelijkheden van het programma maken dat je er veel kanten mee op kan. In deze workshop gaan we dan ook die mogelijkheden verder uitbuiten. We gaan een quiz maken met multiple choice vragen aan de hand van plaatjes. De gebruiker kan een keuze maken door een van de keuze mogelijkheden aan te klikken. Het programma houdt, zonder commentaar, het aantal goede antwoorden bij en aan het einde van de vragenreeks verschijnt het aantal goed beantwoorde vragen op het scherm. Deze quiz hebben we ook voor ons zelf gemaakt, het thema in die quiz ging over inheemse vogels. Jammer genoeg kunnen we die quiz niet op de disk plaatsen omdat de bij de quiz behorende plaatjes maar liefst 1 MB aan data bevatten. In ons geval kreeg de gebruiker 25 plaatjes te zien van vogels die in Nederland voorkomen, zoals de Kneu, Boomsluiper, Merel en Ekster. Telkens had de gebruiker de keuze uit 3 antwoorden. Om de quiz didactisch verantwoord te maken hebben we toen het 'Grote boek van de weg' van de ANWB er bij gepakt. Daarin staan in kleine tekeningetjes de complete flora en fauna van Nederland. Van de vogels hebben we er toen 25 met onze scanner omgezet naar plaatjes en de beschrijvingen hebben we gebruikt om 'exotische, edoch bestaande vogelnamen bij elkaar te zoeken. Het resultaat mag er zijn. Op de diskette hebben we echter veel minder plaats, derhalve zal het projekt op deze diskette van een grafische simpelheid zijn en slechts 12 vragen bevatten. In dit projekt hebben we gekozen voor vragen die iets van uw IQ vragen. Wanneer u het projekt gaat uitvoeren hoeft u zich natuurlijk niet aan onze vragen te houden, elke soort vraag is mogelijk. U kunt een vraag in tekst stellen, maar natuurlijk ook vlaggen van Europa tekenen en de gebruiker laten vertellen welke vlag bij welk land hoort. Een andere simpel te tekenen mogelijkheid zijn verkeersborden. Maar zoals gezegd, alles is mogelijk zolang u het maar aardig vorm weet te geven. Het aardige van een projekt als dit is dat u zelf op deze manier educatieve programma's kunt maken voor uw kinderen. Leren ze op school de tafels? Waarom dan niet middels een script als dit, in spelvorm, de boel overhoren. De mogelijkheden zijn legio, mits u uw fantasie maar wenst te gebruiken. Zoals gezegd, wij beperken ons tot 12 IQ vragen. Bij een projekt als dit moet u altijd eerst bedenken wat u allemaal wilt gaan doen en voordat u in Scala de boel in elkaar gaat zetten moeten b.v alle graphics al klaar zijn. We gaan dus eerst ons 'boodschappenlijstje' maken. Wat hebben we zoal nodig? 1) Een titel pagina, met eventuele uitleg over de quiz. 2) 12 kleine plaatjes waarin de eigenlijke vragen gesteld worden. 3) Een speelveld waarop de kleine plaatjes getoond worden. 4) Een eind-pagina die bekend maakt wat onze score is. Voordat we ons dus met Scala gaan bezighouden duiken we eerst in een teken programma. Deze workshop hebben we voor de verandering maar eens in PPaint getekend. We hebben bij deze workshop een aantal platen gestopt die u gewoon zou kunnen gebruiken, maar eigen werk is natuurlijk veel mooier en u steekt ook nog wat op van PPaint. Bij de platen die wij maakten hebben we een resolutie gekozen van 640X512 pixels met 16 kleuren. Omdat alle platen op de achtergrond plaat geplaatst moeten worden moet alles dus in 1 palette getekend worden. Laat ons aan de slag gaan................... We beginnen met het opstarten van ons PPaint programma. Bij de meeste mensen zal dat programma opstarten in een resolutie van 640X256 pixels en 8 kleuren. Dat is te weinig voor ons doeleinde. We gaan dat aanpassen. Kies in het PROJECT menu voor de mogelijkheid IMAGE FORMAT. Een requester verschijnt. In dit requester klikken we op de regel PAL:Hoge res Lace. Vervolgens klikken we op het pijltje naar beneden naast SCREEN zodat de waarde 640X512 ook bij IMAGE komt te staan. Tenslotte zetten we COLORS op 16 en drukken op PROCEED. Nu hebben we een goed werkscherm. Op dit scherm gaan we nu de layout tekenen van de pagina waarop de vragen gesteld gaan worden. Die bladzijde bepaalt immers het gezicht van de quiz en b.v de titelpagina van de quiz maken we straks aan de hand van de graphics en kleurkeuze die we op deze pagina gebruiken. Wijzelf hebben in dit projekt gekozen voor een simpele layout. Bovenin beeld de titel van de quiz, dan een venster waarin de vragen zichtbaar gemaakt worden. Daaronder een viertal knoppen waaruit de gebruiker straks zijn keuze dient te maken en daaronder de regel 'Maak een keuze'. Zie plaatje -1- Het tekenen van deze pagina gaat als volgt; Eerst trokken we een zwart vierkant op het scherm. In dat vierkant dienen later de vragen getoond te worden. Om dit vierkant heen trokken we daarna een brede donkergrijs vierkant. Om de suggestie van hoogte te bewerkstelligen gaven we deze rand schuine kantjes. In het standaard palette van PPaint kwamen we echter 1 kleur grijs te kort, dus die moest eerst aangemaakt worden. Net als bij Dpaint kunt u ook bij PPaint op de letter P drukken om het palette op te roepen. De 5e kleur van het palette veranderden we in een grijze kleur met de waarde 187-187-187 waarmee die kleur net even donkerder is dan de achter grond kleur van het programma zelf. Vervolgens klikt u op het vergrootglas en trekt een klein vierkant om een van de hoeken van datgene wat u al getekend hebt op het scherm heen. Een deelvergroting van die hoek komt nu op het scherm. In deze hoek tekent u een diagonale lijn in de kleur grijs die we net aangemaakt hebben. Deze handeling herhaald u bij alle vier de hoeken. Wanneer u dat gedaan hebt gaat u naar het vul-symbool van PPaint en vult de zijvakken in dezelfde kleur grijs in. De onderkant laat u zoals die is en de bovenkant van het vak vult u met de kleur wit in. Om de suggestie van hoogte sterker te maken pakken we nu het hele vak als brush op. Dat doet u door eerst op de letter B te drukken, vervolgens de kruislijn met de RECHTER muisknop ingedrukt om het totale vak heen te trekken en dan de muisknop los te laten. De pagina is nu leeg, maar de tekening (brush) hangt nu aan uw pointer. We kiezen nu met de muis voor de kleur zwart in het palette en drukken nu 2X op de letter O.