This project implements three different illustrative techniques for the visualization of volume data and allows the user to switch between the techniques and interactively change various parameters. The renderer is using THREE.js and WebGL 2. The volumetric data is raymarched inside GLSL shaders.
Originally written as semestral work for the Visualization class at Czech Technical University in Prague.
Implemented techniques:
[1] Kruger, J., Schneider, J. and Westermann, R., 2006. Clearview: An interactive context-preserving hotspot visualization technique. IEEE Transactions on Visualization and Computer Graphics, 12(5), pp.941-948.
[2] de Moura Pinto, F. and Freitas, C.M., 2010, August. Importance-aware composition for illustrative volume rendering. In 2010 23rd SIBGRAPI Conference on Graphics, Patterns and Images (pp. 134-141). IEEE.
[3] Bruckner, S., Grimm, S., Kanitsar, A. and Gröller, M.E., 2005, May. Illustrative context-preserving volume rendering. In EuroVis (pp. 69-76).
npm start to start the webpack developement server at http://localhost:8080
npm run build bundles the project into the folder ./build/. https://webpack.js.org/guides/production/.
Note that this folder should not exist prior to building.
The project used the three-seed starter template by edwinwebb (MIT)