Skip to content

FtZzy/volume_rendering

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Volume Rendering

I completed my internship at Interactive Network Technologies (INT) with Vincent Dumestre. Our first mission was to accomplish a volume rendering with WebGL and Three.js. They agreed to publish this part under LICENSE.

USE

If you want to test our program you just need to download this repository.

$ git clone https://github.com/FtZzy/volume-rendering.git

Open index.html with your favorite browser. However, your browser has to support WebGL.

Actually you see:

  • a fps monitor
  • a button to choose a file
  • a GUI controller
  • a black screen

The monitor displays the fps by default. You can have the ping, the allocated memory or custom informations if you click on it.

Monitor screeshots

Next, you have to load a file! Before that please unzip data.zip and the file 'velocity'. With the first button choose velocity in the directory data and select 'Load'. Wait a couple of seconds and a cube will appear. You can move the object or zoom with the mouse.

Load file

Finally, we get the Graphical User Interface (GUI). The GUI controller represents the transfer function: you can change number of steps (higher is the number better is the result, but lower are the fps), the alpha correction that change the general opacity, the colors, their relative transparency and position. The position allows to display values more than others (the colors are linear between two). You can show or hide the panel with h.

GUI Volume rendering Volume rendering

DATA

For the moment it just works with one data format: that of velocity. If you want change it you have to modify LoadFile.js.

TODO

  1. Improve actual result
  2. Do a depth buffer
  3. Add lights
  4. Change LoadFile.js
  5. Hide colors inside the cube
  6. Make it nicer

Bibliography

LICENSE

Copyright (c) 2017 Interactive Network Technologies

About

WebGL volume rendering

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published