Repository files navigation

Volume rendering is a common technique used to render 3D medical imaging data like MRIs or CT scans. This repo contains the code for my implementation in Three.js and GLSL. Here's a 30-second demo onTwitter andReddit.

Huge thanks to Will Usher for his blog post onVolume Rendering in WebGL.

git clone https://github.com/SuboptimalEng/volume-rendering.gitcd volume-rendering/npm installnpm run dev

But wait, there's more! After running these commands, you will be able to open the project in localhost. However, there will be no image rendered on screen. Why, you may ask? Simple, I did not want to upload multiple 16MB data files to GitHub. To see the demo in action, you will need to download one of these files and upload them via the UI.

• Foot -https://klacansky.com/open-scivis-datasets/foot/foot_256x256x256_uint8.raw
• Skull -https://klacansky.com/open-scivis-datasets/skull/skull_256x256x256_uint8.raw
• Bonsai -https://klacansky.com/open-scivis-datasets/bonsai/bonsai_256x256x256_uint8.raw

Note: The website I linked has tons of models, but not all of them will work. I've hard-coded this project to work with256x256x256 uint8 files that are scaled1x1x1.

• Will Usher's Blog Post -https://www.willusher.io/webgl/2019/01/13/volume-rendering-with-webgl
• Open Scientific Visualization Datasets -https://klacansky.com/open-scivis-datasets
• The Art of Code -https://www.youtube.com/watch?v=S8AWd66hoCo
• Inigo Quilez -https://iquilezles.org/articles/palettes/

Shield:

This work is licensed under aCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.