跳到正文
Sary Ismail· 来源· @sarymismail · X·· 5 天前AI 评分58
正文 · 原文

I built an AI tool called Liveloop - a live generative canvas that continuously updates your environment in real time.

▫ No restarts.
▫ No refreshes.
▫ No resetting your view.
It can run continuously for 24+ hours while keeping your canvas state intact.

▫️What the model sees each turn▫️
Alongside your message, the LLM gets a JSON context from the preview: the page title, visible text, rendered elements, the runtime error if any, console output, a performance block, a debug-state block the project can expose, and a summary diff of the source since the last turn. Vision-capable models also get a screenshot of the canvas, refreshed right before the handoff so it isn’t reasoning from title-screen telemetry after you’ve started playing. The context also tells the LLM what controls it has, which is the only reason it knows LivePatch exists.

▫️LivePatch▫️
The model returns one fenced block labelled asksary-live-patch containing JavaScript. The client executes that block (and only that block) inside the sandboxed preview after you approve the live-control session. It affects the current preview only; it doesn’t touch project source, so you can try a change and throw it away. The model is told not to claim the patch worked; the sandbox reports the real result back into the chat.

▫️PlayTest and Camera▫️
PlayTest lets the model send synthetic input into the preview: key down/up/tap with a duration, clicks, and pointer move/down/up at coordinates. The LLM can drive the PlayTest. Camera lets it teleport or aim an exposed debug/Three.js camera so it can inspect what it built from another angle.
There is also a split screen feature that lets you load up two different states with camera linked. the LLM can see the FPS and PlayTest both live previews

▫️The sandbox▫️
The preview is a srcdoc iframe with an opaque origin and a strict CSP: default-src 'none', no frames, no forms, no navigation, connect-src limited to data: and blob. The two exceptions are Google Fonts and wasm-unsafe-eval, which is there so Draco and Meshopt decoders can compile for compressed GLB files. eval stays blocked.

▫️Project mode and 3D assets▫️
Project mode is a real multi-file project with its own engine (it shares nothing with the other tools on the site). It can open a local folder via the File System Access API, round-trips through zip, and there are no caps on file count or file size sent to the model.

▫️The 3D runtime is a pinned▫️
Three.js build (0.185.1) bundled with GLTFLoader, DRACOLoader and KTX2Loader, injected into the sandbox as a trusted script rather than fetched.

▫️Return to any state▫️
Persistence is content-addressed. Every state and every asset is hashed; only objects the account doesn’t already hold are uploaded, and a revision that reuses an object just names its hash. Nothing is copied forward and nothing is deleted, so unlimited history costs only the changed bytes. You can return to any state from any day or month, instantly. All organized in folders with a file manager

▫️Offline▫️
Work is journalled to IndexedDB before the network is touched, on every change, and the journal is read back to verify it. Network sends are batched at 600 ms, but the journal is written immediately, so that interval is batching, not a window where work can be lost.

▫️Builds that outlive the tab▫️
A turn used to abort when the stream dropped. Now the server keeps running, records every event it would have sent under an idempotency key in Firestore, and stores the result when it finishes (30-minute server limit).
That’s what makes the phone flow work. Sary-OS Lite (the Android app) can start a build, you lock the phone, and when the desktop opens the workspace, it picks the finished build up and brings it in and vice versa too. Can start a prompt on Desktop, close machine down and let it run via the cloud.

▫️Connectivity - included for 30 days with every account▫️
▫ Sary-OS Terminal Bridge
▫ Sary-OS MCP Connector so you can use your Claude/Codex plan
▫ Plug your own API key - Any OpenAI compatible key works
▫ GITHUB Connectivity

Plus enough credits to make over 100 generations for absolutely free just by creating a free account

The platform also has other tools that you may find useful such as:
🌏 Native UI interface in over 25 languages with text to mp3 translation too
🤖 Multi-model Chatbot (OpenAI, Grok, Gemini, Claude)
💻 Full Project IDE coder + Split Screen Live Canvas
🎙 Multilingual Realtime Voice Agent
🎬 Free Production Studio with 4k Render output
🏞 AI Assisted Image Editing with Layers and Tools
🎮 3D Game Engine
🎼 Song Creator with Player
🖥 Web/Mobile App Creator
🎞 Image & Video Generation
🗣️ Voice Overs and Podcast creator
📱 Social Media Auto Post Scheduler
📈 Word/Excel/Powerpoint Alternative - Free for everyone
+ more

▫ ▫ http://www.sary-os.com ▫ ▫

#GamingCommunity #gaming_news #OpenAI #gpt6 #Claude #ClaudeAI #threejs #livepatch #saryos #GenerativeAI #live #byok #bahrain #LLM #AI #solodev #developer #coding #3DModel #animation #Students #university #office #AIart

来源:Sary Ismail · x.com