---
title: "The Fracture"
url: "https://aigamehub.app/zh-tw/games/this-is-what-i-learned-making-a-superhero-browser-game-with--7388d9"
source: "https://www.reddit.com/r/aigamedev/comments/1x3yir1/this_is_what_i_learned_making_a_superhero_browser"
source_type: "reddit"
play_url: "https://franmndezzzz.github.io/The-fracture/"
platform: "both"
login_required: false
pricing: "free"
origin: "original"
ai_tools: ["Claude"]
game_languages: ["es"]
author: "AdAway324"
author_handle: "AdAway324"
category: "動作"
categories: ["action", "adventure"]
tags: ["browser", "co-op", "pixel-art-free", "roguelite", "superhero"]
added: "2026-10-16T17:12:08.733Z"
updated: "2026-10-16T17:12:08.733Z"
locale: "zh-tw"
content_locale: "zh-tw"
---

# The Fracture

一款免費的俯視角超級英雄瀏覽器遊戲，你可以透過組合能力來打造自己的英雄。它與 Claude 一起製作，可在 PC 和行動裝置上遊玩；試玩版包含前兩章、可遊玩到第二個頭目的 roguelite 模式、競技場和本機合作。目前僅有西班牙文。

## Description

The Fracture 是一款獨立的俯視角超級英雄動作瀏覽器遊戲，由開發者與 Claude 共同製作。你透過組合能力來創造英雄，並在任務和頭目戰中奮戰，例如巨大的外星人、螳螂女王、每個階段都會改變形態的變形者，以及會鑽地的蠕蟲。免費試玩版包含前兩章、可遊玩到第二個頭目的 roguelite 模式、競技場和本機合作，其中手機可透過 QR 碼變成觸控遊戲手把。所有圖像都是用程式碼繪製的。它可在 PC 和行動裝置的瀏覽器中執行，目前僅提供西班牙文，英文版正在計畫中。

## Original post

This is what I learned making a superhero browser game with Claude (I barely code). Free demo.

🇬🇧 Hi! I barely know how to code, and for the past few days I've been making a browser game called The Fracture together with Claude. I wanted to share how the process has worked for me, because it's been very different from what I expected. It didn't start from zero. I had already made a smaller game with Claude, a speedster game called Volt, and instead of starting over I asked Claude to copy it and turn it into something new: a top-down superhero game where you build your own hero by combining powers. Reusing a working base saved a huge amount of time, but it also meant leftovers kept showing up for a while, like old character names popping up in menus. The way we work is always the same. I describe what I want in plain Spanish, Claude asks me a few multiple-choice questions to pin down the details, and then it builds one version. I play it, tell it what feels wrong ("the races are too slow", "this mission has too many enemies") and we go again. We're on version 30 now, and every version is written down in a design document, so Claude can pick up where we left off even in a new conversation. All the graphics are drawn with code. There are no image files, which surprised me: even the bosses are shapes, curves and particles. The latest ones are a giant alien, a mantis queen, a shapeshifter that changes form each phase, and a worm that burrows under you. The hardest feature so far was local co-op with your phone as a controller. You scan a QR code and your phone turns into a touch gamepad. It only works from a real website, so we had to move the game to GitHub Pages. And the game was built for one player, so Claude had to find a way to run the second player through the same code without rewriting everything. The demo has the first two chapters, a roguelite mode up to the second boss, an arena and co-op. It's free and runs in the browser on PC and mobile. Important: it's only in Spanish for now. An English version is coming. https://franmndezzzz.github.io/The-fracture/ For those of you making games with AI: how do you handle the moment the project gets too big for the AI to keep in its head at once? The design document helped me a lot, but I'm curious what others do. 🇪🇸 Hola! Casi no sé programar, y llevo unos dias haciendo un juego de navegador llamado The Fracture junto con Claude. Quería contar cómo ha sido el proceso, porque ha sido muy distinto de lo que esperaba. No empecé de cero. Ya había hecho con Claude un juego más pequeño, uno de un velocista llamado Volt, y en vez de empezar otra vez le pedí que lo copiara y lo convirtiera en algo nuevo: un juego de superhéroes con vista desde arriba en el que creas a tu héroe combinando poderes. Reutilizar una base que ya funcionaba me ahorró muchísimo tiempo, aunque durante un tiempo se colaban restos del juego anterior, como nombres de personajes viejos en los menús. La forma de trabajar siempre es la misma. Le explico lo que quiero con mis palabras, Claude me hace unas cuantas preguntas con opciones para concretar y después hace una versión. Yo la juego, le digo lo que no me convence («las carreras son demasiado lentas», «esta misión tiene demasiados enemigos») y vamos otra vez. Ya vamos por la versión 30, y cada versión queda apuntada en un documento de diseño, así Claude puede seguir donde lo dejamos aunque sea en otra conversación. Todos los gráficos están dibujados con código. No hay ni una imagen, cosa que me sorprendió: hasta los jefes son formas, curvas y partículas. Los últimos son un alien gigante, una reina mantis, un metamorfo que cambia de forma en cada fase y un gusano que se entierra bajo tus pies. Lo más difícil hasta ahora ha sido el cooperativo con el móvil como mando. Escaneas un código QR y el móvil se convierte en un mando táctil. Solo funciona desde una web de verdad, así que tuvimos que subir el juego a GitHub Pages. Además, el juego estaba pensado para un solo jugador, así que Claude tuvo que buscar la forma de mover al segundo jugador con el mismo código sin rehacerlo todo. En la demo empiezas cre