From 2D to 3D: How to Design User Interfaces in Virtual Reality
summary
A demonstration of a worker-pool approach that maps image pixels across Web Worker threads and uses transferable ArrayBuffers to avoid cloning (about 10× faster for 100k items). It measures parallelized image filters (speedups from ~1.4× to ~2.4×), shows SIMD 128-bit vectorized reductions (~4× improvement), and combines workers plus SIMD for larger gains, with live demos including an image map, Mandelbrot, flocking physics, and parallel image compression that reports timings.
AI-written summary · about
chapters (20)
- 0:00JavaScript parallel processing
- 1:12Moore's Law and CPU limits
- 2:14Parallelism challenges in JS
- 3:40Speed impact on UX
- 4:21Task division for speed
- 5:02Web Workers intro
- 6:08Efficient data transfer with SharedArrayBuffer
- 7:10Buffer transfer demo
- 9:16Image compression case study
- 12:26Picha library for parallelism
- 13:51Interactive activity
- 14:58SIMD in JavaScript
- 16:00SIMD multiple operations
- 17:46SIMD math demo
- 18:27Physics simulation with SIMD
- 19:10Fractal simulation with SIMD
- 20:35Future of parallelism
- 22:03SharedArrayBuffer pros and cons
- 23:04Image processing results
- 24:06Conclusions
related talks
25mGetting Over Moore's Law: Parallelization Using JavaScript in the Browser
37mMoving Web applications into Virtual Reality
32mMagic of Computer Vision Unraveled
34mNext-Generation 3D Graphics on the Web
30mLeveraging Decades of Research in 3D UI Makes or Breaks XR
59mYou can't do that with JavaScript!
26mDesigning in 3D Space, a practical Guide to Spatial Design
49mUniting the real world with the virtual