Real-Time Ray Tracing Dynamic Scenes Based on WebGL

Conference paper
Part of the Lecture Notes in Electrical Engineering book series (LNEE, volume 218)


WebGL is an immediate mode 3D rendering API designed for the Web. Ray tracing is a method that can generate photo-realistic image. For the past decades, ray tracing on the Internet browsers is an impossible task. WebGL’s appearance gives this impossible task coming true. In this paper, we introduced a WebGL-based ray tracing for small dynamic scenes (about 3 K triangles) in real time.


Ray tracing WebGL Illumination model Uniform grid 


  1. 1.
    Khronos Group WebGL Specification.
  2. 2.
    Whitted T (1980) An improved illumination model for shaded display. Commun ACM 98:343–349Google Scholar
  3. 3.
    Wald I, Ize T, Kensler A, Knoll A, Parker SG (2006) Ray tracing animated scenes using coherent grid traversal. ACM Trans Graph 47:434–436Google Scholar
  4. 4.
    Fernando R (2004) GPU gems: programming techniques, tip, and tricks for real-time graphics. Univ Appl Sci Basel 72:757–759Google Scholar
  5. 5.
    Kessenich J, Baldwin D, Rost R (2009) The OpenGL shading language. Version 46:1–5Google Scholar
  6. 6.
    Havran V (2001) Heuristic ray shooting algorithms, Ph.D. dissertation, Czech Technical University Praha, Czech Repubic 47:58–62Google Scholar

Copyright information

© Springer-Verlag London 2013

Authors and Affiliations

  1. 1.School of Computer Engineering and ScienceShanghai UniversityShanghaiChina

Personalised recommendations