Desarrollador Crea Juego de Navegador 3D Usando Claude Code Opus y Three.js
Descripción General del Proyecto
Un desarrollador creó Traffic Architect, un juego de construcción de carreteras en 3D y gestión de tráfico que se ejecuta completamente en el navegador. El juego está disponible en crazygames.com/game/traffic-architect-tic.
La pila técnica consiste en Claude Code Opus 4.6 y Three.js. Todo el proyecto fue generado por código sin archivos de imagen externos, modelos 3D o hojas de sprites. Claude Code escribe JavaScript que crea todos los elementos visuales en tiempo de ejecución.
Mecánicas del Juego
En Traffic Architect, los jugadores diseñan redes de carreteras para una ciudad en crecimiento. Los edificios aparecen y generan coches que necesitan llegar a otros edificios. Los jugadores conectan edificios con carreteras, ganan dinero por entregas y desbloquean nuevos tipos de carreteras. El juego termina si el tráfico se congestiona.
Estrategias de Flujo de Trabajo con Claude Code
El desarrollador compartió estrategias específicas para trabajar de manera efectiva con Claude Code:
- Planificar primero: Siempre comienza haciendo un plan antes de escribir cualquier código. Divide el trabajo en tareas pequeñas y enfocadas, una cosa a la vez. Esto evita que Claude se desvíe o intente hacer demasiado a la vez.
- Revisar todo: Revisa cada cambio de código que produce Claude. No solo aceptes y continúes. Si algo no parece correcto o hay un enfoque mejor, cuestiona e itera hasta estar satisfecho con la solución.
- Tareas pequeñas, no grandes: Mantén las tareas pequeñas y específicas. Las tareas vagas o masivas tienden a hacer que Claude se desvíe. Las tareas pequeñas y bien definidas proporcionan más control sobre el resultado.
- Enfoque colaborativo: Algunas optimizaciones vinieron del desarrollador, otras las sugirió Claude. La clave es evaluar todo críticamente: Claude propone, el desarrollador revisa y van de un lado a otro. La relación se describe como "más como trabajar con un desarrollador junior que activar el piloto automático".
- Mantenerse involucrado: Claude Code funciona mejor cuando te mantienes en el ciclo. El ciclo de planificar previamente, descomponer, revisar e iterar mantiene la calidad alta.
El desarrollador está abierto a preguntas sobre el flujo de trabajo con Claude Code y agradece comentarios honestos sobre el juego.
📖 Read the full source: r/ClaudeAI
👀 Ver también
Claude Artifacts + React: Profesor crea un minigolf para lecciones de ángulos en 20 minutos
Un profesor usó Artifact de Claude + React para crear un juego de minigolf para enseñar ángulos, luego lo convirtió a HTML para compartirlo. Los estudiantes diseñaron sus propios recorridos mediante dibujos.
Usuario de Reddit reporta mejores resultados con Claude después de cambiar el enfoque de los prompts.
Un desarrollador pasó días luchando con múltiples herramientas de IA antes de encontrar éxito con Claude al cambiar de indicaciones estilo motor de búsqueda a conversaciones de ida y vuelta con contexto específico sobre por qué los enfoques no funcionaban.
Diseñador crea aplicación nativa para Mac de etiquetado de fotos con Claude Code y modelo de visión local.
Un diseñador sin experiencia en Xcode utilizó Claude Code para crear Loupe, una aplicación Mac con SwiftUI que analiza fotos con un modelo de visión local (minicpm-v a través de Ollama) y escribe metadatos IPTC/XMP. La aplicación incluye procesamiento paralelo, detección automática de hardware y un sistema de aprendizaje que se adapta al estilo de etiquetado.
Usando LLM Local para Monitorear Sesiones AFK de Bots en Minecraft
Un desarrollador utilizó un modelo de lenguaje local (LLM) para monitorear su bot de Minecraft que ejecutaba Baritone para trabajos de minería, configurando un monitoreo de pantalla para recibir alertas cuando el bot muere o se desconecta del servidor.