Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Over a thousand comments? My project is gonna be lost in the conversation! But here goes anyway ...

I've been recoding my HTML5 <canvas> library from scratch[1]. Most of the work is done - I'm now onto the fun documentation bit[2].

Something I'm particularly proud of achieving in the recode? Dynamically responsive bendy images in the web browser - with added animation capability![3]

[1] Scrawl-canvas v8 code base - https://github.com/KaliedaRik/Scrawl-canvas/tree/v8-alpha [2] Scrawl-canvas v8 code documentation (incomplete) - https://github.com/KaliedaRik/Scrawl-canvas/tree/v8-alpha/do... [3] Youtube video showing dynamically responsive bendy images in the web browser - https://www.youtube.com/watch?v=LebxNhVWyOQ&t=3s



Neat!

Can scrawl-canvas run in a Web Worker and render to an Offscreen Canvas? You'd lose integration with DOM events for interactivity, but you'd be able to perform image processing in a background thread and not block the main renderer thread so that UI elements are responsive.


Thank you!

The majority of the code runs in the main thread; filters use a web worker. OffscreenCanvas currently has less than 70% support (caniuse says), so most of the work is done in regular canvas elements which are created but not added to the DOM, then copied over to the DOM canvas once per RequestAnimationFrame tick




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: