Frame.JS

on YouTube ↗34m

" summary

Frame.js is a JavaScript real time animations editor that proves an editor can drive WebGL pipelines: a prototype built in about two weeks accepts fragment shaders (many sourced from ShaderToy), runs on a $3 Chromebook demo, and plays timelines with zoom, real-time parameter editing and curve easing. The tool exports JSON for a lightweight player, supports three.js modules for scenes, and shows a working editor plus a partly implemented module system in progress and unfinished publish/load features.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 0:30Realtime animations editor for the web Cby the web? .
3. 0:47Demoscene
4. 13:188 months later.. Euskal 2013
5. 32:24Next: Publish

" related talks

• 20mdotJS 2012 - Mr.doobMr.doob · dotJS 2012
• 21mDynamic video in the browserMatthew Shotton · JSConf EU 2017
• 26mCreative experiments with WebGL shaders in JavaScriptMartin Splitt · RuhrJS 2018
• 29mJavaScript and Game DevelopmentArsen Mazmanyan · JS Conf Armenia 2021
• 26mBeyond HTML and CSS: Fusing Javascript and shadersRik Arends · JSConf EU 2014
• 46mCreating Animations in JS: Canvas 2D and WebGLArtem Yashin · HolyJS 2025 Autumn
• 34mWebGL Practical ApplicationVasilika Klimova · AmsterdamJS Conference 2017
• 31mMakepad - Rethinking Web UI's with WebGLRik Arends · AmsterdamJS Conference 2017