3D Mesh Viewer Using HTML5 Technology

• Autorzy: Sawicki B. , Chaber B.

Warianty tytułu

PL

Wykorzystanie standardu HTML5 do wizualizacji siatek trójwymiarowych

• Języki publikacji: EN

Abstrakty

EN

The effective visualization of 3D meshes based on the build-in features of a web browser supporting HTML5 (Canvas, WebGL) standards is presented. The algorithms related with progressive mesh streaming over Internet network are discussed. It has been demonstrated that using described software, 3D models could be easily visualized on any modern, mobile device (internet tablets, smart-phones or netbooks).

PL

Artykuł prezentuje wydajną metodę wizualizacji siatek trójwymiarowych przy pomocy mechanizmów wbudowanych w przeglądarki internetowe obsługujące standard HTML5 (Canvas, WebGL). Przedstawiono algorytmy progresywnego przesyłania siatki poprzez sieć internet. Zademonstrowano sposób, który pozwala na łatwą, interaktywną pracę z obiektami 3D na współczesnych, przenośnych urządzeniach takich jak tablety, smartfony, czy netbooki.

Słowa kluczowe

EN

Canvas; WebGL; 3D visualization

PL

wizualizacja trójwymiarowa; Canvas; WebGL

• Wydawca: Wydawnictwo SIGMA-NOT
• Czasopismo: Przegląd Elektrotechniczny
• Rocznik: 2012
• Tom: R. 88, nr 5a
• Strony: 155--157
• Opis fizyczny: Bibliogr. 13 poz., rys.

Twórcy

autor

Sawicki B.

autor

Chaber B.

• Warsaw University of Technology,

Bibliografia

• [1] E. Pinto, G. Amador, A. Gomes: A graphics library for delivering 3D contents on Web browsers Digital Content, Multimedia Technology and its Applications (IDC), 2010 6th International Conference on Seoul, 16-18 Aug. 2010
• [2] C. Leung, and A. Salga: Enabling WebGL, Proceedings of the 19th international conference on World wide web, Raleigh, North Carolina, USA 2010
• [3] Khronos Group, Webgl - opengl es 2.0 for the web. 2009, http://www.khronos.org/webgl/
• [4] Mathieu Badimon, Five3D - Flash 3D library, http://five3d.mathieu-badimon.com/
• [5] Mr. Doob, three.js, Javascript 3D Engine, https://github.com/mrdoob/three.js, 2010-2011
• [6] Crockford, D., JSON (JavaScript Object Notation). http://www.json.org/.
• [7] C3DL - The Canvas 3D JS Library, 2011, http://www.c3dl.org
• [8] John Resig, processing.js, http://processingjs.org
• [9] W3C Working Draft: Timing control for script-based animations, 2 June 2011, http://www.w3.org/TR/animation-timing/
• [10] H. Hoppe, T. DeRose, T. Duchamp, J. McDonald, W. Stuetzle, Mesh optimization, Proceedings of the 20th annual conference on Computer graphics and interactive techniques, 1993
• [11] H. Hoppe, Progressive meshes, Proceedings of the 23rd annual conference on Computer graphics and interactive techniques, 1996
• [12] B. Chaber, Zastosowanie siatek progresywnych do efektywnej wizualizacji wyników symulacji MES, master’s thesis, Insitute of Theory of Electrical Engineering, Measurement and Information Systems, Warsaw University of Technology, 2011
• [13] H. Hoppe, Efficient implementation of progressive meshes, Computers & Graphics, Volume 22, Issue 1, 1998