Mike Barkmin

Projekt Planen

Ablauf

Einstieg: Was macht ein gutes Spiel aus? (5–10 Minuten)

Zu Beginn wird gemeinsam im Plenum gesammelt, was ein gutes Spiel auszeichnet. Mögliche Leitfragen sind:

  • Was macht ein Spiel spannend?
  • Was macht ein Spiel fair?
  • Was motiviert zum Weiterspielen?

Die gesammelten Kriterien (z. B. klare Regeln, steigende Schwierigkeit, verständliches Feedback durch Punkte oder Effekte) dienen als Orientierung für die spätere Ideenentwicklung.

Erkunden des Game-Centers (15–20 Minuten)

Die Schüler:innen probieren im Game-Center mindestens drei verschiedene Spiele aus. Dabei erhalten sie einen kurzen Beobachtungsauftrag, in dem sie festhalten:

  • Titel des Spiels
  • Was hat mir gefallen?
  • Was hat mich gestört?
  • Eine erste Idee, wie man das Spiel verbessern könnte

Ziel ist es, nicht nur zu spielen, sondern Spiele bewusst zu beobachten und zu analysieren.

Auswahl eines Spiels (5 Minuten)

Anschließend wählen die Schüler:innen ein Spiel aus, das sie besonders anspricht und das sie weiterentwickeln möchten. Sie begründen ihre Wahl in ein bis zwei Sätzen, z. B.:

  • Warum dieses Spiel?
  • Welches Potenzial sehen sie darin?
  • Was würden sie gerne verändern?

Gruppenphase: Ideen zur Weiterentwicklung (15–20 Minuten)

Die Schüler:innen werden in Gruppen eingeteilt und entwickeln gemeinsam Ideen zur Weiterentwicklung ihres gewählten Spiels. Die Diskussion wird strukturiert anhand von drei Bereichen:

  • Gameplay / Regeln
    • Neue Hindernisse, Gegner oder Power-Ups
    • Neue Levels oder Spielmodi
  • Schwierigkeit
    • Soll das Spiel leichter oder schwerer werden?
    • Für welche Zielgruppe (Anfänger oder Fortgeschrittene)?
  • Optik und Feedback
    • Neue Figuren oder Hintergründe
    • Sounds, Animationen oder ein verändertes Punktesystem

Präsentation der Ideen und Feedbackrunde (15–20 Minuten)

Jede Gruppe präsentiert ihre Ideen der Klasse. Die Klasse gibt strukturiertes Feedback nach folgendem Schema:

  • 👍 Ein positives Feedback
  • 💡 Ein Verbesserungsvorschlag
  • ❓ Eine Frage zur Idee

Arbeitsblatt „Projekt Planen“ ausfüllen (15–20 Minuten)

Anschließend füllen die Schüler:innen das Arbeitsblatt „Projekt Planen“ (siehe Material) aus.

Die Arbeitsblätter werden von mir eingesammelt und dienen als Grundlage für die nächste Phase der Spieleentwicklung, in der die Schüler:innen ihre Ideen konkret umsetzen werden.

Materialien

Präsentationsfolien

Typst wird geladen...
Binärdateien
#import "@preview/polylux:0.4.0": * #import "@preview/metropolis-polylux:0.1.0" as metropolis #import metropolis: focus, new-section #show: metropolis.setup // ===== TITELFOLIE ===== #slide[ #set page(header: none, footer: none, margin: 3em) Spiele weiterentwickeln: Ideenphase #metropolis.divider #set text(size: .8em, weight: "light") Version 2.0 ] // ===== 1 ===== #slide[ #set align(top) = Was macht ein gutes Spiel aus? Murmelphase: Was macht für dich ein gutes Spiel aus? ] // ===== 2 ===== #slide[ = Game-Center erkunden Spiele mindestens _3 verschiedene Spiele_ und notiere: - Titel des Spiels - Was hat dir gefallen? - Was hat dich gestört? - Eine Idee zur Verbesserung #uncover(2)[ https://informatik.openpatch.org/6 -> Game Center ] ] // ===== 3 ===== #slide[ = Spiel auswählen Wähle _ein Spiel_, das du weiterentwickeln möchtest. Begründe kurz: - Warum dieses Spiel? - Welches Potenzial siehst du? - Was willst du verändern? ] // ===== 4 ===== #slide[ = Ideen in der Gruppe entwickeln Diskutiert in drei Bereichen: _Gameplay / Regeln_ - neue Hindernisse, Gegner, Power-Ups - neue Levels oder Spielmodi _Schwierigkeit_ - leichter oder schwerer? - für Anfänger oder Profis? _Optik & Feedback_ - neue Figuren / Hintergründe - Sounds, Animationen, Punkte ] // ===== 5 ===== #slide[ = Präsentation & Feedback Jede Gruppe präsentiert kurz ihre Idee. Die Klasse gibt: - 👍 1 positives Feedback - 💡 1 Verbesserungsvorschlag - ❓ 1 Frage zur Idee ] #slide[ = Arbeitsblatt: Projekt Planen - Schreibt eure Ideen auf das Arbeitsblatt. - Ich sammle die Arbeitsblätter am Ende der Stunde ein, damit ihr sie später als Hilfe für euer Spiel benutzen könnt. - So kann ich euch besser unterstützen, wenn ihr mit dem Programmieren beginnt. ] // ===== SCHLUSS ===== #slide[ #show: focus #text(size: 48pt, weight: "bold")[Los geht’s!] #text(size: 26pt)[Viel Spaß beim Spielen und Entwickeln 🎮] ]

Arbeitsblatt "Game Center erkunden"

Typst wird geladen...
Binärdateien
#set document(title: "Game-Center erkunden") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik], [Name: #box(width: 5cm, line(length: 100%, stroke: 0.5pt))], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set text(font: "Fira Sans") #let primary-color = rgb("#4A90E2") #let accent-color = rgb("#ba7720") #let game-card(number: 1, color: primary-color) = block( stroke: 2pt + color.lighten(30%), radius: 0.5cm, inset: 0pt, width: 100%, clip: true, below: 0.5cm, )[ // Titelzeile #block( fill: color.lighten(70%), inset: (x: 0.5cm, y: 0.35cm), width: 100%, )[ #grid( columns: (auto, 1fr, auto), gutter: 0.4cm, align: horizon, block( fill: color, radius: 0.3cm, inset: (x: 0.4cm, y: 0.2cm), )[ #text(fill: white, weight: "bold")[Spiel #number] ], block(inset: (left: 0.2cm))[ #text(weight: "bold", fill: color)[Spieltitel: ] #box(width: 1fr, line(length: 100%, stroke: 0.5pt + color.lighten(20%))) ], // Sterne-Bewertung block[ #text(size: 9pt, fill: color.darken(10%))[Meine Bewertung: ] #text(fill: rgb("#F59E0B"))[★ ★ ★ ★ ★] ], ) ] // Inhalt #block( inset: (x: 0.5cm, y: 0.4cm), width: 100%, )[ #grid( columns: (1fr, 1fr, 1fr), gutter: 0.4cm, // Gefallen block( fill: rgb("#f0faf0"), stroke: 1pt + rgb("#a3d9a5"), radius: 0.3cm, inset: 0.35cm, width: 100%, )[ #text(weight: "bold", fill: rgb("#2e7d32"), size: 0.95em)[👍 Hat mir gefallen] #v(0.15cm) #for i in range(3) { line(length: 100%, stroke: 0.5pt + gray) v(0.45cm) } ], // Gestört block( fill: rgb("#fff5f5"), stroke: 1pt + rgb("#f5a0a0"), radius: 0.3cm, inset: 0.35cm, width: 100%, )[ #text(weight: "bold", fill: rgb("#c62828"), size: 0.95em)[👎 Hat mich gestört] #v(0.15cm) #for i in range(3) { line(length: 100%, stroke: 0.5pt + gray) v(0.45cm) } ], // Verbesserung block( fill: rgb("#fff8f0"), stroke: 1pt + rgb("#f5c580"), radius: 0.3cm, inset: 0.35cm, width: 100%, )[ #text(weight: "bold", fill: rgb("#b45309"), size: 0.95em)[💡 Meine Idee] #v(0.15cm) #for i in range(3) { line(length: 100%, stroke: 0.5pt + gray) v(0.45cm) } ], ) ] ] #show heading: set text(fill: primary-color) = Game-Center erkunden Spiele mindestens *3 verschiedene Spiele* und fülle für jedes Spiel eine Karte aus. Kreise danach dein Lieblingsspiel ein – das kannst du später für die weitere Planung verwenden. #v(0.4cm) #game-card(number: 1, color: rgb("#4A90E2")) #game-card(number: 2, color: rgb("#7B68EE")) #game-card(number: 3, color: rgb("#4AA890"))

Arbeitsblatt „Projekt Planen“

Typst wird geladen...
Binärdateien
#set document(title: "Deine Spielidee weiterentwickeln") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik], [Name: #box(width: 5cm, line(length: 100%, stroke: 0.5pt))], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set text( font: "Fira Sans", ) // Farbpalette für freundlicheres Design #let primary-color = rgb("#4A90E2") // Freundliches Blau #let accent-color = rgb("#ba7720") // Frisches Grün #let lined-box(num: 2, spacing: 0.8cm, stroke: 0pt) = { let total-height = num * spacing block( width: 100%, height: total-height, inset: 0cm, stroke: stroke, )[ #v(spacing, weak: false) #for i in range(num) [ #v(spacing, weak: true) #line(length: 100%, stroke: 0.5pt + gray) ] ] } #show heading: set text(fill: primary-color) = Eine Spielidee weiterentwickeln == Mein Basisspiel Welches Spiel aus dem Game-Center hast du ausgewählt? #lined-box(num: 1, spacing: 1cm) Was gefällt dir besonders gut an diesem Spiel? #lined-box(num: 2, spacing: 1cm) #v(0.5cm) #columns(2, gutter: 0.5cm)[ #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.5cm, )[ == Neue Spielwelt & Farben Wo soll dein Spiel stattfinden? Welche Farben und Stimmung möchtest du? #lined-box(num: 5, spacing: 1cm) ] #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.5cm, width: 100%, )[ == Neue Charaktere Welche Figuren sollen in deinem Spiel vorkommen? #lined-box(num: 5, spacing: 1cm) ] #colbreak() #block( stroke: 2pt + primary-color.lighten(30%), inset: 0.5cm, radius: 0.5cm, width: 100%, )[ == Neue Level & Features Was soll anders sein? Neue Hindernisse? Neue Fähigkeiten? Schwieriger oder einfacher? #lined-box(num: 5, spacing: 1cm) ] #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.5cm, width: 100%, )[ == Mein Spielziel Was müssen Spieler*innen tun, um dein Spiel zu gewinnen? #lined-box(num: 5, spacing: 1cm) ] ] #pagebreak() #show heading: set text(fill: accent-color) = Mein Spielkonzept visualisieren Gestalte hier dein Moodboard: Sammle Bilder, Farben, Skizzen und Ideen, die zeigen, wie dein Spiel aussehen soll. Du kannst zeichnen oder Bilder aufkleben. #block(height: 1fr)[ #grid( columns: (1fr, 1fr, 1fr, 1fr), rows: (1fr, 3fr, 3fr), gutter: 0.5cm, block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ == Moodboard #text(size: 10pt)[ Farben, Stimmung, Stil ] ], block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ ], block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ ], block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ ], grid.cell(colspan: 2)[ #block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ Male ein Bild deiner Spielwelt. ] ], grid.cell(colspan: 2, rowspan: 2)[ #block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ Hier hast du Platz für weitere Skizzen, Bilder oder Notizen zu deinem Spielkonzept. ] ], grid.cell(colspan: 2)[ #block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ Male deine Hauptfigur oder deine Lieblingsszene aus deinem Spiel. ] ], ) ]

Beispiel für ausgefülltes Arbeitsblatt

Typst wird geladen...
Binärdateien
#set document(title: "Beispiellösung: Spielidee weiterentwickeln") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik – Beispiellösung], [Name: _Mia Mustermann_], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set text(font: "Fira Sans") #let primary-color = rgb("#4A90E2") #let accent-color = rgb("#ba7720") #let example-color = rgb("#2e7d32") // Hilfsfunktion für ausgefüllte Zeilen #let filled-line(content) = { block(width: 100%, inset: (y: 0cm))[ #text(fill: example-color, size: 0.7em, style: "italic")[#content] #line(length: 100%, stroke: 0.5pt + gray) ] } #let lined-box-filled(..lines) = { let items = lines.pos() for item in items { filled-line(item) } let remaining = 0 } #show heading: set text(fill: primary-color) = Eine Spielidee weiterentwickeln == Mein Basisspiel Welches Spiel aus dem Game-Center hast du ausgewählt? #filled-line("Den Donut-Klicker") #v(0.2cm) Was gefällt dir besonders gut an diesem Spiel? #filled-line("Ich mag, dass man sich immer neue Helfer kaufen kann.") #filled-line("Es macht Spaß zu sehen, wie die Klicks immer schneller werden.") #v(0.5cm) #columns(2, gutter: 0.5cm)[ #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.5cm, )[ == Neue Spielwelt & Farben Wo soll dein Spiel stattfinden? Welche Farben und Stimmung möchtest du? #filled-line("In einer Bäckerei – warm und gemütlich.") #filled-line("Viel Orange, Braun und Gelb.") #filled-line("Im Hintergrund Regale mit Kuchen und Brot.") #filled-line("Dampf steigt aus dem Ofen auf.") #filled-line("Fröhliche, ruhige Stimmung.") ] #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.5cm, width: 100%, )[ == Neue Charaktere Welche Figuren sollen in deinem Spiel vorkommen? #filled-line("Ein Bäcker mit Mütze als Hauptfigur.") #filled-line("Kleine Mäuse als automatische Klicker.") #filled-line("Eine Katze, die die Mäuse antreibt.") #filled-line("Ein Kunde, der ungeduldig wartet.") #filled-line("Ein fliegender Donut als Boss-Gegner.") ] #colbreak() #block( stroke: 2pt + primary-color.lighten(30%), inset: 0.5cm, radius: 0.5cm, width: 100%, )[ == Neue Level & Features Was soll anders sein? Neue Hindernisse? Neue Fähigkeiten? Schwieriger oder einfacher? #filled-line("Statt Donuts backt man Croissants und Torten.") #filled-line("Manchmal kommt ein Gesundheitsinspektor – Klicken stoppen!") #filled-line("Power-Up: Doppelte Punkte für 10 Sekunden.") #filled-line("Je mehr Helfer, desto lauter wird die Musik.") #filled-line("Ab 1000 Punkten öffnet man eine neue Backstube.") ] #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.5cm, width: 100%, )[ == Mein Spielziel Was müssen Spieler*innen tun, um dein Spiel zu gewinnen? #filled-line("10 000 Croissants backen.") #filled-line("Alle 5 Backstuben freischalten.") #filled-line("Den fliegenden Donut als Boss besiegen.") #filled-line("Den Gesundheitsinspektor dreimal überlisten.") #filled-line("Die beste Bäckerei der Stadt werden.") ] ] #pagebreak() #show heading: set text(fill: accent-color) = Mein Spielkonzept visualisieren Gestalte hier dein Moodboard: Sammle Bilder, Farben, Skizzen und Ideen, die zeigen, wie dein Spiel aussehen soll. Du kannst zeichnen oder Bilder aufkleben. #block(height: 1fr)[ #grid( columns: (1fr, 1fr, 1fr, 1fr), rows: (1fr, 3fr, 3fr), gutter: 0.5cm, // Moodboard Label block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ == Moodboard #text(size: 10pt)[ Farben, Stimmung, Stil ] ], // Farbpalette block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ #text(size: 9pt, fill: accent-color, weight: "bold")[Farben:] #v(0.1cm) #grid( columns: (1fr, 1fr), rows: (0.5cm, 0.5cm), gutter: 0.2cm, block(fill: rgb("#F97316"), radius: 0.2cm, height: 0.5cm, width: 100%)[], block(fill: rgb("#92400E"), radius: 0.2cm, height: 0.5cm, width: 100%)[], block(fill: rgb("#FDE68A"), radius: 0.2cm, height: 0.5cm, width: 100%)[], block(fill: rgb("#D1FAE5"), radius: 0.2cm, height: 0.5cm, width: 100%)[], ) ], // Stimmung block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ #text(size: 9pt, fill: accent-color, weight: "bold")[Stimmung:] #v(0.1cm) #text(size: 9pt, style: "italic", fill: example-color)[ warm, gemütlich, witzig, entspannt ] ], // Stil block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ #text(size: 9pt, fill: accent-color, weight: "bold")[Stil:] #v(0.1cm) #text(size: 9pt, style: "italic", fill: example-color)[ cartoon-artig, rund, bunt, niedlich ] ], // Spielwelt Zeichnung grid.cell(colspan: 2)[ #block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ #text(size: 9pt, fill: accent-color, weight: "bold")[Spielwelt: Die Bäckerei 🥐] #v(0.1cm) // Einfache ASCII-artige Skizze der Bäckerei #align(center)[ #block(width: 90%, height: 80%)[ #set text(size: 8pt, fill: rgb("#555")) #grid( columns: (1fr, 1fr, 1fr), gutter: 0.3cm, // Ofen block( fill: rgb("#92400E"), radius: 0.3cm, inset: 0.3cm, height: 3cm, )[ #align(center)[ #text(size: 1.5em)[🔥] #v(0.1cm) #text(fill: white, weight: "bold", size: 8pt)[Ofen] ] ], // Croissant in der Mitte block( fill: rgb("#FDE68A"), radius: 0.3cm, inset: 0.3cm, height: 3cm, )[ #align(center)[ #text(size: 2em)[🥐] #v(0.1cm) #text(fill: rgb("#92400E"), weight: "bold", size: 8pt)[KLICK!] ] ], // Regal block( fill: rgb("#F97316").lighten(60%), radius: 0.3cm, inset: 0.3cm, height: 3cm, )[ #align(center)[ #text(size: 1.2em)[🍰🧁🍩] #v(0.1cm) #text(fill: rgb("#92400E"), size: 8pt)[Regal] ] ], ) #v(0.2cm) #align(center)[ #text(size: 0.9em)[🐭 🐭 🐭 #h(0.5cm) ← automatische Klicker (Mäuse)] ] ] ] ] ], // Großes Feld rechts grid.cell(colspan: 2, rowspan: 2)[ #block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ #text(size: 9pt, fill: accent-color, weight: "bold")[Notizen & Ideen 💡] #v(0.2cm) #text(size: 8.5pt, fill: example-color, style: "italic")[ - Helfer kaufen: Maus (10 Pts), Katze (100 Pts), Bäcker-Roboter (1000 Pts) \ - Sound: Kasse klingelt bei jedem Kauf \ - Gesundheitsinspektor erscheint alle 2 Minuten zufällig \ - Boss "Der fliegende Donut" taucht bei 5000 Pts auf \ - Highscore-Liste für die ganze Klasse? ] ] ], // Hauptfigur grid.cell(colspan: 2)[ #block( stroke: 2pt + accent-color, radius: 0.5cm, inset: 0.5cm, height: 100%, width: 100%, )[ #text(size: 9pt, fill: accent-color, weight: "bold")[Hauptfigur & Helfer 🐭] #v(0.1cm) #grid( columns: (1fr, 1fr, 1fr, 1fr), gutter: 0.3cm, block(fill: rgb("#FDE68A"), radius: 0.3cm, inset: 0.3cm)[ #align(center)[ #text(size: 1.5em)[👨‍🍳] #v(0.05cm) #text(size: 7pt)[Bäcker\ (du)] ] ], block(fill: rgb("#FDE68A"), radius: 0.3cm, inset: 0.3cm)[ #align(center)[ #text(size: 1.5em)[🐭] #v(0.05cm) #text(size: 7pt)[Maus\ 10 Pts] ] ], block(fill: rgb("#FDE68A"), radius: 0.3cm, inset: 0.3cm)[ #align(center)[ #text(size: 1.5em)[🐱] #v(0.05cm) #text(size: 7pt)[Katze\ 100 Pts] ] ], block(fill: rgb("#FDE68A"), radius: 0.3cm, inset: 0.3cm)[ #align(center)[ #text(size: 1.5em)[🤖] #v(0.05cm) #text(size: 7pt)[Roboter\ 1000 Pts] ] ], ) ] ], ) ]

Informationstexte

Die Informationstext sind mit Claude Sonnet 4.6 erstellt und von mir überarbeitet worden. Sie dienen als Hintergrundinformationen für die Lehrkraft, um die Schüler:innen bei Fragen zum Thema Spieleentwicklung kompetent unterstützen zu können.

Ablauf Spielentwicklung
Typst wird geladen...
Binärdateien
#set document(title: "Wie entsteht ein Spiel?") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik], [Name: #box(width: 5cm, line(length: 100%, stroke: 0.5pt))], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set text(font: "Fira Sans") #let primary-color = rgb("#4A90E2") #let accent-color = rgb("#ba7720") #let phase-block(emoji: "", title: "", color: primary-color, body) = block( stroke: 2pt + color.lighten(30%), radius: 0.5cm, inset: 0.6cm, width: 100%, below: 0.4cm, )[ #grid( columns: (auto, 1fr), gutter: 0.5cm, align: top, block( fill: color.lighten(70%), radius: 0.3cm, inset: 0.35cm, )[#text(size: 1.8em)[#emoji]], [ #text(weight: "bold", fill: color, size: 1.1em)[#title] #v(0.2cm) #body ], ) ] #show heading: set text(fill: primary-color) = Wie entsteht ein Spiel? Viele denken, ein Spiel zu entwickeln bedeutet: hinsetzen, programmieren, fertig. In Wirklichkeit steckt dahinter ein langer Prozess, bei dem viele Menschen zusammenarbeiten – und bei dem Code oft erst spät eine Rolle spielt. Ein professionelles Spiel durchläuft mehrere Phasen, die manchmal Monate oder sogar Jahre dauern. #v(0.4cm) #phase-block(emoji: "💡", title: "Phase 1: Die Idee", color: rgb("#4A90E2"))[ Alles beginnt mit einer Frage: Welches Spiel wollen wir machen? Das klingt einfach, ist aber oft die schwierigste Phase. Das Team diskutiert viele Ideen – die meisten davon landen im Papierkorb. Am Ende bleibt ein Konzept übrig: Welches Genre ist es? Was macht das Spiel besonders? Wer soll es spielen? Diese Fragen werden in einem kurzen Dokument festgehalten, dem sogenannten *Pitch*. Beim Studio hinter Minecraft dauerte es nur wenige Tage, bis die erste Idee stand. Bei anderen Spielen kann diese Phase Wochen dauern, weil sich das Team nicht einigen kann. ] #phase-block(emoji: "📋", title: "Phase 2: Das Design-Dokument", color: rgb("#7B68EE"))[ Bevor irgendjemand programmiert, schreibt das Team ein ausführliches Design-Dokument – manchmal hunderte Seiten lang. Darin steht alles: Wie funktioniert die Steuerung? Wie sehen die Level aus? Welche Gegner gibt es? Welche Musik läuft im Hintergrund? Das klingt bürokratisch, ist aber wichtig – denn wenn später 50 Personen an einem Spiel arbeiten, müssen alle wissen, was das Ziel ist. Game Designerinnen und Game Designer verbringen einen Großteil ihrer Arbeitszeit genau hier: mit Schreiben, Zeichnen und Planen. ] #phase-block(emoji: "🔨", title: "Phase 3: Der Prototyp", color: rgb("#E2844A"))[ Jetzt wird zum ersten Mal etwas gebaut – aber noch kein richtiges Spiel. Ein Prototyp ist eine schnelle, oft hässliche Version, die nur eine einzige Frage beantworten soll: Macht das überhaupt Spaß? Die Grafik ist egal, die Musik fehlt, Fehler sind überall. Aber wenn das Team nach zehn Minuten Testen lacht und weiterspielen will, ist das ein gutes Zeichen. Wenn nicht, wird die Idee verändert oder manchmal komplett weggeworfen. Viele große Studios werfen in dieser Phase mehrere Prototypen weg, bevor sie weitermachen. ] #phase-block(emoji: "⚙️", title: "Phase 4: Die Entwicklung", color: rgb("#4AA890"))[ Jetzt beginnt die eigentliche Arbeit – und sie dauert am längsten. Programmiererinnen und Programmierer schreiben den Code, Artists zeichnen die Figuren und Welten, Sound Designer komponieren die Musik und Soundeffekte. Alle arbeiten gleichzeitig, und täglich entstehen neue Probleme: Ein Feature funktioniert nicht wie geplant, ein Level fühlt sich langweilig an, die Steuerung reagiert zu langsam. Diese Phase heißt auch *Production* und kann bei großen Spielen wie GTA oder The Legend of Zelda mehrere Jahre dauern. Kleinere Indie-Spiele schaffen es manchmal in wenigen Monaten. ] #phase-block(emoji: "🐛", title: "Phase 5: Testen und Verbessern", color: rgb("#A84A6E"))[ Kurz vor dem Ende kommt eine Phase, die viele unterschätzen: das Testen. Sogenannte *Tester* spielen das Spiel stundenlang – nicht zum Spaß, sondern um Fehler zu finden. Sie dokumentieren jeden Absturz, jede kaputte Animation, jede Stelle im Spiel, die unfair oder verwirrend wirkt. Die Programmiererinnen und Programmierer beheben diese Fehler, und danach wird erneut getestet. Dieser Kreislauf wiederholt sich so oft, bis das Spiel stabil genug ist. Bei großen Spielen werden manchmal tausende Fehler gefunden und behoben – bevor das Spiel überhaupt erscheint. ] #phase-block(emoji: "🚀", title: "Phase 6: Veröffentlichung und danach", color: rgb("#ba7720"))[ Das Spiel erscheint – aber die Arbeit ist noch nicht vorbei. Spielerinnen und Spieler finden Fehler, die beim Testen übersehen wurden. Sie wünschen sich neue Inhalte oder beschweren sich über bestimmte Stellen. Das Team veröffentlicht *Updates* und *Patches*, um das Spiel zu verbessern. Manche Spiele werden über Jahre hinweg weiterentwickelt – Minecraft zum Beispiel bekommt bis heute regelmäßig neue Inhalte, obwohl es bereits 2011 erschienen ist. ] #v(0.4cm) // Aufgabe #block( fill: primary-color.lighten(85%), stroke: 1.5pt + primary-color.lighten(40%), radius: 0.4cm, inset: 0.5cm, width: 100%, )[ #text(weight: "bold", fill: primary-color)[✏️ Deine Aufgabe] #v(0.2cm) #grid( columns: (1fr, 1fr), gutter: 0.5cm, [ *1. Markiere im Text:* Unterstreiche grün, was dich überrascht hat. Unterstreiche rot, was du dir anders vorgestellt hast. ], [ *2. Ein Satz:* Die Phase, die mich am meisten interessiert, ist #v(0.2cm) #line(length: 100%, stroke: 0.5pt) #v(0.3cm) weil #line(length: 100%, stroke: 0.5pt) #v(0.3cm) #line(length: 100%, stroke: 0.5pt) ], ) ]
Berufe Spieleentwicklung
Typst wird geladen...
Binärdateien
#set document(title: "Berufe in der Spieleentwicklung") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik], [Name: #box(width: 5cm, line(length: 100%, stroke: 0.5pt))], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set text( font: "Fira Sans", ) #let primary-color = rgb("#4A90E2") #let accent-color = rgb("#ba7720") #show heading: set text(fill: primary-color) = Berufe in der Spieleentwicklung Wer steckt eigentlich hinter deinen Lieblingsspielen? Ein Spiel entsteht nie alleine – ein ganzes Team aus verschiedenen Fachleuten arbeitet zusammen. Hier lernst du zwei wichtige Berufe kennen. #v(0.5cm) // Card 1: Programmierer/in #block( stroke: 2pt + primary-color.lighten(30%), radius: 0.5cm, inset: 0.7cm, width: 100%, )[ == Programmierer / Programmiererin #text(weight: "bold")[Was macht man in diesem Beruf?] Programmiererinnen und Programmierer schreiben den Code, der ein Spiel zum Leben erweckt. Sie sorgen dafür, dass sich der Charakter bewegt, wenn du eine Taste drückst, dass Punkte gezählt werden und dass das Spiel nicht abstürzt. Ohne Code passiert im Spiel – gar nichts. #v(0.3cm) #text(weight: "bold")[Ein typischer Arbeitstag] Morgens checkt Sarah ihren Auftrag: Die Sprunganimation des Helden funktioniert nicht richtig – er fliegt manchmal durch Wände. Sie öffnet den Code, sucht den Fehler, testet, testet, testet, und schließlich springt der Held wie gewünscht. Nachmittags baut sie ein neues Feature ein: Münzen sollen beim Einsammeln leuchten. Dafür schreibt sie rund 50 Zeilen Code. #v(0.3cm) #grid( columns: (1fr, 1fr), gutter: 0.5cm, block( fill: primary-color.lighten(70%), radius: 0.3cm, inset: 0.4cm, )[ #text(weight: "bold")[Das macht Spaß:] - Probleme lösen - Kreativ mit Code sein - Sehen, wie etwas funktioniert ], block( fill: rgb("#fde8e8"), radius: 0.3cm, inset: 0.4cm, )[ #text(weight: "bold")[Das ist manchmal schwierig:] - Fehler finden, die sich gut verstecken - Viel Geduld brauchen - Stundenlang konzentriert bleiben ], ) #v(0.3cm) #block( fill: primary-color.lighten(80%), radius: 0.3cm, inset: 0.4cm, )[ #text(weight: "bold")[Wusstest du?] Bekannte Spiele wie Minecraft oder Fortnite bestehen aus Millionen von Codezeilen. Das Programmierteam kann aus über 100 Personen bestehen. ] ] #v(0.5cm) // Aufgabe Seite 1 #block( fill: primary-color.lighten(85%), stroke: 1.5pt + primary-color.lighten(40%), radius: 0.4cm, inset: 0.5cm, width: 100%, )[ #text(weight: "bold", fill: primary-color)[✏️ Deine Aufgabe] #v(0.2cm) #grid( columns: (1fr, 1fr), gutter: 0.5cm, [ *1. Markiere im Text:* Unterstreiche grün, was dich an diesem Beruf anspricht. Unterstreiche rot, was dich nicht anspricht. ], [ *2. Ein Satz:* Dieser Beruf passt / passt nicht zu mir, #v(0.4cm) weil #box(width: 1fr, line(length: 100%, stroke: 0.5pt)) #v(0.5cm) #line(length: 100%, stroke: 0.5pt) ], ) ] #pagebreak() // Card 2: Game Designer/in #block( stroke: 2pt + accent-color.lighten(30%), radius: 0.5cm, inset: 0.7cm, width: 100%, )[ #show heading: set text(fill: accent-color) == Game Designer / Game Designerin #text(weight: "bold")[Was macht man in diesem Beruf?] Game Designerinnen und Game Designer erfinden das Spiel. Sie entscheiden: Wie sehen die Level aus? Wie schwer ist das Spiel? Welche Regeln gelten? Was macht Spaß – und was frustriert die Spieler? Sie denken sich das Erlebnis aus, bevor überhaupt eine Zeile Code geschrieben wird. #v(0.3cm) #text(weight: "bold")[Ein typischer Arbeitstag] Jonas sitzt heute nicht am Computer, sondern am Tisch mit Stift und Papier. Er zeichnet ein neues Level: Wo sind die Gegner? Wo lauert eine Falle? Wo gibt es ein Geheimnis? Dann erklärt er seine Idee dem Team. Die Programmiererin fragt: „Wie soll der Spieler merken, dass er die falsche Richtung geht?" Jonas denkt nach – eine gute Frage. Er überarbeitet seinen Plan. #v(0.3cm) #grid( columns: (1fr, 1fr), gutter: 0.5cm, block( fill: accent-color.lighten(70%), radius: 0.3cm, inset: 0.4cm, )[ #text(weight: "bold")[Das macht Spaß:] - Eigene Ideen umsetzen - Spiele spielen als Arbeit - Mit vielen Menschen zusammenarbeiten ], block( fill: rgb("#fde8e8"), radius: 0.3cm, inset: 0.4cm, )[ #text(weight: "bold")[Das ist manchmal schwierig:] - Ideen erklären, die noch keiner sieht - Kritik annehmen, wenn etwas nicht klappt - Kompromisse mit dem Team finden ], ) #v(0.3cm) #block( fill: accent-color.lighten(80%), radius: 0.3cm, inset: 0.4cm, )[ #text(weight: "bold")[Wusstest du?] Shigeru Miyamoto erfand Mario, Zelda und Donkey Kong. Er sagte einmal, dass ein schlechtes Spiel für immer schlecht bleibt – aber ein verspätetes Spiel irgendwann gut werden kann. ] ] #v(0.5cm) // Aufgabe Seite 2 #block( fill: accent-color.lighten(85%), stroke: 1.5pt + accent-color.lighten(40%), radius: 0.4cm, inset: 0.5cm, width: 100%, )[ #show heading: set text(fill: accent-color) #text(weight: "bold", fill: accent-color)[✏️ Deine Aufgabe] #v(0.2cm) #grid( columns: (1fr, 1fr), gutter: 0.5cm, [ *1. Markiere im Text:* Unterstreiche grün, was dich an diesem Beruf anspricht. Unterstreiche rot, was dich nicht anspricht. ], [ *2. Ein Satz:* Dieser Beruf passt / passt nicht zu mir, #v(0.4cm) weil #box(width: 1fr, line(length: 100%, stroke: 0.5pt)) #v(0.5cm) #line(length: 100%, stroke: 0.5pt) ], ) ]
Geschichte Spieleentwicklung
Typst wird geladen...
Binärdateien
#set document(title: "Die Geschichte der Spieleentwicklung") #set page( paper: "a4", margin: (x: 1cm, y: 3cm), header: [ #set text(size: 10pt) #grid( columns: (1fr, 1fr), align: (left, right), [Informatik], [Name: #box(width: 5cm, line(length: 100%, stroke: 0.5pt))], ) ], footer: [ #set text(size: 9pt) #grid( columns: (1fr, 1fr), align: (left, right), [Version 1.0], [Mike Barkmin CC-BY-SA], ) ], ) #set text(font: "Fira Sans") #let primary-color = rgb("#4A90E2") #let accent-color = rgb("#ba7720") #let milestone-block(year: "", emoji: "", title: "", color: primary-color, body) = block( stroke: 2pt + color.lighten(30%), radius: 0.4cm, inset: 0pt, width: 100%, clip: true, )[ #grid( columns: (2.2cm, auto, 1fr), gutter: 0cm, align: top, // Jahr-Badge block( fill: color, inset: (x: 0.4cm, y: 0.5cm), width: 100%, )[ #set text(fill: white, weight: "bold", size: 1.05em) #align(center)[#year] ], // Emoji-Streifen block( fill: color.lighten(60%), inset: (x: 0.3cm, y: 0.5cm), )[ #align(center)[#text(size: 1.5em)[#emoji]] ], // Inhalt block( inset: 0.5cm, width: 100%, )[ #text(weight: "bold", fill: color)[#title] #v(0.15cm) #body ], ) ] #show heading: set text(fill: primary-color) = Die Geschichte der Spieleentwicklung Heute gibt es Milliarden von Spielerinnen und Spielern weltweit, und die Spielebranche macht mehr Umsatz als Hollywood und die Musikindustrie zusammen. Das war nicht immer so. Alles begann mit einem einfachen Experiment an einer Universität – und einem blinkenden Punkt auf einem Bildschirm. #v(0.5cm) #milestone-block(year: "1958", emoji: "🎾", title: "Der erste Schritt – Tennis for Two", color: rgb("#4A90E2"))[ Ein Physiker namens William Higinbotham bastelte an einem Oszilloskop – einem Messgerät für elektrische Signale – und programmierte ein einfaches Tennisspiel darauf. Zwei Spieler konnten einen Punkt hin- und herschicken. Es war kein Produkt, keine Erfindung, nur ein Experiment. Dennoch gilt es als eines der ersten interaktiven Spiele überhaupt. Die meisten Menschen, die es damals sahen, hatten keine Ahnung, was daraus eines Tages werden würde. ] #v(0.3cm) #milestone-block(year: "1972", emoji: "🕹️", title: "Pong – das erste kommerzielle Spiel", color: rgb("#7B68EE"))[ Das Unternehmen Atari veröffentlichte *Pong* – ein simples Tischtennis-Spiel mit zwei Strichen und einem Quadrat. Es war das erste Videospiel, das kommerziell erfolgreich war. Automaten standen in Kneipen und Spielhallen, und die Menschen warteten Schlange, um 25 Cent einzuwerfen. Damit begann die Spielebranche als echtes Geschäft. Atari wurde in den folgenden Jahren zum wertvollsten Unterhaltungsunternehmen der USA. ] #v(0.3cm) #milestone-block(year: "1985", emoji: "🍄", title: "Super Mario Bros. – Spiele werden zu Kunst", color: rgb("#E2844A"))[ Nintendo veröffentlichte *Super Mario Bros.* für die Heimkonsole NES. Das Spiel zeigte zum ersten Mal, dass Videospiele mehr sein konnten als eine technische Spielerei: Es gab eine Welt zu erkunden, Geheimnisse zu entdecken, eine Figur, mit der man mitfiebert. Designer Shigeru Miyamoto baute Ideen ein, die bis heute in fast jedem Spiel stecken – zum Beispiel, dass ein Spiel am Anfang einfach ist und langsam schwieriger wird. Super Mario Bros. rettete die Spielebranche, die nach dem großen Videospielcrash 1983 fast zusammengebrochen war. ] #v(0.3cm) #milestone-block(year: "1993", emoji: "🔫", title: "Doom – die Geburt des 3D-Spiels", color: rgb("#A84A6E"))[ Das Studio id Software veröffentlichte *Doom* – ein Spiel, das die Welt aus der Ego-Perspektive zeigte, dreidimensional und rasend schnell. Das war damals eine technische Sensation. Doom lief auf fast jedem Computer, und Millionen luden es kostenlos herunter – eines der ersten erfolgreichen Spiele, das digital verteilt wurde. Es legte den Grundstein für das Genre der Ego-Shooter und bewies, dass kleine unabhängige Studios genauso wichtig sein können wie große Unternehmen. ] #v(0.3cm) #milestone-block(year: "2000", emoji: "🌐", title: "Online-Spiele verändern alles", color: rgb("#4AA890"))[ Mit dem Internet änderte sich, wie Menschen spielten. Spiele wie *Counter-Strike* oder später *World of Warcraft* brachten Millionen von Spielerinnen und Spielern zusammen – nicht mehr im selben Zimmer, sondern über die ganze Welt verteilt. Plötzlich war ein Spiel nie wirklich fertig: Es wurde ständig aktualisiert, neue Inhalte kamen hinzu, und eine Gemeinschaft bildete sich rund um jedes Spiel. Das Modell, das wir heute von Fortnite oder League of Legends kennen, hat seine Wurzeln in dieser Zeit. ] #v(0.3cm) #milestone-block(year: "2011", emoji: "⛏️", title: "Minecraft – jeder kann ein Spieleentwickler sein", color: rgb("#ba7720"))[ *Minecraft* wurde von einem einzelnen Entwickler namens Markus Persson in seiner Freizeit programmiert – zunächst ohne Budget, ohne Team, ohne Verlag. Es sah grob und pixelig aus, aber es ließ die Spieler alles bauen, was sie wollten. Das Spiel wurde zum meistverkauften Videospiel aller Zeiten. Minecraft zeigte, dass gute Ideen wichtiger sind als aufwendige Grafik, und inspirierte eine ganze Generation junger Menschen, selbst Spiele zu entwickeln. Heute gibt es tausende sogenannte *Indie-Spiele* – kleine Spiele von kleinen Teams oder Einzelpersonen. ] #v(0.3cm) #milestone-block(year: "Heute", emoji: "🤖", title: "KI verändert die Spieleentwicklung", color: rgb("#4A90E2"))[ Künstliche Intelligenz hält Einzug in die Spieleentwicklung. KI-Werkzeuge helfen Entwicklerinnen und Entwicklern dabei, Grafiken zu erstellen, Texte zu schreiben oder Fehler im Code zu finden – Aufgaben, für die früher viele Fachleute nötig waren. Gleichzeitig verändert KI auch das Spielerlebnis selbst: Figuren im Spiel können sich intelligenter verhalten, auf Sprache reagieren oder sich an den Spielstil anpassen. Wie sich das auf Berufe in der Branche auswirken wird, ist noch offen – fest steht nur, dass sich gerade sehr viel verändert. ] #pagebreak() // Aufgaben #block( fill: primary-color.lighten(85%), stroke: 1.5pt + primary-color.lighten(40%), radius: 0.4cm, inset: 0.5cm, width: 100%, )[ #text(weight: "bold", fill: primary-color, size: 1.1em)[✏️ Aufgaben] #v(0.3cm) // Aufgabe 1 #block( fill: white, radius: 0.3cm, inset: 0.4cm, width: 100%, )[ #text(weight: "bold")[Aufgabe 1 🖍️ Markieren] #v(0.15cm) Lies den Text. #v(0.05cm) Unterstreiche #text(fill: rgb("#2e7d32"), weight: "bold")[grün]: Was hat dich überrascht? #v(0.05cm) Unterstreiche #text(fill: rgb("#c62828"), weight: "bold")[rot]: Was hättest du nicht gedacht? ] #v(0.3cm) // Aufgabe 2 #block( fill: white, radius: 0.3cm, inset: 0.4cm, width: 100%, )[ #text(weight: "bold")[Aufgabe 2 ⭐ Dein Liebling] #v(0.15cm) Welches Spiel aus dem Text findest du am coolsten? #v(0.2cm) Ich finde *#box(width: 4cm, line(length: 100%, stroke: 0.5pt))* am coolsten, #v(0.15cm) weil #line(length: 100%, stroke: 0.5pt) #v(0.15cm) #line(length: 100%, stroke: 0.5pt) ] #v(0.3cm) // Aufgabe 3 #block( fill: white, radius: 0.3cm, inset: 0.4cm, width: 100%, )[ #text(weight: "bold")[Aufgabe 3 🎮 Dein Spiel] #v(0.15cm) Denk an deine eigene Spielidee. #v(0.05cm) Welches Spiel aus der Geschichte ähnelt deiner Idee am meisten? #v(0.2cm) Mein Spiel ähnelt *#box(width: 4cm, line(length: 100%, stroke: 0.5pt))*, #v(0.15cm) weil #line(length: 100%, stroke: 0.5pt) #v(0.15cm) #line(length: 100%, stroke: 0.5pt) ] #v(0.3cm) // Aufgabe 4 #block( fill: white, radius: 0.3cm, inset: 0.4cm, width: 100%, )[ #text(weight: "bold")[Aufgabe 4 🚀 Die Zukunft] #v(0.15cm) Die Spielegeschichte ist noch nicht fertig. Was kommt als nächstes? #v(0.2cm) Das nächste große Spiel wird #line(length: 100%, stroke: 0.5pt) #v(0.15cm) #line(length: 100%, stroke: 0.5pt) ] ]
Projekt Planen

Teilbare URL erstellen

Abschnitte auswählen