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

Author: Ji Hong

Junior studying CS with an Art Minor :)

Sketchnote: Puzzles in Games, Puzzles as Games – Ji Hong Ni

May 15, 2022

Critical Play: Mysteries – Ji Hong Ni

May 7, 2022

The game I played is titled Gone Home. The synopsis of this virtual game is that it is set in the year 1995, we…

Sketchnote: Designer’s Notebook: The Role of Architecture in Videogames – Ji Hong Ni

May 7, 2022

Critical Play: Walking Simulators – Ji Hong Ni

May 6, 2022

I decided to play Dear Esther, a virtual walking simulation game that was made in 2012 by The Chinese Room. The game touches on…

Sketchnote: Game Architecture – Ji Hong Ni

May 4, 2022

A game I really enjoyed growing up is Super Mario 3D World. This game combines arcs and loops as in that each world is…

Mindmap: Narrative Architecture – Ji Hong Ni

May 3, 2022

Evocative Spaces: Mario 3D World Enacting Stories: Pokemon XY Embedded Narratives: Clue Emergent Narratives: Clash of Clans

Checkpoint 1: Concept Doc (Team)

May 3, 2022

Team Concept: Premise/ Synopsis You wake up in a strange room and realized you are strapped to a chair. You can’t seem to remember…

Checkpoint 1: Concept Doc – Ji Hong Ni (Individual)

May 3, 2022

Setting: A Room Theme: Time travel Emotion: Confusion Mechanics: Opening items   3 directions for the game to be: You stumble across an old…

Sketchnote: Balancing Games: Chance and Skill – Ji Hong Ni

April 27, 2022

Three Night Alibi – Project 1: Social / Party Game

April 21, 2022

Artist’s Statement Three Night Alibi is a role-playing murder mystery board game designed for small groups of friends. Our goal is to empower players…

Critical Play: Bluffing, Judging, and Getting Vulnerable – Ji Hong Ni

April 21, 2022

We’re Not Really Strangers was created by ​​Koreen Odiney as a card game that has also expanded into the online world as well. This…

Sketchnote: Game Design Patterns for Building Friendships – Ji Hong Ni

April 20, 2022

Blog Response: Visual Design of Games – Ji Hong Ni

April 16, 2022

The game I chose is Monument Valley! Monument valley uses a lot of color palettes that make the game very cohesive and easy on…

Critical Play: Competitive Analysis – Ji Hong Ni

April 14, 2022

The game I played this week was One Night Werewolf. The idea of this game is that roles are randomly (and secretly) distributed at…

Blog Response: What do Prototypes Prototype? – Ji Hong Ni

April 13, 2022

Our game is called Three Night Alibi (Tentative) which focuses on a crime that happened in town and the townspeople have three days to…

Blog Response: MDA & 8 Kinds of Fun – Ji Hong Ni

April 12, 2022

The game I really love playing is Pokemon. It has been a defining game of my childhood and the whole franchise itself brings me…

Critical Play – Formal Elements – Ji Hong Ni

April 6, 2022

Robot Interrogation – Critical Play 1 – Ji Hong Ni

April 5, 2022

The game I decided to play is Robot Interrogation (mobile version of Inhuman Conditions) which is accessible via a website. It was created by…

Sketchnote: What Games Are and Aren’t – Ji Hong Ni

April 5, 2022

Introduce Yourself – Ji Hong Ni

March 28, 2022

Hello! My name is Ji Hong and I’m a junior studying Computer Science on the HCI track with a minor in Art Practice. I’m…

Posts pagination

Previous 1 2

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

  • 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

  • P3: Concept Map [Team 4]
  • P3: Concept Map (Stayin’ Alive)
  • P3: Concept Map
  • P3: Concept Map
  • P3: Tiny playable prototype [Team 4]

Recent Comments

  • brysigg on Conclave: A Prayer Simulator — P2
  • brysigg on P2: The Empathy Machine – Angela Mao
  • brysigg on P2: The Empathy Machine (Marielle Zheng)
  • angmao on P2: “Blank Canvas”
  • leytht on P2: two houses – Krystal Li

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