skip to main content
10.1145/2775292.2775298acmconferencesArticle/Chapter ViewAbstractPublication Pagesweb3dConference Proceedingsconference-collections
research-article

Animation on the web: a survey

Published: 18 June 2015 Publication History

Abstract

The main motivation of this paper is to provide a current state and a brief overview of animation on the web. Computer animation is used in many fields and it has seen a lot of development in the recent years. With the widespread use of WebGL and the age of powerful modern hardware available on small devices, 3D rendering on the browser is now becoming commonplace. Computer Animation can be described as the rendering of objects on screen, which can change shape and properties with respect to time. There are many approaches to rendering animation on the web, but none of them yet provide a coherent approach in terms of transmission, compression and handling of the animation data on the client side (browser). And if computer animation has to become more accessible over the web, these challenges need to be addressed in the same "minimalistic manner (requirement wise)" as every other multimedia content has been addressed on the web. We aim to provide an overview of the current state of the art, while commenting on the shortcomings pertaining to current formats/approaches and discuss some of the upcoming standards and trends which can help with the current implementation.

References

[1]
7Zip. Lempel-Ziv-Markov Chain Algorithm (LZMA).
[2]
Alliez, P. and Desbrun, M. 2001. Progressive Compression for Lossless Transmission of Triangle Meshes. Proceedings of the 28th annual conference on Computer graphics and interactive techniques, 195--202.
[3]
Alliez, P. and Gotsman, C. 2005. Recent advances in compression of 3D meshes. Advances in Multiresolution for Geometric Modelling, 1--25.
[4]
Avilés, M. And Morán, F. 2008. Static 3D triangle mesh compression overview. Proceedings - International Conference on Image Processing, ICIP 2, 2684--2687.
[5]
Behr, J., Jung, Y., Franke, T., and Sturm, T. 2012. Using images and explicit binary container for efficient and incremental delivery of declarative 3D scenes on the web. Web3D 3D technologies for the World Wide Web 1, 17--26. http://dl.acm.org/citation.cfm?id=2338717.
[6]
Behr, J., Jung, Y., Keil, J., et al. 2010. A scalable architecture for the HTML5/X3D integration model X3DOM. Proceedings of the 15th International Conference on Web 3D Technology - Web3D '10, ACM Press, 185.
[7]
Di Benedetto, M., Ponchio, F., Ganovelli, F., and Scopigno, R. 2010. SpiderGL. Proceedings of the 15th International Conference on Web 3D Technology - Web3D '10, ACM Press, 165.
[8]
Blume, A., Chun, W., Kogan, D., et al. 2011. Google Body. ACM SIGGRAPH 2011 Talks on - SIGGRAPH '11, ACM Press, 1.
[9]
Briceño, H. M., Sander, P. V., McMillan, L., Gortler, S., and Hoppe, H. 2003. Geometry videos: a new representation for 3D animations. 136--146.
[10]
Cabello, R. 2010. ThreeJS.
[11]
Cabello, R. 2011a. Three.js | Animation.js.
[12]
Cabello, R. 2011b. Three.js | Animation Docs.
[13]
Cao, C., Hou, Q., and Zhou, K. 2014. Displaced dynamic expression regression for real-time facial tracking and animation. ACM Transactions on Graphics 33, 4, 1--10.
[14]
Chávez, G., Ávila, F., and Rockwood, A. 2013. Lightweight Visualization for High-Quality Materials on WebGL. Proceedings of the 18th International Conference on 3D Web Technology, 109--116.
[15]
Chun, W. 2011. WebGL-Loader. https://code.google.com/p/webgl-loader/.
[16]
Congote, J., Segura, A., Kabongo, L., Moreno, A., Posada, J., and Ruiz, O. 2011. Interactive visualization of volumetric data with WebGL in real-time. Proceedings of the 16th International Conference on 3D Web Technology - Web3D '11, ACM Press, 137.
[17]
Coughlin, B. 2014. 3D for the Modern Web - Declarative3D and glTF. http://mason.gmu.edu/~bcoughl2/cs752/.
[18]
Cozzi, P. and Riccio, C. 2012. OpenGL Insights. 712. http://www.seas.upenn.edu/~pcozzi/OpenGLInsights/OpenGLInsights-WebGLModelsEndToEnd.pdf.
[19]
DeCoro, C. and Rusinkiewicz, S. 2005. Pose-independent simplification of articulated meshes. Proceedings of the 2005 symposium on Interactive 3D graphics and games - SI3D '05, ACM Press, 17.
[20]
Doboš, J., Sons, K., Rubinstein, D., Slusallek, P., and Steed, A. 2013. XML3DRepo. Proceedings of the 18th International Conference on 3D Web Technology - Web3D '13, ACM Press, 47.
[21]
Ecma International. 2013. ECMAScript Language Specification, 6th Edition, Draft Revision 14. http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts.
[22]
Englert, M., Jung, Y., Klomann, M., Etzold, J., and Grimm, P. 2014. Instant texture transmission using bandwidth-optimized progressive interlacing images. Proceedings of the Nineteenth International ACM Conference on 3D Web Technologies - Web3D '14, ACM Press, 144--144.
[23]
Evans, A., Romeo, M., Bahrehmand, A., Agenjo, J., and Blat, J. 2014. 3D graphics on the web: A survey. Computers & Graphics 41, 43--61.
[24]
Ewiner, T. H. L. 2005. GEncode: Geometry -- driven compression in arbitrary dimension and co -- dimension 1 Introduction 2 Basic concepts. 1--8.
[25]
Forsyth, T. 2006. Linear-Speed Vertex Cache Optimisation. https://home.comcast.net/~tom_forsyth/papers/fast_vert_cache_opt.html.
[26]
Garland, M. and Heckbert, P. S. 1997. Surface simplification using quadric error metrics. Proceedings of the 24th annual conference on Computer graphics and interactive techniques - SIGGRAPH '97, ACM Press, 209--216.
[27]
Geelnard, M. 2009. OpenCTM Mesh Compression Format. http://openctm.sourceforge.net/.
[28]
Gobbetti, E. And Marton, F. 2012. Adaptive quad patches: an adaptive regular structure for web distribution and adaptive rendering of 3D models. Web3D 3D technologies for the World Wide Web, 9--16.
[29]
Gu, X., Gortler, S. J., and Hoppe, H. 2002. Geometry images. ACM Transactions on Graphics 21, 3, 355-355--361-361.
[30]
H-Anim. Humanoid Animation. http://www.h-anim.org.
[31]
Herhut, S., Hudson, R. L., Shpeisman, T., and Sreeram, J. 2013. River trail. Proceedings of the 2013 ACM SIGPLAN international conference on Object oriented programming systems languages & applications - OOPSLA '13, 729--744.
[32]
Herman, D. and Russell, K. 2013. Typed Array Specification. http://www.khronos.org/registry/typedarray/specs/latest/.
[33]
Hoppe, H. 1996. Progressive meshes. Proceedings of the 23rd annual conference on Computer graphics and interactive techniques - SIGGRAPH '96, ACM Press, 99--108.
[34]
Hoppe, H. 1997. View-dependent refinement of progressive meshes. Proceedings of the 24th annual conference on Computer graphics and interactive techniques - SIGGRAPH '97, ACM Press, 189--198.
[35]
Jankowski, J., Ressler, S., Sons, K., Jung, Y., Behr, J., and Slusallek, P. 2013. Declarative integration of interactive 3D graphics into the world-wide web. Proceedings of the 18th International Conference on 3D Web Technology - Web3D '13, ACM Press, 39.
[36]
Jones, B. 2011. TojiCode: Compressed Textures in WebGL. http://blog.tojicode.com/2011/12/compressed-textures-in-webgl.html.
[37]
Kao, C. K., Jong, B. S., and Lin, T. W. 2010. Representing progressive dynamic 3D meshes and applications. Proceedings - Pacific Conference on Computer Graphics and Applications, 5--13.
[38]
Kavan, L., Dobbyn, S., Collins, S., Žára, J., and O'Sullivan, C. 2008. Polypostors. Proceedings of the 2008 symposium on Interactive 3D graphics and games - SI3D '08, ACM Press, 149.
[39]
KHRONOS GROUP, 2012. 2012. glTF - the runtime asset format for WebGL, OpenGL ES, and OpenGL. https://github.com/KhronosGroup/glTF.
[40]
KHRONOS GROUP, 2013. COLLADA.org. https://collada.org/.
[41]
KhronosGroup. 2012. WebCL, Heterogeneous parallel computing in HTML5 web browsers. http://www.khronos.org/webcl/.
[42]
KhronosGroup. 2014. WEBGL_compressed_texture_s3tc Extension Specification. The Khronos Group. http://www.khronos.org/registry/webgl/extensions/WEBGL_compressed_texture_s3tc/.
[43]
Klein, F. 2013. Declarative AR in the Web with XML3D and Xflow XML3D. 1--8. http://www.perey.com/ARStandards/{Klein-Slusallek}xflow_9th_AR_St_Meeting.pdf.
[44]
Klein, F., Sons, K., Rubinstein, D., and Slusallek, P. 2013. XML3D and Xflow: Combining declarative 3D for the Web with generic data flows. IEEE Computer Graphics and Applications 33, 5, 38--47.
[45]
Lavoué, G., Chevalier, L., and Dupont, F. 2013. Streaming compressed 3D data on the web using JavaScript and WebGL. Proceedings of the 18th International Conference on 3D Web Technology - Web3D '13, 19. http://dl.acm.org/citation.cfm?id=2466533.2466539.
[46]
Lee, J., Choe, S., and Lee, S. 2010. Mesh geometry compression for mobile graphics. 2010 7th IEEE Consumer Communications and Networking Conference, CCNC 2010, 301--305.
[47]
Lee, P.-F. 2013. Progressive Animation Sequences. 2013 10th International Conference Computer Graphics, Imaging and Visualization, 11--16.
[48]
Limper, M., Thöner, M., Behr, J., and Fellner, D. W. 2014a. SRC - a streamable format for generalized web-based 3D data transmission. Proceedings of the Nineteenth International ACM Conference on 3D Web Technologies - Web3D '14, 35--43. http://dl.acm.org/citation.cfm?id=2628588.2628589.
[49]
Limper, M., Thöner, M., Behr, J., and Fellner, D. W. 2014b. SRC - a streamable format for generalized web-based 3D data transmission. Proceedings of the Nineteenth International ACM Conference on 3D Web Technologies - Web3D '14, 35--43.
[50]
Limper, M., Wagner, S., Stein, C., Jung, Y., and Stork, A. 2013. Fast delivery of 3D web content. Proceedings of the 18th International Conference on 3D Web Technology - Web3D '13, ACM Press, 11.
[51]
Maglo, A., Courbet, C., Alliez, P., and Hudelot, C. 2012. Progressive compression of manifold polygon meshes. Computers & Graphics 36, 5, 349--359.
[52]
Mammou, K. 2013. Open 3D Graphics Compression. https://github.com/KhronosGroup/glTF/wiki/Open-3D-Graphics-Compression.
[53]
Microsoft. 2013. Babylon.js.
[54]
Mohr, A. And Gleicher, M. 2003. Deformation sensitive decimation.
[55]
Mukai, T. and Kuriyama, S. 2007. Multilinear Motion Synthesis with Level-of-Detail Controls. 15th Pacific Conference on Computer Graphics and Applications (PG'07), IEEE, 9--17.
[56]
Müller, K., Smolic, A., Kautzner, M., Eisert, P., and Wiegand, T. 2005. Predictive compression of dynamic 3D meshes. Proceedings - International Conference on Image Processing, ICIP 1, 621--624.
[57]
Peng, J., Huang, Y., Kuo, C. C. J., Eckstein, I., and Gopi, M. 2010. Feature oriented progressive lossless mesh coding. Computer Graphics Forum 29, 2029--2038. http://www.ics.uci.edu/~gopi/PAPERS/PG10.pdf.
[58]
Pilgrim, S. J., Aguado, A., Mitchell, K., and Steed, A. 2006. Progressive skinning for video game character animations. ACM SIGGRAPH 2006 Sketches on - SIGGRAPH '06, ACM Press, 114.
[59]
Ray, A. 2014. Exporting models from 3dsMax to ThreeJS.
[60]
Rodríguez, M. B., Gobbetti, E., Marton, F., and Tinti, A. 2013. Coarse-grained multiresolution structures for mobile exploration of gigantic surface models. SIGGRAPH Asia 2013 Symposium on Mobile Graphics and Interactive Applications on - SA '13, ACM Press, 1--6.
[61]
Rossignac, J. 2004. Compressing Volumes and Animations (Tutorial Notes).
[62]
Savoye, Y. and Meyer, A. 2008. Multi-layer level of detail for character animation. Proceedings of the Workshop on Virtual Reality Interaction and Physical Simulation - VRIPHYS.
[63]
Schilbach, J. 2014. An Event-Based Framework for Animations in X3D. 89--97.
[64]
Schwartz, C., Ruiters, R., Weinmann, M., and Klein, R. 2011. WebGL-based Streaming and Presentation Framework for Bidirectional Texture Functions. The 12th International Symposium on Virtual Reality Archeology and Cultural Heritage VAST 2011, 113--120. http://diglib.eg.org/EG/DL/WS/VAST/VAST11/113-120.pdf.
[65]
Sons, K. 2010. XML3D: Declarative and interactive 3D graphics as extension to HTML5. http://www.xml3d.org/wp-content/uploads/2010/11/XML3D-TPAC-ks-2010.pdf.
[66]
Sons, K. 2013. Towards a 3D transmission format for the Web. 1--7. http://www.perey.com/ARStandards/{Klein}3dtf-position-paper_Ninth_AR_Standards_Meeting.pdf.
[67]
Sons, K., Klein, F., Rubinstein, D., Byelozyorov, S., and Slusallek, P. 2010. XML3D: Interactive 3D Graphics for the Web. Proceedings of the 15th International Conference on Web 3D Technology 1, 175--184.
[68]
Stamoulias, A., Malamos, A. G., Zampoglou, M., and Brutzman, D. 2014. Enhancing X3DOM declarative 3D with rigid body physics support. Proceedings of the Nineteenth International ACM Conference on 3D Web Technologies - Web3D '14, ACM Press, 99--107.
[69]
Stein, C., Limper, M., and Kuijper, A. 2014. Spatial data structures for accelerated 3D visibility computation to enable large model visualization on the web. Proceedings of the Nineteenth International ACM Conference on 3D Web Technologies - Web3D '14, ACM Press, 53--61.
[70]
Sutter, J., Sons, K., and Slusallek, P. 2014. Blast: A Binary Large Structured Transmission Format for the Web. Proceedings of the Nineteenth International ACM Conference on 3D Web Technologies - Web3D '14, 45--52.
[71]
Three.Js. 2012. https://github.com/mrdoob/three.js/wiki/Features.
[72]
To, D., Lau, R. W. H., and Green, M. 2001. An Adaptive Multiresolution Method for Progressive Model Transmission. Presence: Teleoperators and Virtual Environments 10, 1, 62--74.
[73]
Wen, L. 2014. LPM: Lightweight Progressive Meshes Towards Smooth Transmission of Web3D Media over Internet. 95--103.
[74]
World Wide Web Consortium. 2013. Web Workers. http://dev.w3.org/html5/workers/.
[75]
X3D. X3D/Canvas: Animation and Interactivty. http://www2.it.nuigalway.ie/~sredfern/CT404/05.pdf.
[76]
X3DOM. X3DOM Documentation: Tutorials. http://doc.x3dom.org/tutorials/.
[77]
XML3D. Tutorial Animation: XML3D.ORG. http://xml3d.org/tutorial/#Animations.
[78]
Yang, S., Kim, C.-S., and Kuo, C.-C. J. 2004. A Progressive View-Dependent Technique for Interactive 3-D Mesh Transmission. IEEE Transactions on Circuits and Systems for Video Technology 14, 11, 1249--1264.
[79]
Zakai, A. 2011. Emscripten. Proceedings of the ACM international conference companion on Object oriented programming systems languages and applications companion - SPLASH '11, 301.

Cited By

View all
  • (2025)VTO: Human Shape and Dimension Estimation for Virtual Try-OnAdvances in Data and Information Sciences10.1007/978-981-97-7360-2_3(21-30)Online publication date: 3-Jan-2025
  • (2021)Classification and Synthesis of Emotion in Sign Languages Using Neutral Expression Deviation Factor and 4D TrajectoriesEnterprise Information Systems10.1007/978-3-030-75418-1_29(637-659)Online publication date: 1-May-2021

Index Terms

  1. Animation on the web: a survey

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    Web3D '15: Proceedings of the 20th International Conference on 3D Web Technology
    June 2015
    274 pages
    ISBN:9781450336475
    DOI:10.1145/2775292
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 18 June 2015

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. WebGL
    2. animation
    3. compression
    4. real time animation
    5. streaming
    6. survey
    7. web

    Qualifiers

    • Research-article

    Conference

    Web3D '15
    Sponsor:

    Acceptance Rates

    Overall Acceptance Rate 27 of 71 submissions, 38%

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)23
    • Downloads (Last 6 weeks)1
    Reflects downloads up to 14 Feb 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2025)VTO: Human Shape and Dimension Estimation for Virtual Try-OnAdvances in Data and Information Sciences10.1007/978-981-97-7360-2_3(21-30)Online publication date: 3-Jan-2025
    • (2021)Classification and Synthesis of Emotion in Sign Languages Using Neutral Expression Deviation Factor and 4D TrajectoriesEnterprise Information Systems10.1007/978-3-030-75418-1_29(637-659)Online publication date: 1-May-2021

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Figures

    Tables

    Media

    Share

    Share

    Share this Publication link

    Share on social media