Abstract
In this paper, we explain the rendering of ultra-high- resolution web content using HTML5 <canvas> elements. Many high-resolution massive datasets have recently been presented on the web. For example, Google Maps provides satellite images of Earth’s surface and atmosphere at various resolutions. However, the scope of information that a user can view depends on the number of pixels of the user’s computer monitor, irrespective of the data resolution. Therefore, we propose a parallel distributed rendering method for web content using multiple LCD monitors. We demonstrate that our system can draw an 8240 pixel × 4920 pixel HTML5 <canvas> element over a 16-monitor tiled display wall.
Chapter PDF
Similar content being viewed by others
References
Flickr from yahoo, http://flickr.com/
OpenGL, http://www.opengl.org/
Wall display in mosaic, http://shohei.yokoyama.ac/Wall_Display_in_Mosaic/en
Blasi, G.D., Petralia, M.: Fast Photomosaic. In: Poster Proceedings of ACM/WSCG 2005, Citeseer (2005)
Crockett, T.: An Introduction to Parallel Rendering. Parallel Computing 23(7), 819–843 (1997)
Dali, S.: Gala contemplating the Mediterranean Sea, which at twenty meters becomes the portrait of Abraham Lincoln (1976)
DeFanti, T.A., Leigh, J., Renambot, L., Jeong, B., Verlo, A., Long, L., Brown, M., Sandin, D.J., Vishwanath, V., Liu, Q., Katz, M.J., Papadopoulos, P., Keefe, J.P., Hidley, G.R., Dawe, G.L., Kaufman, I., Glogowski, B., Doerr, K.-U., Singh, R., Girado, J., Schulze, J.P., Kuester, F., Smarr, L.: The optiportal, a scalable visualization, storage, and computing interface device for the optiputer. Future Generation Computer Systems, The International Journal of Grid Computing and eScience 25(2), 114–123 (2009)
di Blasi, G., Gallo, G., Petrali, M.P.: Smart ideas for photomosaic rendering. In: Eurographics Italian Chapter Conference 2006, pp. 267–272 (2006)
Fantz, J.F., Reinsel, D., Chute, C., Schlichting, W., McArthur, J., Minton, S., Xheneti, I., Tonoheva, A., Manfrediz, A.: The expanding digital universe. In: An IDC White Paper - Sponsored by EMC (2007)
Humphreys, G., Houston, M., Ng, R., Frank, R., Ahern, S., Kirchner, P.D., Klosowski, J.T.: Chromium: A stream-processing framework for interactive rendering on clusters. In: ACM SIGGRAPH 2002, pp. 693–702 (2002)
Melchior, J., Grolaux, D., Vanderdonckt, J., Roy, P.V.: A toolkit for peer-to-peer distributed user interfaces: Concepts, implementation, and applications. In: Proceedings of The ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2009), pp. 69–78 (2009)
Mount, D.M., Arya, S.: Ann: A library for approximate nearest neighbor searching, http://www.cs.umd.edu/~mount/ANN/
Ni, T., Schmidt, G.S., Staadt, O.G., Livingston, M.A., Ball, R., May, R.: A survey on large high-resolution display technologies, techniques, and applications. In: Virtual Reality Conference, 2006, pp. 223–236 (2006)
Renambot, L., Rao, A., Singh, R., Byungil, J., Krishnaprasad, N., Vishwanath, V., Vaidya, C., Nicholas, S., Spale, A., Charles, Z., Gideon, G., Leigh, J., Johnson, A.: Sage: the scalable adaptive graphics environment. In: Workshop on Advanced Collaborative Environments, WACE 2004 (2004)
Sandstrom, T.A., Henze, C., Levit, C.: The hyperwall. In: Proceedings of International Conference on Coordinated and Multiple Views in Exploratory Visualization, pp. 124–133 (2003)
Silvers, R.: Photomosaics: Putting Pictures in Their Place. PhD thesis, Massachusetts Institute of Technology (1996)
Silvers, R., Tieman, R.: Disney’s Photomosaics. Hyperion (1998)
Staadt, O., Walker, J., Nuber, C., Hamann, B.: A Survey and Performance Analysis of Software Platforms for Interactive Cluster-based Multi-screen Rendering. In: ACM SIGGRAPH ASIA 2008 Courses, pp. 1–10. ACM, New York (2008)
Vandervelpen, C., Vanderhulst, G., Luyten, K., Coninx, K.: Light-weight distributed web interfaces: Preparing the web for heterogeneous environments. In: Lowe, D.G., Gaedke, M. (eds.) ICWE 2005. LNCS, vol. 3579, pp. 197–202. Springer, Heidelberg (2005)
Yokoyama, S., Ishikawa, H.: Creating Decomposable Web Applications On High-Resolution Tiled Display Walls. In: Proceedings of the IADIS International Conference on WWW/Internet, pp. 151–158 (2010)
Author information
Authors and Affiliations
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2011 Springer-Verlag Berlin Heidelberg
About this paper
Cite this paper
Yokoyama, S., Ishikawa, H. (2011). Parallel Distributed Rendering of HTML5 Canvas Elements. In: Auer, S., Díaz, O., Papadopoulos, G.A. (eds) Web Engineering. ICWE 2011. Lecture Notes in Computer Science, vol 6757. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-22233-7_23
Download citation
DOI: https://doi.org/10.1007/978-3-642-22233-7_23
Publisher Name: Springer, Berlin, Heidelberg
Print ISBN: 978-3-642-22232-0
Online ISBN: 978-3-642-22233-7
eBook Packages: Computer ScienceComputer Science (R0)