Running Rust in WebAssembly in a Pool of Concurrent Web Workers in JavaScript

alesgenova

Alessandro Genova

Posted on January 18, 2021

Running Rust in WebAssembly in a Pool of Concurrent Web Workers in JavaScript

Your scientists were so preoccupied with whether or not they could, that they didn't stop to think whether they should.

I would like to share a little experiment I did for no other reason than to show I could.

In this proof of concept, the main application starts a pool of web workers that it later uses to offload a series of heavy tasks.

Alt Text

The task in question is to to render a single frame of a simple 3D scene using ray-tracing (path-tracing). The computationally intensive rendering is performed by a rust library compiled to WebAssembly.

These are the tools I used:

  • GitHub logo alesgenova / post-me

    📩 Use web Workers and other Windows through a simple Promise API

  • GitHub logo alesgenova / ray-tracer

    A simple ray tracing engine

  • GitHub logo rustwasm / wasm-bindgen

    Facilitating high-level interactions between Wasm modules and JavaScript

  • Small in-house task queue to dispatch tasks to workers when available.
  • react for the skeleton of the app.

If you would like to run this madness, an instance of this application is deployed here.

Alt Text

If you would like to see the details of the implementation, you can find the source code of the app on Github

Bonus

Using a similar approach, I also created an app that can detect the pitch of sounds being captured by the device's microphone.

Try it out

Alt Text

💖 💪 🙅 🚩
alesgenova
Alessandro Genova

Posted on January 18, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related