Beyond HTML and CSS: Fusing Javascript and shaders
summary
OneJS is a JavaScript superset that embeds GLSL and reactive syntax so shaders compile in the browser, running the compiler in a worker and sending draw code to the main thread. It demos OneJS shaders driving UI at 60fps on mobile (iPad), notes Android WebGL instability, and ships as ~130 KB over the wire with full compile ~450 ms. The system is multithreaded, programmable styling replaces fixed CSS, and live shader editing recompiles and updates the renderer.
AI-written summary · about
chapters (13)
- 0:00Intro
- 1:10Why the GPU
- 4:10Parallelization
- 6:05First Principles
- 8:55Efficiency
- 10:34Shaders
- 12:24Classes
- 13:36Symbolic Expressions
- 14:31Drawing a Triangle
- 18:24Interactive Shaders
- 19:26DSLs
- 20:36Type inferencing compiler
- 22:41Constraint layouts
related talks
31mMakepad - Rethinking Web UI's with WebGL
31mJSConf 2015 Mike O'Brien
26mCreative experiments with WebGL shaders in JavaScript
32mGPU.JS - GPU Accelerated JavaScript
48mMobile Apps with JavaScript - There's More Than Web
32mJavaScript is the new metal the cloud vs the browser
34mFrame.JS
25mHow to Program Your GPU (and Not Do It Alone)