Basishandleiding programmeren met Alice

Basishandleiding

Alice

Atheneum 5, Tim Feikens, Paulien Kersse, Hendrik Huisman, Thijs de Vries, Lynn Holtjer en Gerard Huizingh 1

ďƒŁ Atheneum 5 (2006/2007)

Inhoudsopgave Inhoudsopgave ................................................................................................................. 2 Voorwoord......................................................................................................................... 3 Schermindeling en functies van Alice........................................................................... 4 Het bouwen van een virtuele wereld ........................................................................... 9 Schoolkantine..................................................................................................................11 Het voorbeeld..................................................................................................................17

2

ďƒŁ Atheneum 5 (2006/2007)

Voorwoord In deze handleiding zul je kennis gaan maken met het programma Alice. Dit is een programma waarmee een virtuele wereld kan worden gecreĂŤerd. De mogelijkheid bestaat om in deze wereld rond te lopen en te ervaren alsof je in een echte wereld bent.

In deze handleiding zullen we je stap voor stap leren hoe je een eenvoudige virtuele wereld kunt bouwen. We zullen eerst een uitleg geven over de schermindeling van Alice en de verschillende functies die Alice te bieden heeft. Daarna zullen we ingaan op de bouw van een virtuele wereld en leer je hoe je deze wereld moet programmeren.

3

ďƒŁ Atheneum 5 (2006/2007)

Schermindeling en functies van Alice Bij het opstarten van het programma Alice krijg je het volgende scherm te zien:

In het middelste scherm zie je enkele Tutorials. Dit zijn beginners handleidingen om met Alice te leren werken. Deze Tutorials zijn echter in het engels.

In dit middelste scherm klik je vervolgens op de knop “Templates�. Dan zie je het volgende scherm: 4

ďƒŁ Atheneum 5 (2006/2007)

In dit scherm kun je de gewenste ondergrond van de virtuele wereld die je wilt bouwen kiezen. In deze handleiding nemen wij de ondergrond “grass”. Klik hierop en klik vervolgens op Open.

Je krijgt het hoofdmenu te zien:

5

 Atheneum 5 (2006/2007)

Dit hoofdmenu is te verdelen in vijf verschillende vakken, deelgebieden. Ieder gebied heeft zijn eigen functie.

Hieronder zie je de vijf verschillende deelgebieden aangegeven:

6

ďƒŁ Atheneum 5 (2006/2007)

1. In dit vak kun je de wereld zien die je gebouwd hebt of die je aan het bouwen bent.

2. Als je je virtuele wereld hebt gebouwd kun in dit vak alle objecten zien die je hebt geplaatst in je wereld. Als je een object aanklikt krijg je de functies van dit object te zien in vak 3.

3. In dit vak krijg je zoals hierboven genoemd de functies te zien van het object dat je hebt aangeklikt, de “World details”. Je krijgt een overzicht met de mogelijkheden van die het object kan doen. Met deze functies kun je een “method” samenstellen en een object dus een opdracht geven.

4. Om een object iets te laten doen moet je de desbetreffende functie vanuit vak 3 verslepen naar vak 4. In dit vak programmeer je dus het object, je creëert een “method”. Met een “method” kun je dus een object een handeling laten uitvoeren, bijvoorbeeld een persoon een pas laten maken.

5. In dit vak maak je uiteindelijk een “event”, hierin kun je de “methods” plaatsen. Een “method” is een samenstelling van enkele eerder gekozen functies. In het “event” vak kun je meerdere “methods” plaatsen zodat deze na elkaar zullen plaatsvinden. Het “event”vak bepaalt dus wat er uiteindelijk in de wereld zal plaatsvinden.

7

 Atheneum 5 (2006/2007)

  



Met de “Play” knop, links boven in het scherm, speel je de wereld die je gebouwd / geprogrammeerd hebt af.

Met de knoppen “Undo” en “Redo” ernaast, kun je dingen ongedaan en weer gedaan maken.

Onderaan het vak van method zie je nog een rij met buttons: - Do in order: deze functie is automatisch al geselecteerd, je hebt namelijk een geel scherm. De taken zullen in deze volgorde opgevolgd worden.

- Do together: dit vak is bedoeld om taken tegelijk te laten plaatsvinden. Sleep dit vakje in het gele scherm, er verschijnt nu een paars vakje in het gele vak. De functies die je tegelijk wil laten plaatsvinden moet je nu in dit paarse vak slepen.

- If/else: dit vak is om iets te laten plaatsvinden op voorwaarde dat iets goed of fout is.

- Loop: dit vak is bedoeld om een functie te laten herhalen.

- While: is een vergelijkbare functie met If/else.

- For all in order: hiermee kun je een lijst maken waarmee je alle functies in een bepaalde volgorde kunt zetten.

- For all together: hiermee kun je een lijst maken van de functies die je tegelijk wilt laten plaatsvinden.

Je kunt een functie verwijderen door met de rechter muisknop op de functie of object te klikken en vervolgens op “delete” te klikken.

8

 Atheneum 5 (2006/2007)

Het bouwen van een virtuele wereld We gaan nu over op het bouwen van een virtuele wereld, je ziet het onderstaande scherm in het hoofdscherm:

Je hebt een lege wereld, we moeten dus objecten toevoegen. Klik in dat scherm op “Add Objects”, je krijgt dan het volgende scherm te zien:

9

 Atheneum 5 (2006/2007)

Onderaan het scherm zie je een rij met verschillende vakken, hierin bevinden zich objecten die je in je wereld kunt plaatsen. Klik bijvoorbeeld op het vak “Animals”, ga naar rechts en sleep een dier in je wereld. Je gaat weer terug door boven de rij met de dieren te klikken op “local gallery”.

Daarna kun je nog meer objecten plaatsen tot je tevreden over je wereld bent.

Rechtsboven zie je het volgende vak:

      

Met de muis kun je het object door de wereld bewegen.

Het vak er naast is om het object te vergroten in de hoogte.

Het 3e vak is om het object horizontaal om zijn as te laten draaien.

Het 4e vak is om het object verticaal om zijn as te laten draaien.

Met het 5e vak kun je de functies vak 3 en 4 tegelijk uit te laten voeren.

Het 6e vak is om het object in zijn geheel te laten vergroten.

Met het laatste vak kun je een object kopiëren.

Met de pijlen in het bovenstaande scherm kun je het camera standpunt aanpassen.

1. Hiermee kun je de camera omhoog, opzij en naar beneden bewegen.

10

 Atheneum 5 (2006/2007)

2. Hiermee kun je de camera naar voren en naar achteren laten bewegen, verder kun je de camera nog opzij laten draaien.

3. Hiermee kun je de camera naar voren en naar achteren laten rollen.

Als alles klaar is klik je op “Done” rechts in het scherm.

Schoolkantine 11

 Atheneum 5 (2006/2007)

We gaan nu een schoolkantine maken waarin jij kunt rondlopen door middel van pijltjestoetsen. Laten we eerst het programma Alice opstarten.

de

Neem de Grass template en ga daarna direct naar add objects. Laat het bouwen beginnen!  Ga naar web gallery, nu kom je alle modellen die op de site van Alice staan tegen, dit is handiger omdat je niet alles hoeft te downloaden van de site. Ga vervolgens naar enviroments.

Hier kies je de cafeteria uit en plaatst deze in de wereld. Als je het goed hebt gedaan krijg je dit beeld:

Misschien moet je je camera even draaien.  Laten we alvast een poppetje in onze kantine plaatsen, ga in plaats van enviroments terug naar web gallery en dan naar people. Kies hieruit de cheerleader, deze dame ziet er grafisch niet goed uit, dit bewijst maar weer eens dat iedereen met Alice om kan gaan. Plaats vervolgens enkele stoelen in de kantine, waar deze staan laten wij jou zelf over, misschien pik je enkele ideeën op voor eigen je wereld. Je kunt ook zelf stoelen in de wereld zetten. Onthoudt, gebruik de copy objects toets voor meerdere tafels en stoelen.

Je kunt ook stoelen bij de tafels zetten, maar wij laten dit nu even achterwege. We gaan nu programmeren, op de volgende pagina zie je hoe het eruit hoort te zien, zonder de stoelen en andere personen die je er zelf bij kunt maken.

12

 Atheneum 5 (2006/2007)



Als je tevreden bent over hoe het er nu uit ziet klik je op Done. Vervolgens begin je met het nadenken van wat je wilt gaan doen.

Dit is wat wij willen doen: 1. de camera als ik persoon laten bewegen met de pijltjes toetsen.

2. de cheerleader laten zingen of praten wanneer je de wereld start 3. Met een muisklik op de cheerleader ervoor zorgen dat zij iets over jou zegt, terwijl zij naar jou gaat kijken.

STAP 1 Om ervoor te zorgen dat je met de pijltjestoetsen de camera kan laten bewegen zodat het lijkt alsof jij echt door de kantine loopt maken wij rechtsboven een nieuw event.

Neem: Let the arrowkeys move object en kies als object de camera. Speel de wereld af en kijk of jij nu met de camera kan lopen. Kijk direct of de camera goed staat, pas hem indien nodig nog aan.

STAP 2 Onderaan kan je de first method aanpassen. Neem eerst doe together dat onderaan het scherm staat. Neem de cheerleader links boven en neem let cheerleader say, neem nu overige en typ”lalalalalalala” de dame zingt nu. Laat haar dit met de duration 2 seconden doen. Wat je ook kunt doen is een geluidsfile importeren en dan in plaats van say doe je play sound.

Onthoud het is niet echt praten maar een tekstballon, echte geluiden doe je met play sound.

STAP 3.

Maak een nieuwe method met create new method links onderin het scherm. Noem het cheer.

Laat de cheerleader in deze nieuwe methode Wat? zeggen. Zie stap 2 hoe je haar iets moet laten zeggen met gebruik van een tekstballon. Neem nu ook voor de cheerleader point at the

13

 Atheneum 5 (2006/2007)

camera in onder say wat?. Laat deze twee methodes vervolgens in do together plaatsen, want het moet wel samen goed lopen.

Nu gaan we haar laten springen en rondraaien!

Neem weer de cheerleader en schuif het onder say wat? Neem nu move up 1 meter. Pas direct de duration aan en versnel het naar 0.1 sec. Bij rondraaien nemen we ditmaal turn right,left,forward of backward wat je ook maar wilt, maar vergeet niet, doe wel 1 rotation.

Laat dit nu in 0.5 seconden gebeuren. Vergeet niet om het telkens te testen en wanneer het nodig is de snelheden aan te passen. De cheerleader moet nog wel naar beneden komen anders vliegt zij door het dak, nadat je twee keer op haar hebt geklikt. Laat haar weer move down 1 meter en de duration 0.1 seconden doen. Test het maar zonder move down en klik dan twee keer op je cheerleader, zoals je ziet zal zij door het dak vliegen.

Tenslotte ga je naar create new event en klik je op when the Mouse is clicked on somthing en kies voor something the entire cheerleader. Speel nu je wereld eens af.

Loop naar de cheerleader die net klaar is met zingen. Klik op haar en wat zie je dan? Springt zij en komt zij goed op de grond, dan is je wereld geslaagd. Zo ziet het er bij ons uit:

14

ďƒŁ Atheneum 5 (2006/2007)



Natuurlijk kun je andere dingen erbij maken, zoals je hieronder ziet:

15

ďƒŁ Atheneum 5 (2006/2007)

Tips:  Sla altijd tijdig op  Kijk altijd hoe je wereld werkt met play  Experimenteer  Snap je het niet, lees het dan nog eens over  Gebruik maken van de tutorials  Fouten maken is niet erg, je kunt ze makkelijk herstellen

Het voorbeeld 16

 Atheneum 5 (2006/2007)

Nu gaan we een eigen landschap maken van een man die loopt over een weg.

1. Open het programma Alice.

2. Selecteer bij templates “grass” en druk op ok.

3. Als het goed is heb je nu dit beeld op je beeldscherm:

4. Ga nu naar add objects en ga dan naar people om een poppetje in je wereld te zetten.

Dubbelklik met je linker muisknop op de people om dit menu te openen 5. Ga nu met de schuifbalk helemaal naar rechts tot je bij he en she builder aan bent beland.

Deze twee vakken zien er zo uit.

Wij gaan een man maken die over een straat loopt, klik dus op “hebuilder” 6. Als het goed is krijg je dit menu, wij gaan nu stap voor stap onze man maken.

17

 Atheneum 5 (2006/2007)

7. Het maken van een volmaakte Siegfried.  Onze man gaat Siegfried heten dus bij “name” voer je Siegfried in.  Ga nu elke menu langs om een man te maken die aan jouw behoeftes voldoet.  Tenslotte bij “Created By” je eigen naam.  Dit is onze Siegfried:

8. We gaan hem nu laten lopen. Gelukkig met: “he” en “she”builders kan dit gemakkelijk, aangezien zij een eigen methode hebben om te lopen.  Klik op Siegfried, nadat je op “done”hebt geklikt.  Beneden zie je zijn methodes, waaronder wat methodes die afwijken bij de gebruikelijke.

Schuif walk “SetWalkTime” naar World. “MyFirstMethod”.  Pas de duration aan naar 5 seconden en klik op play.

Zie op de volgende pagina hoe het scherm eruit hoort te zien voordat je op “Play”klikt.

18

 Atheneum 5 (2006/2007)

9. Siegfried loopt nu, maar hij gaat geen meter vooruit. Dit passen wij nu aan:  Verander eerst de camera zodat je Siegfried van opzij ziet, dit is handiger als je hem laat lopen. Je kunt Siegfried ook draaien, wat ook makkelijk kan zijn.  Maak een weg bij Buildings en vergroot deze, vervolgens plaats je de weg onder Siegfried.  Siegfried moet vooruit lopen. Bij methods, ga naar move. Schuif “move (forward)” nu onder Siegfried.walk SetWalkTime= 5. Onthoud neem move forward en niet move up, dit levert een ander resultaat op. Zet het aantal meters op 5 meter. Siegfried zou nu 5 meter per seconde lopen. Edoch, Twee problemen:  Ten eerste: Siegfried loopt eerst 5 seconden en gaat daarna pas 5 meter vooruit in 1 seconde.  Ten tweede: De duration van het move forward is 1 seconde.

Twee oplossingen!!  Om het eerste probleem op te lossen is er een knop onderaan getiteld “do together”.

Zet “do togheter”boven onze twee methods, en schuif daarna de twee methods in do together.  De oplossing voor het tweede probleem is vrij logisch. Siegfried loopt nu 5 seconden vijf meter vooruit, maar die vijf meter vooruit blijft 1 seconde. Pas dus de duration aan naar 5 seconden.  Zo moet het nu eruit zien, druk vervolgens op”play” en geniet!

De Camera.

19

 Atheneum 5 (2006/2007)

Wij willen nu dat de camera een pose aanneemt dat hij Siegfried in de verte ziet weglopen.  Verander eerst alle durations en meters van 5 naar 20.

10. De camera moet achter Siegfried komen dus neem Camera Set point of view ( bij methods) to Siegfried in het vakje do together, als je nu op Play klikt zie je dat de camera voor Siegfried verschijnt. De camera blijft op deze positie en je ziet Siegfried paseren.

11. Nu gaan wij de camera laten bewegen. De camera moet achter Siegfried blijven dus we stellen de tijd langer in zodat de camera trager blijft dan Siegfried. Ook zetten wij de meters lager zodat je niet in het achterwerk van Siegfried belandt.  zo moet het eruit zien. Druk nu eens op play!

De Omgeving.

12.  Zorg ervoor dat de camera nu achter Siegfried staat. Als je dit hebt gedaan kan je nu in principe “camera set point of view to Siegfried” verwijderen. Doe dit door met de rechtermuisknop op het oranje van deze method te klikken en delete te selecteren.  Wij gaan nu gebouwen plaatsen. Klik op de groene knop “add objects”. Ga dan naar Buildings en kies enkele grote gebouwen uit en plaats deze aan beide zijden van de weg.



Zo ziet het er uiteindelijk bij ons uit!

20

 Atheneum 5 (2006/2007)

21

ďƒŁ Atheneum 5 (2006/2007)