Bringing Adobe's Creative Cloud to the web: Starting with Photoshop

on YouTube ↗19m

" summary

Photoshop runs in the browser by compiling decades-old C++ into WebAssembly via Emscripten and shipping multiple Wasm builds (pthreads with SharedArrayBuffer using COOP/COEP, -fwasm-exceptions for Wasm-level C++ exceptions, -msimd128 for SIMD) with runtime feature detection. DevTools uses DWARF for source-level Wasm debugging. Large state uses origin-private files and access handles for swap-style paging. UI is Spectrum Web Components built with Lit, colors use CSS color(display-p3), and an 80 MB Wasm cached by Service Worker/workbox makes it usable. Support is broad but evolving.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 3:29Multithreading Dynamic multitasking with pthreads
3. 5:16C++ exception handling Bringing C++ exceptions to WebAssembly
4. 6:07SIMD instructions Single instruction, multiple data

" related talks

• 30mWasm Beyond the Browser: Use Cases at ScaleSean Isom, Colin Murphy · Cloud Native Wasm Day Europe 2022
• 29mWeb Assembly, the Future of JS, and a multi-language webMx. Kas Wren · LibertyJS 2019
• 52mWebAssembly: Taking Your C++ and Going PlacesNipun Jindal, Pranay Kumar · CppCon 2022
• 16mWhy WebAssemblyMiguel Useche · JSConf Mexico 2020 Virtual Edition
• 28mWebAssembly: Of Portability, and PerformanceDeepti Gandluri · Node+JS Interactive 2018
• 28mWasm + Kubernetes: Beyond ContainersSean Isom, Colin Murphy · Cloud Native Wasm Day Europe 2023
• 28mFlutter, Dart, and WASM-GC: A new model for Web applicationsKevin Moore · Wasm I/O 2023
• 27mHow WebAssembly is changing the Web and what it means for youBoyan Mihaylov · DevFest Ukraine 2018