Simulate vortex particules — This story looks at the implementation of a skybox texture using Rust and WebGL for the web viewer for vortex particle simulation described in this story. …

This story focuses on “gamification” in the context of Computational Fluid Dynamics, a science focused on predicting the movement of fluids through computer simulation used in the aerospace, automotive and many other industries. This story diverges from the prior stories I wrote as it does not focus on coding but…

The post Implementing a WebAssembly WebGL viewer in Rust describes the implementation of a WebGL viewer using a fixed camera defining viewpoint, view and up directions. This post expands the WebGL viewer to include camera orbit, zoom in and out movements controlled by mouse or touch events. The post will…

In the post Implementing a WebAssembly WebGL viewer in Rust, the transfer of information between the solver WebWorker and the rendering is done by serializing and deserializing simulation data using wasm-bindgen JSON serialization — see JsValue::from_serde. This is a very slow process. Mihail Malostanidis responded with very relevant suggestions. This…

This story focuses on the implementation and modifications done to video-mash.com to work around technological issues encountered when viewing it using the iOS Safari web-browser. The technologies employed in video-mash.com have been described in this story (MediaPipe ML model) and that story (canvas, MediaStreams and WebM). The views/opinions expressed in…

This story show how to add ‘save to video’ capabilities to a webpage containing canvas animation. The implementation extends on the work described in this story to add the ability to record the canvas rendering as a video. The source code is available in this github repository. The views/opinions expressed…

MediaPipe provides Machine Learning models packaged and readily available on a variety of platform — android, ios, C++, python and JavaScript according to the documentation. This story uses the JavaScript implementation. This post uses the MediaPipe Selfie Segmentation model that “segment the prominent humans in the scene”. The post shows…

This story focuses on the implementation of a web viewer for a fluid solver using the vortex particle method. The fluid solver is written in Rust, and compiles to WebAssembly. A Rust module, handling the WebGL viewer through WebAssembly using web-sys, is the natural next step to allow visualisation of…

This story recounts the profiling and optimisation of a Rust application presented here. Two optimisations are implemented: (a) part code rewrite and (b) compiler flag optimisation. The optimisation is based on the native port of the Rust application on Windows. …