AKA This Map Does Not Exist, is an infinite collaborative inpainter which allows users to dynamic generate satellite-realistic map tiles.
The app is pretty much serverless with Ably doing most of the live networking and communication between the client and the GPU worker. The GPU worker writes directly to AWS s3 and then notifies the client to re-download them. Netlify is mainly there for static hosting but a cloud function is used to init the Ably websocket.
A slight later modification was to replace the GPU worker with a serverless modal app.
The endpoint listens for generation requests and then:
- Translates an x, y coordinate into the (up to 4) 512x512 tiles that will need to be modified
- Download these tiles from s3 (if s3 doesn't have it just generate a blank image)
- Generate a mask based on any areas that are blank
- Run this through the stable diffusion inpainting model
- Update all the tiles and re-upload to s3
- Broadcast which tiles were updated
The canvas was written from scratch to support mobile and desktop without too much weirdness. react-canvas-draw was used heavily as a reference. It includes minimal optimizations for processing tiles besides lazy loading based on the client's viewport and background image rendering.
For more information on training the model see https://github.com/sshh12/terrain-diffusion.
At a high level:
- Create a netlify static app from this repo
- Create an app on https://ably.io/ (free tier works) and set the environment variable
ABLY_API_KEY - Create an https://modal.com/ app and
cd modal && modal deploy modal_app
Feel free to create an issue if you want help setting this up. This app should work fairly seamlessly for any diffusers model.