Eureka! Institutional Repository

Web graphics represents a special category of graphics, which run on the browser. The latest version of HTML, which includes special features that facilitate 2D and 3D graphics, coupled with the development of WebGL (Web Graphics Library), have enabled developers to develop web graphics more convenient and faster. In particular, Three JS is a JavaScript 3D library used to facilitate the use of the WebGL interface, reducing significantly the amount of code required to implement Web graphics with the use of WebGL. In the context of this study, a basic guide of the use of the Three JS 3D library is written, in Greek language, describing the main objects of the library and the properties and methods of the respective objects. Additionally, there are presented examples of graphics developed with Three JS 3D library for (i) rendering graphics of various geometric objects, (ii) adding interaction on web graphics, (iii) drawing a scene for graphics, and (iv) including animation on Web graphics.While preparing the guide and implementing examples with the use of Three JS, it was found that it is easy to integrate graphics into web pages with the use of the library, not requiring the researcher to learn in details WebGL. Additionally, it was found that it is possible to improve the functionality of Web graphics by using capabilities of other JavaScript libraries and other HTML elements. However, regular updates of Three JS 3D library and the lack of interoperability between different versions of the library have been identified as main problems against the use of Three JS. Finally, the various JavaScript security policies and relevant restrictions of browsers have been identified as additional limitations on the effective use of Three JS.