Implementación VR y WebGL con JavaScript

Las plataformas o aplicativos Web enfocadas para implementar WebGL con Realidad Virtual o VR, que ofrecen entornos virtuales son una realidad constante en el año 2020 y el año 2021 mas aun con la llegada de la pandemia, ya que debido a la contingencia presentada fueron muchas las actividades, eventos y vida cotidiana que se virtualizaron; por lo que se desarrollaron espacios con realidad virtual y tecnología 3D, online para conectar múltiples de personas alrededor de todo el mundo. Esta necesidad de conexión y de interacción entre las personas en eventos que se realizaban en la vida cotidiana, condujo a la necesidad de implementar eventos virtuales como: ferias, exposiciones de marcas, ventas etc. En línea y de forma interactiva con entornos en 3D orientados a la conexión. El fin de este proyecto es desarrollar un mundo virtual interactivo con realidad virtual con entornos en tercera dimensión. Lo que quiere decir que implementa tecnología WebGL. Con el fin de implementar eventos masivos de forma virtual e interactivos y 100% online, es decir orientados a la conexión, estos eventos van a permitir la conexión de múltiples personas alrededor del mundo o continente sin descargar aplicativos simplemente accediendo a un sitio web desde el explorador de internet.The platforms or Web applications focused on implementing WebGL with Virtual Reality or VR, which offer virtual environments are a constant reality in 2020 and 2021 even more so with the arrival of the pandemic, since due to the contingency presented there were many activities, events and daily life that were virtualized; Therefore, spaces with virtual reality and 3D technology were developed, online to connect multiple people around the world. This need for connection and interaction between people in events that took place in everyday life, led to the need to implement virtual events such as: fairs, brand exhibitions, sales, etc. Online and interactively with connection-oriented 3D environments. The aim of this project is to develop an interactive virtual world with virtual reality with 3D environments. Which means that it implements WebGL technology. In order to implement massive events in a virtual and interactive way and 100% online, that is, oriented to the connection, these events will allow the connection of multiple people around the world or continent without downloading applications simply by accessing a website from the internet browser.PregradoIngeniero(a) de Sistemas y ComputaciónTABLA DE CONTENIDO Contenido AGRADECIMIENTOS .................................................................................................................. 2 TABLA DE CONTENIDO............................................................................................................. 3 RESUMEN ..................................................................................................................................... 5 PALABRAS CLAVE ..................................................................................................................... 5 ABSTRACK ................................................................................................................................... 6 KEYWORDS .................................................................................................................................. 6 INTRODUCCIÓN .......................................................................................................................... 7 ANTECEDENTES DE LA IDEA ...................................................................................... 9 PLANTEAMIENTO DEL PROBLEMA ..................................................................................... 12 OBJETIVOS ................................................................................................................................. 13 OBJETIVO GENERAL .................................................................................................... 13 OBJETIVOS ESPESIFICOS ............................................................................................ 13 JUSTIFICACION ......................................................................................................................... 14 MARCO REFERENCIAL ............................................................................................................ 17 ESTADO DEL ARTE....................................................................................................... 17 MARCO TEORICO...................................................................................................................... 25 MARCO NORMATIVO .............................................................................................................. 26 MARCO CONCEPTUAL ............................................................................................................ 26 APP WEB ......................................................................................................................... 26 4 Pwa ........................................................................................................................ 29 ANGULAR FRAMEWORK ............................................................................................ 32 Three.JS ............................................................................................................................ 34 A-FRAME FRAMEWORK.............................................................................................. 39 BOOTSTRAP: Estilos y diseño responsive ...................................................................... 41 Responsive Desing ................................................................................................ 41 BOOTSTRAP ....................................................................................................... 45 Css3 ....................................................................................................................... 46 GIT .................................................................................................................................... 47 GLOSARIO DE TERMINOS........................................................................................... 48 CRONOGRAMA .......................................................................................................................... 51 CONCLUSIONES ........................................................................................................................ 53 BIBLIOGRAFÍA .......................................................................................................................... 5