Figure 9: Leap Motion can be attached to the Oculus Rift in
order to provide gesture recognition of the user’s hands.
the Web by using a combination of open web tech-
nologies: WebGL, WebVR and X3D. DICOM files
are supported through the Cornerstone JavaScript li-
brary, providing a custom piece of code to construct
a texture atlas in the client. A X3DOM implementa-
tion of the volume rendering nodes has been used to
render the texture atlas.
Some UI elements and visual clues have been
added to help the users to interact with the volumet-
ric information (Window Level modification, interac-
tive Transfer Function editor, 3D wireframe, visual-
ization from inside the volume and VR compatible
orbit navigation style). Our preliminary research ac-
tivities have dealt with situations regarding the VR
and non-VR environments and the transitions among
them. Our results show that there is room to improve
the Human-Computer Interaction within the web en-
vironment and the current and forthcoming collection
of HMD devices: Oculus Rift, HTC Vive, Microsoft
Hololens, Samsung GearVR, PlayStation VR, Google
Cardboard and Daydream...
The presented mixture of web technologies pro-
vide a real ecosystem that can facilitate the deploy-
ment of VR experiences of volumetric datasets for
experts in their corresponding fields, but unaware of
the technological advances under the hood. This sit-
uation will democratize the access to the information
and the distribution and sharing of volumetric visual-
ization among different user groups.
Our next steps will be oriented to the further test-
ing of UI elements with real users through subjective
surveys. Additionally, we will explore the possibility
to add 3D interaction widgets into VR mode through
the combination of gesture based recognition (using
devices like Leap Motion (Leap Motion, 2016), see
Fig. 9) and novel navigation modes.
REFERENCES
Arbelaiz, A., Moreno, A., Kabongo, L., and Garc
´
ıa-Alonso,
A. (2016). X3DOM volume rendering component for
web content developers. Multimedia Tools and Appli-
cations, pages 1–30.
Christie, M. and Olivier, P. (2009). Camera Control in
Computer Graphics: Models, Techniques and Appli-
cations. In ACM SIGGRAPH ASIA 2009 Courses,
SIGGRAPH ASIA ’09, pages 3:1–3:197, New York,
NY, USA. ACM.
Chrome (2016). Chrome developer builds with WebVR
support. https://webvr.info/get-chrome/.
Congote, J., Segura, A., Kabongo, L., Moreno, A., Posada,
J., and Ruiz, O. (2011). Interactive Visualization of
Volumetric Data with WebGL in Real-time. In Pro-
ceedings of the 16th International Conference on 3D
Web Technology, Web3D ’11, pages 137–146, New
York, NY, USA. ACM.
Cornerstone (2016). JavaScript library to display interactive
medical images including but not limited to DICOM.
https://github.com/chafey/cornerstone.
Fernandez-Bay
´
o, J., Barbero, O., Rubies, C., Sent
´
ıs, M.,
and Donoso, L. (2000). Distributing Medical Im-
ages with Internet Technologies: A DICOM Web
Server and a DICOM Java Viewer. RadioGraphics,
20(2):581–590. PMID: 10715352.
Fraunhofer IGD (2014). X3DOM: Open-source frame-
work and runtime for 3D graphics on the Web.
http://www.x3dom.org.
Kajiya, J. T. and Von Herzen, B. P. (1984). Ray Trac-
ing Volume Densities. SIGGRAPH Comput. Graph.,
18(3):165–174.
Khronos (2016). WebGL: OpenGL ES 2.0 for the Web.
https://www.khronos.org/webgl/.
Kruger, J. and Westermann, R. (2003). Acceleration
Techniques for GPU-based Volume Rendering. In
Proceedings of the 14th IEEE Visualization 2003
(VIS’03), VIS ’03, pages 38–, Washington, DC, USA.
IEEE Computer Society.
Leap Motion (2016). Truly immersive VR technology.
https:// www.leapmotion.com/.
Mobeen, M. M. and Feng, L. (2012). High-performance
volume rendering on the ubiquitous webgl platform.
In Proceedings of the 2012 IEEE 14th International
Conference on High Performance Computing and
Communication & 2012 IEEE 9th International Con-
ference on Embedded Software and Systems, HPCC
’12, pages 381–388, Washington, DC, USA. IEEE
Computer Society.
OsiriX (2016). DICOM image sample sets. http://
www.osirix-viewer.com/resources/dicom-image-
library/.
Rebenitsch, L. (2015). Managing cybersickness in virtual
reality. XRDS, 22(1):46–51.
Web3DConsortium (2014). Extensible 3D (X3D)
basic example archives. http://www.web3d.org/x3d-
resources/content/examples/Basic/VolumeRendering/.
WebVR (2016). Bringing virtual reality to the web. http://
webvr.info/.
Interactive Visualization of DICOM Volumetric Datasets in the Web - Providing VR Experiences within the Web Browser
115