代达罗斯:浏览器里的桌面系统
daedalOS,Dustin Brett,2020 年

正在布展…
它是怎么做的
- 第 1 步基于 BrowserFS 的虚拟文件系统,持久化到 IndexedDB
- 第 2 步窗口管理器用 React 组件实现拖拽、缩放、最小化与层级
- 第 3 步按文件扩展名分发给内置应用:js-dos、Webamp、v86、Monaco 编辑器等
- 第 4 步桌面壁纸用 Vanta 风格的 WebGL 动画在 OffscreenCanvas 中运行
- 第 5 步开始菜单、任务栏、右键菜单都仿照 Windows 的交互细节
复刻配方
一段技术配方,可以直接交给 AI 编程助手,也可以自己照着写。想指定技术栈、位置和性能预算,就把它加入实现方案。
Build a window manager where each window is an absolutely positioned component with drag, resize, focus-to-front (z-index stack) and minimise-to-taskbar behaviour. Back it with a virtual filesystem (BrowserFS or an IndexedDB key-value store) and a registry that maps file extensions to app components. Embed existing web apps such as js-dos, Webamp or a code editor as those apps. Add a desktop icon grid with drag-and-drop from the real OS, a start menu, and an animated wallpaper rendered off the main thread.


