Skip to content
The Mechanics of Magic

The Mechanics of Magic

Game Design Writings by Students at Stanford taking 247G and 377G

  • Library
    • CS247G Community Game Design Resources
    • Game Design Resources
    • Graphic Design for Game Designers
    • Graphic Design Resources
    • Chapter 11 from Game Balance
  • Read Write Play
    • Hollow Knight: RWP 4 2023
    • Mystic Messenger: RWP 6 2023
    • Undertale: RWP 3 2023
    • What Remains of Edith Finch: RWP 5 2023
    • Catan: RWP1 2023
    • 80 Days: RWP 2 2023
  • 247G Syllabus
    • The Formal Elements of Game Design
    • Design for Play | Week One | Lecture A
    • Design for Play | Week One | Lecture B
    • Design for Play | Week Two | Lecture A
    • Design for Play | Week Two | Lecture B
    • Design for Play | Week Three | Lecture A
    • Design for Play | Week Three | Lecture B
    • Design For Play | Week Four | Section A
    • Design For Play | Week Four | Section B
    • Design for Play | Week Five | Class A
    • Design for Play | Week 5 | Class B
    • Design for Play | Week 6 | Class A (no class)
    • Design for Play | Week 6 | Class B
    • Design for Play | Week 7 | Class A
    • Design for Play | Week 7 | Class B
    • Design for Play | Week 8 | Class A
    • Design for Play | Week 8 | Lecture B
  • Serious Play Study Group Overview
    • Study Group Week by Week Breakdown
      • Formal Elements of Games
      • Final Reflection Essay
    • [Optional Material] What is fun?
    • Project 1: Those Who Play, Teach
      • READING Visual Design of Board Games
      • Pitch Your Teaching Game
      • Sketchnote: Playtesting Boardgames
      • Sketchnote: Erin Hoffman // Wind, Not Sand: Mapping Dynamic Emotion Across a Product Landscape
      • SketchNote: MDAO
      • Critical Play: Write up your game of FLUXX
      • [Optional Material] Playtesting
      • OPTIONAL Board Game Usability
    • P2: The Future We Deserve
      • Critical Play: A Mechanic and a Story to Tell
      • Interactive Fiction: Tiny Playable Prototype
      • Introducing Interactive Fiction
      • Map and Premise
      • Critical Play: Story AND Storytelling games
      • Essay or Sketchnote: Rise of the Video Game Zinesters
      • Sketchnote: Art of game design- Story
      • [Optional Material] Emergence and Progression
      • Essay or Sketchnote: Rise of the Video Game Zinesters
      • Project 2 Reflection Essay
      • Share what you Learned: Writing Excuses Podcast
      • Values at Play & P2 Peer Grading
    • P3: The Game of Unexpected Consequences
      • P3 Concept Doc
      • Playable prototype
      • Working With System Dynamics (mindmap the reading, apply it to your game)
      • Mapping Systems
      • Sketchnote/Response for Rules & Tutorials
      • Project 3 Check-in
      • Project 3 Reflection Essay
    • P4: Refine a game
      • Sketchnote/Response for Playtesting with Strangers
      • Read: Mechanic is the Magic
  • On Sketchnotes
  • Printing at Stanford

Category: 377G: Serious Games

Final Reflection Essay – Krystal Li

December 12, 2025

Ever since I took CS247G two years ago, I’ve had 377G planned on my class schedule and was looking forward to taking it. I…

Serious Games: A Reflection

December 12, 2025

Serious Games: A Reflection I entered CS377G excited about the things I was going to make, both on my own and with others. After…

P4 – Stayin’ Alive

December 12, 2025

You are small, the land is vast. Your goal is simple…Stayin’ Alive! Play now! https://lwcoding.itch.io/stayin-alive Team: Lucas Wang, Leyth Toubassy, Krystal Li, (and in…

Conclave: A Prayerful Dating Simulator — P4 (Luna and Amaru)

December 12, 2025

No alt title this time ;3 What if no one wants to have a prayer session with you? Welcome, dear brother cardinal, to the…

P4: Blank Canvas

December 12, 2025

Reintroducing Blank Canvas. Play here via Itch.io: https://knockdev.itch.io/blank-canvas  NOTE: On first load, it may take your browser a bit. You will get a black…

P4: Refine A Game (Not On My Block) – Angela Mao and Evelyn Hur

December 11, 2025

Link to Game Not On My Block_ Print at Home Artist Statement  Our game ‘Not On My Block!’ represents the system of gentrification in…

Final Reflection Essay – Angela Mao

December 9, 2025

Before I took CS377G, I knew nothing about game design. Like many people, I had played my share of digital and board games, such…

Sketchnote/Response: The Mechanic is the Message – Angela Mao

December 2, 2025

Sketchnote/Response for Rules & Tutorials – Angela Mao

December 1, 2025

Sketchnote: The Mechanic is the Message

November 24, 2025

This Sketchnotes is made possible by our sponsor (article): “The Mechanic is the Message” by Chris Swain. Figure 1: Image of Sketchnotes

Sketchnote: Writing Precise Rules

November 24, 2025

This Sketchnote is made possible by our sponsor (article): “Writing Precise Rules” by Mike Selinker. Figure 1: Image of Sketchnotes

P3: Reflection (Stayin’ Alive)

November 22, 2025

First off, this was such a fun experience! I’m really happy with how Stayin’ Alive turned out. I think it offers a sense of…

P3: Reflection – Angela Mao

November 22, 2025

Before we started on our systems game, my main concern was making a complex game with too many rules that was going to be…

LOVEBUG – P3

November 21, 2025

Artists’ Statement Through LOVEBUG, we hope to represent the system of an email virus spreading from person to person through the actions of a…

Reflection: Working on “Stayin’ Alive”

November 21, 2025

Stayin’ Alive: A Reflection Working on Stayin’ Alive was an enlightening experience into the world of onboarding and complex systems. Although I’ve made many games…

P3: The Game of Unexpected Consequences – Not On My Block

November 19, 2025

Artist’s Statement Our game ‘Not On My Block!’ represents the system of gentrification in a city neighborhood. Specifically focusing on displacement, the gameplay models…

Skechnote Game Balance – Angela Mao

November 18, 2025

Sketchnote: Response Game Balance – Krystal Li

November 17, 2025

P3: Refined Prototype (Stayin’ Alive)

November 16, 2025

In this next round of iterations, we playtested with 3 different people, and our notes on what was brought up and the changes made…

P3: Refined Prototype

November 15, 2025

Summary Overall, players enjoyed V5 of the game. They highlighted that the flexibility and room for strategic thinking gave them a stronger sense of…

Posts pagination

1 2 … 24 Next

Welcome to the Stanford HCI Game Design Blog.

Currently this blog holds two formal classes being taught by Christina Wodtke as well as Independent Study Work. In winter of 2022, cs377g was cancelled because of covid-19 uncertainty, and became a study group. You can follow along by looking at the SGSG syllabus and weekly break down.

CS 247G: Design for Play(SYMSYS 195G)

A project-based course that builds on the introduction to design in CS147 by focusing on advanced methods and tools for research, prototyping, and user interface design. Studio based format with intensive coaching and iteration to prepare students for tackling real world design problems. This course takes place entirely in studios; please plan on attending every studio to take this class. The focus of CS247g is an introduction to theory and practice of the design of games. We will make digital and paper games, do rapid iteration and run user research studies appropriate to game design. This class has multiple short projects, allowing us to cover a variety of genres, from narrative to pure strategy. Prerequisites: 147 or equivalent background.

CS 377G: Designing Serious Games

Over the last few years we have seen the rise of "serious games" to promote understanding of complex social and ecological challenges, and to create passion for solving them. This project-based course provides an introduction to game design principals while applying them to games that teach. Run as a hands-on studio class, students will design and prototype games for social change and civic engagement. We will learn the fundamentals of games design via lecture and extensive reading in order to make effective games to explore issues facing society today. The course culminates in an end-of- quarter open house to showcase our games. Prerequisite: CS147 or equivalent. 247G recommended, but not required.

SGSG: Serious Games Study Group

  • Library
    • CS247G Community Game Design Resources
    • Game Design Resources
    • Graphic Design for Game Designers
    • Graphic Design Resources
    • Chapter 11 from Game Balance
  • Read Write Play
    • Hollow Knight: RWP 4 2023
    • Mystic Messenger: RWP 6 2023
    • Undertale: RWP 3 2023
    • What Remains of Edith Finch: RWP 5 2023
    • Catan: RWP1 2023
    • 80 Days: RWP 2 2023
  • 247G Syllabus
    • The Formal Elements of Game Design
    • Design for Play | Week One | Lecture A
    • Design for Play | Week One | Lecture B
    • Design for Play | Week Two | Lecture A
    • Design for Play | Week Two | Lecture B
    • Design for Play | Week Three | Lecture A
    • Design for Play | Week Three | Lecture B
    • Design For Play | Week Four | Section A
    • Design For Play | Week Four | Section B
    • Design for Play | Week Five | Class A
    • Design for Play | Week 5 | Class B
    • Design for Play | Week 6 | Class A (no class)
    • Design for Play | Week 6 | Class B
    • Design for Play | Week 7 | Class A
    • Design for Play | Week 7 | Class B
    • Design for Play | Week 8 | Class A
    • Design for Play | Week 8 | Lecture B
  • Serious Play Study Group Overview
    • Study Group Week by Week Breakdown
      • Formal Elements of Games
      • Final Reflection Essay
    • [Optional Material] What is fun?
    • Project 1: Those Who Play, Teach
      • READING Visual Design of Board Games
      • Pitch Your Teaching Game
      • Sketchnote: Playtesting Boardgames
      • Sketchnote: Erin Hoffman // Wind, Not Sand: Mapping Dynamic Emotion Across a Product Landscape
      • SketchNote: MDAO
      • Critical Play: Write up your game of FLUXX
      • [Optional Material] Playtesting
      • OPTIONAL Board Game Usability
    • P2: The Future We Deserve
      • Critical Play: A Mechanic and a Story to Tell
      • Interactive Fiction: Tiny Playable Prototype
      • Introducing Interactive Fiction
      • Map and Premise
      • Critical Play: Story AND Storytelling games
      • Essay or Sketchnote: Rise of the Video Game Zinesters
      • Sketchnote: Art of game design- Story
      • [Optional Material] Emergence and Progression
      • Essay or Sketchnote: Rise of the Video Game Zinesters
      • Project 2 Reflection Essay
      • Share what you Learned: Writing Excuses Podcast
      • Values at Play & P2 Peer Grading
    • P3: The Game of Unexpected Consequences
      • P3 Concept Doc
      • Playable prototype
      • Working With System Dynamics (mindmap the reading, apply it to your game)
      • Mapping Systems
      • Sketchnote/Response for Rules & Tutorials
      • Project 3 Check-in
      • Project 3 Reflection Essay
    • P4: Refine a game
      • Sketchnote/Response for Playtesting with Strangers
      • Read: Mechanic is the Magic
  • On Sketchnotes
  • Printing at Stanford

Archives

  • December 2025
  • November 2025
  • October 2025
  • September 2025
  • June 2025
  • May 2025
  • April 2025
  • February 2025
  • December 2024
  • November 2024
  • October 2024
  • September 2024
  • June 2024
  • May 2024
  • April 2024
  • December 2023
  • November 2023
  • October 2023
  • September 2023
  • August 2023
  • June 2023
  • May 2023
  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • June 2021
  • May 2021
  • April 2021
  • September 2020
  • February 2017

Recent Posts

  • BitCoin счета от JustForex Страница 2 Трейдинг криптовалютами Биткоин форум
  • Protected: P2 Refined Prototype — amaru
  • Protected: P2 Playtest Prototype — amaru
  • P4: It’s just a burning memory
  • Reflection Seb

Recent Comments

  • Male Monitor – Seminar Group 2 on Through the Looking Glass: Gendered Gazes in Video Games 
  • brysigg on Conclave: A Prayer Simulator — P2
  • brysigg on P2: The Empathy Machine – Angela Mao
  • brysigg on P2: The Empathy Machine
  • angmao on P2: “Blank Canvas”

Categories

  • P2: The Empathy Machine
  • Featured
  • Project One
  • milestone
  • P2: The Future We Deserve
  • mindmap
  • P1: Social Games
  • CS247G
  • Assignments
  • P1: those who play, teach
  • Lectures
  • P2: Games In Space
  • Critical Play
  • P3: The Game of Unexpected Consequences
  • Project Two
  • Project Four REFINE
  • P4: Refine a Game
  • Sketchnotes
  • Project Two: The Future We Deserve
  • From the Instructor
  • Project Three: The Game of Unexpected Consequences
  • ReadWritePlay
  • 377G: Serious Games
  • SGSG

Meta

  • Register
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Meta

  • Register
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Copyright The Mechanics of Magic. All rights reserved. | Theme by SuperbThemes