{"id":47623,"date":"2024-03-02T11:53:35","date_gmt":"2024-03-02T16:53:35","guid":{"rendered":"https:\/\/niixer.com\/?p=47623"},"modified":"2024-03-15T16:20:47","modified_gmt":"2024-03-15T21:20:47","slug":"historia-videojuegos-webgl","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/","title":{"rendered":"Historia de los Videojuegos WebGL"},"content":{"rendered":"\n<p>Los videojuegos han evolucionado de formas sorprendentes a lo largo de las d\u00e9cadas. Desde los simples juegos de p\u00edxeles de los a\u00f1os 70 hasta los impresionantes mundos virtuales en 3D y el metaverso de hoy en d\u00eda. Todo este maravilloso mundo del entretenimiento ha tenido un avance significativo y muchos de nosotros hemos visto esos cambios. Uno de los sucesos m\u00e1s relevantes en esta evoluci\u00f3n gamer es la llegada de WebGL. Es la tecnolog\u00eda que ha permitido llevar los diferentes juegos que conocemos a los navegadores web conservando la calidad y la jugabilidad.<\/p>\n\n\n\n<p>En la actualidad, hay una amplia gama de bibliotecas disponibles para la creaci\u00f3n de gr\u00e1ficos por ordenador, dependiendo del prop\u00f3sito y la plataforma deseada. Entre ellas se encuentran DirectX de Microsoft; WebGL, utilizado com\u00fanmente en la web; Metal de Apple; OpenGL y Vulkan (de Khronos Group). Son los est\u00e1ndares de c\u00f3digo libre m\u00e1s utilizados.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>El inicio de WebGL<\/strong><\/h3>\n\n\n\n<p>En el a\u00f1o 2009 y luego de varios experimentos realizados con Canvas 3D entre Mozilla y Opera surge la iniciativa del proyecto WebGL. En cabeza de Khronos Group nombrando el proyeto como WebGL Working Group y empezando as\u00ed a desarrollar lo que ser\u00eda una de las tecnolog\u00edas mas revolucionarias para el desarrollo web. \u00bfQuieres ver un timeline?, <a href=\"https:\/\/www.timetoast.com\/timelines\/historia-de-los-videojuegos-webgl\" target=\"_blank\" rel=\"noreferrer noopener\">hazlo pulsando este enlace<\/a>. <\/p>\n\n\n\n<p>WebGL (Web Graphics Library) es una tecnolog\u00eda basada en OpenGL ES (Open Graphics Library). Introducida por primera vez en el navegador Mozilla Firefox en 2011 ya que fueron los principales precursores de esta tecnolog\u00eda y quienes hicieron en mayor parte este desarrollo. No falt\u00f3 mucho para que tambi\u00e9n se implementara como un est\u00e1ndar en Opera, Chrome, Safari e Internet Explorer (El anterior nombre de Microsoft Edge). WebGL permite a los desarrolladores aprovechar el poder de la GPU del dispositivo del usuario que est\u00e1 accediendo al sitio web y as\u00ed poder renderizar gr\u00e1ficos 3D de alta calidad en tiempo real directamente en el navegador y sin necesidad de tener instalados complementos o acceder a servicios de plugins externos.<\/p>\n\n\n\n<p>A continuaci\u00f3n podr\u00e1s ver un video informativo y m\u00e1s interactivo acerca del tema.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-gestor-del-servicio wp-block-embed-gestor-del-servicio wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"QU\u00c9 ES WEBGL\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/leM08DlCoCs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>WebGL en dispositivos moviles<\/strong><\/h3>\n\n\n\n<p>El uso de WebGL en dispositivos m\u00f3viles ha generado un inter\u00e9s significativo en los \u00faltimos a\u00f1os debido a la creciente potencia que incorporan los diferentes tipos de los dispositivos m\u00f3viles y la demanda de experiencias web interactivas.<\/p>\n\n\n\n<p>Uno de los principales desaf\u00edos de WebGL en dispositivos m\u00f3viles es el rendimiento. La potencia de procesamiento limitada y los recursos gr\u00e1ficos restringidos de los dispositivos m\u00f3viles pueden afectar negativamente el rendimiento de las aplicaciones WebGL. La optimizaci\u00f3n del rendimiento es crucial para garantizar una experiencia de usuario fluida en cualquier dispositivo pero con m\u00e1s \u00e9nfasis en los dispositivos m\u00f3viles con WebGL. Adem\u00e1s del rendimiento, los desaf\u00edos de interacci\u00f3n y experiencia del usuario tambi\u00e9n deben abordarse al implementar WebGL en dispositivos m\u00f3viles. La pantalla t\u00e1ctil y los sensores de movimiento ofrecen nuevas formas de interacci\u00f3n, pero tambi\u00e9n requieren un dise\u00f1o cuidadoso para garantizar una experiencia de usuario intuitiva y satisfactoria.<\/p>\n\n\n\n<p>Varias soluciones han sido propuestas en la literatura para abordar todos esos desaf\u00edos de rendimiento WebGL en dispositivos m\u00f3viles. Estas incluyen t\u00e9cnicas de optimizaci\u00f3n de rendimiento, como la reducci\u00f3n de pol\u00edgonos y el uso eficiente de texturas, as\u00ed como enfoques innovadores para la interacci\u00f3n m\u00f3vil, como la detecci\u00f3n de gestos y la realidad aumentada que est\u00e1 ahora muy de moda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Aplicaciones WebGL<\/strong><strong><\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><\/strong><strong>Educaci\u00f3n y Aprendizaje: <\/strong>Los aplicativos WebGL se han utilizado como herramientas de aprendizaje efectivas en entornos educativos. Estos juegos pueden proporcionar simulaciones interactivas y entornos inmersivos que facilitan la comprensi\u00f3n de conceptos complejos en \u00e1reas como la f\u00edsica, la biolog\u00eda o la historia. Una empresa dedicada al software educativo se llama JClic que permite desarrollar aplicativos tanto web como de escritorio a trav\u00e9s de su JClic Applet.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Salud mental: <\/strong>Se ha investigado el uso de plataformas web en las que se hace seguimiento de terapias para tratar trastornos de salud mental. Incluyendo la ansiedad, la depresi\u00f3n o el trastorno de estr\u00e9s postraum\u00e1tico.<\/li>\n\n\n\n<li><strong>Arquitectura y Dise\u00f1o Urbano: <\/strong>Hay diferentes web que han utilizado los elementos de dise\u00f1o como unity combinado con WebGL para la visualizaci\u00f3n arquitect\u00f3nica y el dise\u00f1o urbano (recorridos virtuales). Lo que actualmente nos permite conocer un apartamento, una construcci\u00f3n, un proyecto o un parque sin tener que ir hasta el sitio sino de manera remota.<\/li>\n\n\n\n<li><strong><\/strong><strong>Investigaci\u00f3n cient\u00edfica: <\/strong>En campos como la biolog\u00eda, la qu\u00edmica y la f\u00edsica, se utilizan plataformas web para la visualizaci\u00f3n y simulaci\u00f3n de diferentes fen\u00f3menos o de diferentes caracter\u00edsticas del cuerpo humano o animal. Por ejemplo, tenemos un aplicativo web que nos permite ver los diferentes componentes de la vista humana.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Web_Educativo.webp\" alt=\"Realidad Aumentada para educaci\u00f3n\" class=\"wp-image-47687\" style=\"width:552px;height:auto\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Web_Educativo.webp 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Web_Educativo-300x225.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Web_Educativo-768x576.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Desarrollo de videojuegos WebGL<\/strong><\/h3>\n\n\n\n<p>Para empezar con la historia de los videojuegos WebGL. Mucho antes de la llegada de esta tecnolog\u00eda, los videojuegos en la web sol\u00edan depender de tecnolog\u00edas como Flash, Java Applets o solo HTML incluyendo muchas l\u00edneas de c\u00f3digo con Javascript y CSS para poder brindar una buena experiencia al usuario que acced\u00eda a estos sitios web para divertirse. El problema es que estas tecnolog\u00edas ten\u00edan limitaciones significativas en t\u00e9rminos de rendimiento, seguridad y accesibilidad. Con la creciente demanda de experiencias de juego m\u00e1s sofisticadas y compatibles con una amplia gama de dispositivos (web, m\u00f3viles) se vio la necesidad de una soluci\u00f3n m\u00e1s moderna y con mejor calidad gr\u00e1fica.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Banana_Bread-1024x640.webp\" alt=\"Banana Bread\" class=\"wp-image-47683\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Banana_Bread-1024x640.webp 1024w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Banana_Bread-300x188.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Banana_Bread-768x480.webp 768w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Banana_Bread.webp 1150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Uno de los aspectos importantes en la historia de los videojuegos WebGL fue el lanzamiento de <a href=\"https:\/\/kripken.github.io\/misc-js-benchmarks\/banana\/index.html\">BananaBread <\/a>en 2012. Desarrollado por Mozilla, este juego de disparos en primera persona demostr\u00f3 el potencial de WebGL para crear experiencias de juego inmersivas directamente en el navegador. A partir de ah\u00ed, el n\u00famero y la calidad de los juegos WebGL comenzaron a crecer r\u00e1pidamente. Los desarrolladores se interesaron por la plataforma ya que permite hacer todo mucho mas f\u00e1cil a la hora de ejecutar los videojuegos sin necesidad de ejecutables o de descargas de contenidos, sin la necesidad de llenar nuestro disco duro de archivos podemos ver un entorno web el cual no consume tanto recurso de disco o de procesador.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Unity y WebGL<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"464\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Unity_WebGL-1.webp\" alt=\"Unity y WebGL\" class=\"wp-image-47681\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Unity_WebGL-1.webp 800w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Unity_WebGL-1-300x174.webp 300w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Unity_WebGL-1-768x445.webp 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Unity lo conocemos por su versatilidad y capacidad para crear juegos de alta calidad en diversas plataformas. Con una amplia gama de herramientas y una comunidad activa, Unity facilita a los desarrolladores la creaci\u00f3n de experiencias interactivas envolventes. Desde juegos m\u00f3viles hasta realidad virtual, demostrando el poder ser una opci\u00f3n confiable para proyectos de desarrollo de juegos de todos los tama\u00f1os y g\u00e9neros.<\/p>\n\n\n\n<p>La combinaci\u00f3n de Unity y WebGL es una muy buena opci\u00f3n para el desarrollo de juegos web en cualquier plataforma. Unity proporciona un entorno familiar para los desarrolladores, permiti\u00e9ndoles crear juegos con todas las caracter\u00edsticas que esperar\u00edan en un entorno de desarrollo de juegos tradicional. Por su lado WebGL proporciona la librer\u00eda de integraci\u00f3n amplia para poder combinar sus gr\u00e1ficas. Al compilar proyectos en WebGL, los juegos creados en Unity pueden ejecutarse directamente en navegadores web modernos. Esto est\u00e1 siendo utilizado actualmente en la industria para realizar recorridos virtuales, claramente como habla el articulo videojuegos tambi\u00e9n e inclusive como m\u00e9todos de ense\u00f1anza en simuladores.<\/p>\n\n\n\n<p>A pesar de sus ventajas. No todo es tan bonito como parece y el desarrollo de juegos web con Unity y WebGL tambi\u00e9n nos representa algunos desaf\u00edos. Como ya hablamos anteriormente, acerca de la optimizaci\u00f3n del rendimiento ya que es un elemento crucial a la hora de garantizar al usuario una experiencia de juego fluida en una variedad de dispositivos y navegadores (teniendo en cuenta la amplia gama que existe con la gran cantidad de arquitecturas existentes). Adem\u00e1s, los desarrolladores deben tener en cuenta las limitaciones de <a href=\"https:\/\/niixer.com\/?s=hardware\">hardware <\/a>y las restricciones de seguridad al dise\u00f1ar juegos web para un p\u00fablico amplio.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Caracter\u00edsticas de los videojuegos WebGL<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Rendimiento y Optimizaci\u00f3n: <\/strong>Los dispositivos m\u00f3viles suelen tener recursos limitados en comparaci\u00f3n con los equipos de escritorio (PC), lo que puede afectar el rendimiento de los videojuegos WebGL. La optimizaci\u00f3n es clave para garantizar una experiencia de juego fluida en todos estos dispositivos.<\/li>\n\n\n\n<li><strong>Experiencia del Usuario: <\/strong>La experiencia del usuario en dispositivos m\u00f3viles puede ser muy diferente entre los equipos de c\u00f3mputo y los m\u00f3viles debido a diferencias en la interfaz de usuario, la pantalla t\u00e1ctil y otros factores. Los desarrolladores deben considerar estas diferencias al dise\u00f1ar juegos WebGL para dispositivos m\u00f3viles.<\/li>\n\n\n\n<li><strong>Distribuci\u00f3n y monetizaci\u00f3n: <\/strong>La distribuci\u00f3n y la monetizaci\u00f3n de los juegos en plataformas web o m\u00f3viles con WebGL incluyen lo mismo que en otro tipo de juegos, con pautas publicitarias y lo que ya conocemos como el Pay-to-Win.<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Futuro de los videojuegos WebGL<\/strong><\/h3>\n\n\n\n<p>Los <a href=\"https:\/\/niixer.com\/?s=videojuegos\">videojuegos <\/a>actuales han evolucionado desde los gr\u00e1ficos planos y lineales desde los 8 bits al 2D pasando al efecto <a href=\"https:\/\/niixer.com\/?s=3d\">3D<\/a>. En los entornos de realidad virtual, los jugadores pueden vivir experiencias m\u00e1s cercanas al mundo real, donde los usuarios escuchan y ven. En un futuro cercano, tocar\u00e1n y oler\u00e1n el mundo digital.<\/p>\n\n\n\n<p>Los videojuegos del futuro, impulsados por las mejoras en inteligencia artificial, gr\u00e1ficos de alta definici\u00f3n, procesamiento de im\u00e1genes digitales, sensores, dise\u00f1o 3D. Si nos fijamos en la incre\u00edble potencia que tienen hoy en d\u00eda los dispositivos que van saliendo al mercado se integran nuevas formas de interacci\u00f3n entre el usuario y el equipo. Finalmente los videojuegos evolucionar\u00e1n para ser cada vez m\u00e1s inmersivos y realistas. Se ha visto el caso de muchos videos generados por computadora que realmente parecen una grabaci\u00f3n en vivo con la c\u00e1mara de un tel\u00e9fono.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"420\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Realidad_Aumentada.webp\" alt=\"Realidad Aumentada\" class=\"wp-image-47690\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Realidad_Aumentada.webp 746w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/Realidad_Aumentada-300x169.webp 300w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>NFT<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"580\" height=\"330\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/NTF.webp\" alt=\"Que es un NFT\" class=\"wp-image-47682\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/NTF.webp 580w, https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/NTF-300x171.webp 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/figure>\n\n\n\n<p>Con la creaci\u00f3n y dise\u00f1os de NFT, muchos videojuegos han pasado de lo que conocemos como play-to-win hacia el play-to-earn permitiendo al usuario entrar en el mundo del blockchain y los cryptos. Esta modalidad permite a los jugadores ganar dinero comprando y vendiendo activos digitales, ya sean terrenos o casas virtuales, avatares, complementos del juego. Incluso tenemos im\u00e1genes cifradas que permiten tener la clave de un blockchain con una cierta cantidad de d\u00f3lares.<\/p>\n\n\n\n<p><a href=\"https:\/\/axieinfinity.com\/\">Axie Infinity<\/a>, es un metaverso play-to-earn d\u00f3nde su moneda principal son los Ethereum. Los jugadores cr\u00edan y entrenan a unos monstruos digitales llamados Axies los cuales son monetizados y permiten al usuario tener una mascota . Dependiendo de las diferentes combinaciones, cada mascota presenta unas caracter\u00edsticas propias, las cuales se pueden probar en combates.<\/p>\n\n\n\n<p>Siguiendo esta l\u00ednea de tratamiento de los videojuegos actuales. Podr\u00edamos imaginarnos el crecimiento incre\u00edble que habr\u00eda en un futuro (no muy lejano). En el cual podamos simplemente con acceder a nuestro navegador de preferencia (Chrome, Mozilla, Opera, Edge). Podamos solamente colocarnos unas gafas de realidad virtual y empezar a navegar por la web con nuestros ojos. Visualizando todos los contenidos que generan los diferentes desarrolladores dentro de la web, visualizando gr\u00e1ficos 3D sinti\u00e9ndonos en un mundo totalmente real a la hora de estar navegando por la web. O tal vez si nos vamos un poco m\u00e1s all\u00e1 e imaginamos algo m\u00e1s interesante podr\u00edamos pensar en un dispositivo f\u00edsico que nos permita manejar una web solo con nuestros ojos desde cualquier lugar que nos encontremos puede ser nuestra casa, el colegio o la calle, aunque falten muchos a\u00f1os para lograrlo y much\u00edsimo desarrollo tecnol\u00f3gico.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cr\u00e9ditos<\/strong><\/h3>\n\n\n\n<p><strong>Autor: <\/strong><a href=\"https:\/\/niixer.com\/index.php\/author\/scorzof\/\">Santiago Corzo Forero<\/a><\/p>\n\n\n\n<p><strong>Editor:<\/strong> Carlos Pinz\u00f3n<\/p>\n\n\n\n<p><strong>C\u00f3digo:<\/strong> UCCG-9<\/p>\n\n\n\n<p><strong>Universidad: <\/strong><a href=\"https:\/\/www.ucentral.edu.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Universidad Central<\/a>, facultad de ingenier\u00eda y ciencia b\u00e1sicas<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fuentes<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>Brown, A. (2019). Mobile Interaction Design. John Wiley &amp; Sons.<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Chen, C., Wang, Y., &amp; Wu, J. (2017). \"Design and implementation of mobile games based on WebGL technology\". En 2017 IEEE International Conference on Mechatronics and Automation (ICMA) (p\u00e1gs. 1639-1643).<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Johnson, M., et al. (2017). Mobile Augmented Reality. O'Reilly Media.<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Jones, P., &amp; Smith, L. (2018). WebGL Performance Optimization. Packt Publishing.<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Matsuda, K., &amp; Lea, R. (2013). WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL. Addison-Wesley Professional.<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Smith, J. (2020). WebGL Graphics Programming. Manning Publications.<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Unity Technologies. (2018, 4 de diciembre). Empezar con el desarrollo de WebGL. Manual de Unity. https:\/\/docs.unity3d.com\/es\/2018.4\/Manual\/webgl-gettingstarted.html<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Zhang, Z., Li, K., &amp; Zhang, M. (2018). \"Real-time rendering for mobile WebGL\". En Proceedings of the 12th International Conference on Ubiquitous Information Management and Communication (p\u00e1gs. 1-5). ACM.<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Los videojuegos han evolucionado de formas sorprendentes a lo largo de las d\u00e9cadas. Desde los simples juegos de p\u00edxeles de los a\u00f1os 70 hasta los impresionantes mundos virtuales en 3D y el metaverso de hoy en d\u00eda. Todo este maravilloso mundo del entretenimiento ha tenido un avance significativo y muchosSeguir Leyendo<\/p>\n","protected":false},"author":300,"featured_media":47679,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[77],"tags":[91,364,31,214,66,433],"class_list":["post-47623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-videojuegos","tag-innovacion","tag-paginas-web-2","tag-tecnologia","tag-unity","tag-videojuegos","tag-webgl"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Historia de los Videojuegos WebGL<\/title>\n<meta name=\"description\" content=\"La historia de los videojuegos WebGL, para ver como llegaron los videojuegos a nuestros navegadores web conservando la calidad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Historia de los Videojuegos WebGL\" \/>\n<meta property=\"og:description\" content=\"La historia de los videojuegos WebGL, para ver como llegaron los videojuegos a nuestros navegadores web conservando la calidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-02T16:53:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T21:20:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"scorzof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"scorzof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Historia de los Videojuegos WebGL","description":"La historia de los videojuegos WebGL, para ver como llegaron los videojuegos a nuestros navegadores web conservando la calidad.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/","og_locale":"es_ES","og_type":"article","og_title":"Historia de los Videojuegos WebGL","og_description":"La historia de los videojuegos WebGL, para ver como llegaron los videojuegos a nuestros navegadores web conservando la calidad.","og_url":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2024-03-02T16:53:35+00:00","article_modified_time":"2024-03-15T21:20:47+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp","type":"image\/webp"}],"author":"scorzof","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"scorzof","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/"},"author":{"name":"scorzof","@id":"https:\/\/niixer.com\/#\/schema\/person\/2e6a1ed1c7ee25e0afe42caec5d00873"},"headline":"Historia de los Videojuegos WebGL","datePublished":"2024-03-02T16:53:35+00:00","dateModified":"2024-03-15T21:20:47+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/"},"wordCount":2015,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp","keywords":["Innovaci\u00f3n","Paginas web","tecnolog\u00eda","Unity","Videojuegos","WebGL"],"articleSection":["Videojuegos"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/","url":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/","name":"Historia de los Videojuegos WebGL","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp","datePublished":"2024-03-02T16:53:35+00:00","dateModified":"2024-03-15T21:20:47+00:00","description":"La historia de los videojuegos WebGL, para ver como llegaron los videojuegos a nuestros navegadores web conservando la calidad.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp","width":1280,"height":720,"caption":"Logo de WebGL"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2024\/03\/02\/historia-videojuegos-webgl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Historia de los Videojuegos WebGL"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/2e6a1ed1c7ee25e0afe42caec5d00873","name":"scorzof","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3b61ebeccc6e2a076c2cf5303387390276df2bd8c1eaaa635fa3b29a2d2c1f8a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3b61ebeccc6e2a076c2cf5303387390276df2bd8c1eaaa635fa3b29a2d2c1f8a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b61ebeccc6e2a076c2cf5303387390276df2bd8c1eaaa635fa3b29a2d2c1f8a?s=96&d=mm&r=g","caption":"scorzof"},"url":"https:\/\/niixer.com\/index.php\/author\/scorzof\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2024\/03\/WebGL_Logo-1.webp","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/47623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/300"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=47623"}],"version-history":[{"count":5,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/47623\/revisions"}],"predecessor-version":[{"id":47806,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/47623\/revisions\/47806"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/47679"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=47623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=47623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=47623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}