Designing and Building an Emotionally Impactful Web Game

on YouTube ↗12m

" summary

SweetXheart is a native JavaScript web game completed over five years, built on Phaser v2.4 with dialogue driven from Google Sheets via Export Sheet Data → JSON. Over 150+ dialogue entries feed a handmade branching system, a letter‑by‑letter text effect, and a persistent stress mechanic that accumulates from microaggressions; the project uses many separate scenes with a dedicated preload scene, playtests for iterative changes, Trello for organization, and Patreon‑funded music.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 10:11Lessons learned
3. 10:41Get organized
4. 10:59Ask for help
5. 11:30Stop upgrading
6. 11:42Know when to call it done

" related talks

• 44mDesigning Socially Impactful Digital ExperiencesCatt Small · beyond tellerrand // DÜSSELDORF 2016
• 26mdeveloping videogames in JavaScriptFrancesco Raimondo · Universal JS Day 2017
• 29m"JavaScript as Play"Rachel White · DinosaurJS 2016
• 27mHow NOT to build a video gameChristoph Nakazawa · Reactathon 2023
• 25mJavascript as Play A Primer on Getting Started with Video GamesRachel White · CascadiaFest 2016
• 46mSpace Wreck storiesMārtiņš Ceplis · DevClub.lv 114th Frontend focused event
• 27mCSS as a Game Engine: Building Playful, Stateful Web Experiences Without JSAaron Krauss · Commit Your Code 2026
• 54mA Successful Cross Platform HTML5 Game, From Shaping To ShippingMartin Kool · Mobilism 2013