Introduksjon

I denne oppgaven skal vi opprette en liste med bilder, og ved å trykke på port 0 på micro:biten skal et tilfeldig bilde vises på skjermen. Dette kan du bruke til å spå andre med!

Bilder av micro:biten og en som holder på portene 0 og GND

Micro:biten har fem store tilkoblinger på brettet, som vi kaller porter. Disse er koblet til store hull og er merket: 0, 1, 2, 3V og GND, på micro:biten.

Bilde av en micro:bit og påkoblede krokodilleklemmer

GND porten blir brukt for å fullføre en krets. Hvis du holder på GND-porten med en hånd, kan du programmere micro:biten til å oppdage at du berører 0, 1 eller 2 pinnen med den andre hånden (da bruker du kroppen din til å fullføre en elektrisk krets). Dette kan du bruke for å få micro:biten til å gjøre eller vise ulike ting. Du kan også få micro:biten til å sende signaler ut gjennom portene. Da kan du for eksempel sende ut en elektrisk spenning, og ved å koble på et leddlys med krokodilleklemmer, kan du få det til å lyse.

Du kan lese mer om portene på micro:biten her: microbit.org

Steg 1: Opprett liste

Klossene vis bilde og vis ikon i Basis lar deg vise bilder med en gang på micro:biten, men man kan også lagre bilder eller lister med bilder i variabler. I denne oppgaven skal vi gjøre sistnevnte.

Sjekkliste

Gå til kategorien Variabler, trykk på Lag en variabel og skriv inn "Bildeliste".
Klikk på Avansert, deretter på Lister og finn klossen som heter sett list til array of ("array of" betyr "liste av" på norsk). Plasser klossen i ved start og bytt navn på variabelen til "Bildeliste".
Fyll ut plassene i listen (der hvor det står tall) med klossenikonbilde som ligger i Avansert -> Bilder. Du kan utvide listen og legge til så mange bilder du vil ved å trykke på plusstegnet helt til høyre på liste-klossen. Legg til minst 5 bilder/ikoner.

let Bildeliste = [images.iconImage(IconNames.Heart), images.iconImage(IconNames.No)]

Steg 2: Velg et tilfeldig bilde

Når noen holder på portene GND og 0 på micro:biten skal et tilfeldig bilde velges. Vi gjør dette ved å velge et tilfeldig tall og lagre det i en variabel.

Sjekkliste

Lag en ny variabel som heter Tilfeldig bildenummer.

Elementene (her: bildene) i en liste er nummerert. Det første elementet har nummer 0, neste nummer 1 osv. Hvis listen din har 5 bilder, er de nummerert 0, 1, 2, 3, 4. Vi må derfor velge et tilfeldig tall mellom 0 og lengden av listen - 1.

Lag en kode som gjør at når man trykker på port 0, så settes variabelen Tilfeldig bildenummer til et tilfeldig tall. Lengde på liste-klossen finner du i Lister.
Koden din burde se ut som den under:

input.onPinPressed(TouchPin.P0, function () {
		let Bildeliste: Image[] = []
    Tilfeldig_bildenummer = Math.randomRange(0, Bildeliste.length - 1)
})

Kan man ikke bare velge et tilfeldig tall fra 0 til 4, tenker du kanskje? Jo, det kan du. Men nå kan du legge til flere bilder i listen uten å måtte oppdatere resten av koden. Dette trikset er nyttig når man har lang kode og store lister, så det er greit å lære seg.

Steg 3: Vis bilde

Nå skal vi vise bildet med det valgte bildenummeret på micro:biten.

Sjekkliste

Gå til kategorien Bilder og finn show image variabel at offset 0-klossen (vis bilde variabel med forskyvning 0). Vi skal ikke forskyve bildet, så la det stå 0 bakerst. Legg klossen under sett Tilfeldig bildenummer til... fra forrige steg.

Hadde vi lagret et bilde i en variabel, hadde vi brukt den variabelen nå til å erstatte myImage. Men her vi må hente ut et element (bilde) fra listen istedenfor.

Bruk klossen får en verdi ved fra Lister og erstatt list med variabelen vi har lagret bildelisten vår i, nemlig Bildeliste. Vi vil hente ut elementet med det nummeret som er lagret i Tilfeldig bildenummer, så vi erstatter 0 med denne variabelen. Erstatt myImage i klossen fra forrige punkt med blokken du nå har laget.

Test prosjektet

Nå har du laget alt du trenger!

Test koden din på simulatoren og/eller last den ned til micro:biten. Pass på at du holder jordporten (GND) samtidig som du trykker på port 0 hvis du tester på micro:biten.
Nå kan du prøve å spå fremtiden til den som tar på portene, om du vil.

Utfordring

Når man spår med kort trekker man ofte flere kort og tolker dem sammen. Klarer du å oppdatere koden din slik at en bildeserie på tre tilfeldige bilder vises istedenfor bare ett?

Flere ideer

Hvis du vil at spåen din skal se litt bedre ut, og bli litt enklere for den som blir spådd, kan du lage to store knapper som den som blir spådd kan holde på. Klipp ut to sirkler i papp og ta aluminiumsfolie rundt. Fest en krokodilleklemme på hver av sirklene. Den andre enden av krokodilleklemmene skal på port 0 og GND på micro:biten.
Prøv å spå flere personer. La en holde på 0 porten, og en annen holde på GND porten. Disse to må da holde hender eller ta high five for at elektriske signaler skal bli sendt gjennom. Kanskje går det an med flere enn to personer også hvis de lager en lenke?

Forbedre denne siden

Funnet en feil? Kunne noe vært bedre?
Hvis ja, vennligst gi oss tilbakemelding ved å lage en sak på Github eller fiks feilen selv om du kan. Vi er takknemlige for enhver tilbakemelding!

Rapporter et problem

Gå til forumet

Vis koden og fiks selv