Google Gemini med Canvas: bygg ett memoryspel

Uppgifterna är kontrollerade mot officiell dokumentation 23 oktober 2026. Tjänster ändras ofta, så jämför alltid med det du ser på skärmen.

Kort om tjänsten

Gemini är Googles AI-tjänst. Canvas är en funktion i Gemini: en arbetsyta som öppnas bredvid chatten. Där kan Gemini skriva dokument, kod, appar och spel, och du ser resultatet direkt i en förhandsvisning.

En nybörjare kan använda Canvas för att göra små övningsappar, quiz, spel och enkla sidor till undervisningen, bara genom att beskriva vad man vill ha.

Skillnaden mellan begreppen: Gemini är tjänsten, Canvas är funktionen, och bakom finns en AI-modell som du oftast inte behöver välja själv. Enligt Googles produktsida ger Google AI Pro och Google AI Ultra tillgång till Canvas med modellen Gemini 3 och ett större sammanhangsfönster för mer komplexa projekt.

Det här behöver du

• Ett Google-konto och inloggning på gemini.google.com.
• Ingen betalplan krävs: Googles produktsida anger att Canvas är tillgängligt för alla Gemini-användare. Betalplanerna Google AI Pro och Ultra ger mer avancerade möjligheter.
• Var funktionen finns: på datorn, under textfältet. Klicka på Add Files och välj Canvas. Menynamnen är hämtade från Googles engelska hjälpsida och kan heta något annat i ett svenskt gränssnitt.
• Tillgången kan variera mellan konton. Skol- och jobbkonton styrs av en administratör, och vissa funktioner är begränsade för användare under 18 år. Fråga din IT-ansvarige om du inte hittar Canvas.
• Personuppgifter: skriv aldrig in elevers namn eller andra personuppgifter i prompten.
• Skolans regler: enligt Skolverkets råd om AI-verktyg (öppnas i ny flik) bör lärare inte lämna personuppgifter eller elevtexter till AI-tjänster utan tillåtelse, och allt som AI skapar ska granskas mot kursplanen innan det används.

Ditt första projekt

Mål: Ett memoryspel där elever i årskurs 7 parar ihop matematiska begrepp med rätt förklaring. Du ska kunna spela det i förhandsvisningen och förbättra det med två eller tre följdpromptar.

Ungefärlig tid: 20 till 30 minuter

Steg för steg

1. Öppna gemini.google.com på en dator och logga in med ditt Google-konto.
2. Starta en ny chatt.
3. Klicka på Add Files under textfältet.
4. Välj Canvas.
5. Klistra in startprompten nedan i textfältet.
6. Klicka på Submit.
7. Vänta tills Canvas-panelen öppnas och visar förhandsvisningen av spelet.
8. Spela spelet: klicka på två kort och kontrollera att rätt par blir kvar.
9. Klicka på Code uppe till höger om du vill se koden. Klicka på Show console om något inte fungerar.
10. Skriv en följdprompt i chatten för att förbättra spelet.
11. Klicka på Share & export, välj Share och klicka på Copy link om du vill dela spelet.

Sparar och exporterar: enligt Googles hjälpsida sparas ändringar automatiskt. Under Share & export finns även Copy contents. Alternativen Export to Docs och Export to Slides gäller dokument, inte appar.

Viktigt vid delning: enligt Googles hjälpsida kan alla med den publika länken se och ändra appens data. Låt därför inte elever skriva personuppgifter i en delad app. Delade länkar öppnas bara på gemini.google.com, inte i Gemini-appen på mobilen.

Startprompt

Klistra in hela texten. Den beskriver exakt vad spelet ska göra, så att Gemini inte behöver gissa.

Skapa ett enkelt lärospel i Canvas som en enda sida med HTML, CSS och JavaScript. Allt ska vara på svenska.

Spelet är ett memoryspel för elever i årskurs 7 där de parar ihop matematiska begrepp med rätt förklaring.

• Använd 8 par, alltså 16 kort, som blandas slumpmässigt varje gång spelet startar.
• Paren är: summa = resultatet av en addition; differens = resultatet av en subtraktion; produkt = resultatet av en multiplikation; kvot = resultatet av en division; faktor = ett tal som ingår i en multiplikation; term = ett tal som ingår i en addition; täljare = talet ovanför bråkstrecket; nämnare = talet under bråkstrecket.
• Eleven klickar på två kort för att vända dem. Ett rätt par blir kvar uppvänt. Ett fel par vänds tillbaka efter ungefär en sekund.
• Visa hur många försök eleven har gjort. När alla par är hittade ska en text visas med antal försök och en knapp med texten Spela igen.
• Korten ska vara stora, ha tydliga färger och fungera på dator, surfplatta och mobil. Texten ska vara minst 18 pixlar.
• Spelet ska inte kräva inloggning, inga externa bibliotek och inte skicka någon data någonstans.

Följdpromptar

Skriv en följdprompt i taget i samma chatt och testa efter varje. Då ser du exakt vad som ändrades.

Spara bästa resultat

Lägg till en text som visar bästa antal försök medan sidan är öppen. Lägg också till en knapp som heter Ny omgång och som blandar korten igen utan att ladda om sidan.

Gör spelet tillgängligt

Gör spelet lättare att använda för fler elever. Korten ska gå att välja med tangentbordet med Tab och Enter. Färgerna ska ha tillräcklig kontrast. Ett kort som hör ihop med ett annat ska kunna skiljas åt även utan att man ser färg.

Lägg till svårighetsgrader

Lägg till tre svårighetsgrader som eleven väljer innan spelet startar: Lätt med 6 par, Medel med 8 par och Svår med 12 par. Hitta på fyra nya matematiska begrepp med korta förklaringar till Svår och visa dem i en lista när jag ber om det.

Så här kan resultatet se ut

Exempel, inte ett testat resultat. Beskrivningen visar vad du ska leta efter. Det du får kan se annorlunda ut.

En sida med en rubrik, en räknare för försök och ett rutnät med 16 kort. När du klickar på ett kort vänds det och visar ett begrepp eller en förklaring. Hittar du ett rätt par blir båda korten kvar. Hittar du ett fel par vänds de tillbaka efter en kort stund. När alla par är hittade visas en avslutande text och en knapp för att spela igen.

Granska innehållet. Kontrollera att varje begrepp har rätt förklaring innan du ger spelet till elever. AI kan skriva fel med stor säkerhet.

Vanliga problem och lösningar

Förhandsvisningen är tom eller visar ett fel

Klicka på Show console uppe till höger och kopiera felmeddelandet. Skriv sedan i chatten: Förhandsvisningen ger det här felet: (klistra in felet). Rätta felet och behåll resten av spelet.

Jag hittar inte Canvas under Add Files

Kontrollera att du är inloggad i Gemini. Om du använder ett skol- eller jobbkonto kan en administratör ha begränsat funktionen. Prova då med ett personligt konto för egen testning, men låt inte elever använda privata konton utan att skolan har bestämt det.

Min ändring gjorde spelet sämre

Klicka på Previous Version uppe i Canvas för att gå tillbaka till en tidigare version. Next Version tar dig framåt igen.

Jag vill ändra utseende på texten

Enligt Googles hjälpsida kan du bara ändra textstil och format i Gemini på webben på dator, inte på mobilen.

Länken fungerar inte på mobilen

Delade Canvas-länkar öppnas bara på gemini.google.com enligt Googles hjälpsida. Be mottagaren öppna länken i en webbläsare.

Egen övning

Gör spelet till ditt eget. Ändra ämne och begrepp så att det passar din kurs.

1. Skriv en ny prompt där du byter ut de åtta paren mot begrepp från ditt eget ämne.
2. Klicka på Select & ask längst ned till höger i Canvas-panelen, markera ett kort i förhandsvisningen och be Gemini ändra just det kortet.
3. Låt en kollega spela och fråga vad som var oklart. Skriv en följdprompt som rättar det.

Källor

Kontrollerade 23 oktober 2026:

• Google Gemini: Canvas (produktsida) (öppnas i ny flik)
• Gemini Apps Help: Create docs, apps & more with Canvas (öppnas i ny flik)
• Skolverket: Råd om AI, chattbottar och liknande verktyg (öppnas i ny flik)

Osäkerheter

Menynamnen kommer från den engelska hjälpsidan för datorversionen. Svenska namn och placering kan skilja sig. Exempeltexten under resultat är en beskrivning, inte ett test av en körning.