multisim

MultiSim

Esta es una prueba de concepto para mostrar cómo podría ser tener una versión completamente multijugador de WebSim (un navegador donde un LLM genera las páginas web).

multiplayer-sim.mp4

¿Cómo es el modo multijugador?

• Hay presencia para que puedas ver en qué páginas están otras personas.
• Si estás en la misma página que alguien más, puedes ver su cursor multijugador
• Varias personas pueden ver una transmisión de la página web juntas
• Hay chat multijugador para que puedas hablar con otros usuarios

Esta es la demoware / una prueba de concepto. Escribí esto durante un fin de semana y decidí que no quiero desarrollarlo, pero es arquitectónicamente interesante, por lo que vale la pena compartirlo.

Empezando

Cree un archivo .env.local con el siguiente:

 OPENAI_API_KEY={Your Key}
WEBAPP_URL=http://localhost:3000
NEXT_PUBLIC_PARTY_KIT_HOST=localhost:1999
NEXT_PUBLIC_PARTY_KIT_URL=http://localhost:1999

bun i
bun dev

¿Cómo funciona?

• The main shell of the app is a Next.js app that you can host anywhere.
• There is a partykit room that is powering the multiplayer features.
• En este momento hay un caché de páginas en memoria dentro de la habitación.
• Toda la generación de IA se maneja en la sala Partykit. This lets llm generation get de-duped across clients.
• There is a very small postMessage protocol for transmitting things like cursor positions between the iframe and the parent

¿Qué está faltando?

No hay persistencia a largo plazo de las páginas o administración de cuentas. En este momento solo hay una sola habitación codificada también. Si realmente desea escalar esto, necesitará poder fusionar a las personas en diferentes servidores. Realmente quieres el concepto de una "fiesta" o un "universo" donde las personas pueden atascar las cosas juntas.

¿Por qué dejaste de trabajar en esto?

Comencé a trabajar en esto porque sería una prueba divertida de concepto. Once I proved to myself that I knew how to build it I stopped because I don't really want to build out a full fledged websim competitor.