{"id":1690,"date":"2020-10-19T16:16:05","date_gmt":"2020-10-19T21:16:05","guid":{"rendered":"https:\/\/niixer.com\/?p=1690"},"modified":"2020-10-20T15:11:37","modified_gmt":"2020-10-20T20:11:37","slug":"que-es-webgl","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/","title":{"rendered":"\u00bfQu\u00e9 es WebGL?"},"content":{"rendered":"\n<p>Para entender qu\u00e9 es WebGL, primero debemos revisar el funcionamiento de OpenGL, esta es una Interfaz de Programaci\u00f3n de Aplicaciones (API) desarrollada en 1992 para la manipulaci\u00f3n de im\u00e1genes y gr\u00e1ficos 2D y 3D, tambi\u00e9n es usada para el desarrollo de videojuegos como competencia de Direct3D de Microsoft, OpenGL es b\u00e1sicamente una descripci\u00f3n de funciones y el comportamiento para el desarrollo de estos programas para manipulaci\u00f3n de gr\u00e1ficos y es usado principalmente por fabricantes de tarjetas gr\u00e1ficas.&nbsp;<\/p>\n\n\n\n<p>Teniendo esto en cuenta, WebGL es una especificaci\u00f3n est\u00e1ndar que define una API basado en OpenGL pero usando JavaScript para el renderizado de gr\u00e1ficos 2D y 3D en un navegador web sin el uso de ning\u00fan plug-in, adem\u00e1s de su uso en juegos para navegador, tambi\u00e9n es usado para acelerar las funciones de editores de im\u00e1genes web o simuladores. El procesamiento de WebGL se divide en dos partes que son el c\u00f3digo de control, procesado por la CPU y escrito en JavaScript, y el c\u00f3digo de sombreado que es procesado en la GPU.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Navegadores que soportan WebGL<\/strong><\/h3>\n\n\n\n<p>La opci\u00f3n de WebGL se puede activar en los navegadores \u201cPara proporcionar la mejor experiencia de usuario, los navegadores pueden habilitar o deshabilitar selectivamente la compatibilidad con WebGL\u201d. Los navegadores que soportan esta opci\u00f3n son:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Google Chrome<\/li><li>Mozilla Firefox<\/li><li>Midori<\/li><li>Opera<\/li><li>Internet Explorer<\/li><li>Microsoft Edge<\/li><li>Vivaldi<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>WebGLStudio.js<\/strong><\/h3>\n\n\n\n<p>\u00c9sta es una suite de gr\u00e1ficos 3D open source codificada en JavaScript basada en LiteScene.js, una librer\u00eda gr\u00e1fica para WebGL, soporta m\u00faltiples luces, mapas de sombras, reflejos en tiempo real, materiales personalizados, postFX, skinning, animaci\u00f3n y un editor visual con una l\u00ednea de tiempo para visualizar el producto final directamente desde el editor.<\/p>\n\n\n\n<p>El proyecto fue creado por Javi Agenjo y el grupo gr\u00e1fico GTI de Barcelona en un periodo de 3 a\u00f1os y se encuentra publicado bajo licencia MIT, el cual se puede ejecutar desde su <a rel=\"noreferrer noopener\" href=\"https:\/\/webglstudio.org\/\" target=\"_blank\">sitio web<\/a> o instalarse en un servidor propio. Adem\u00e1s ofrecen una gu\u00eda completa de c\u00f3mo usarlo en <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/jagenjo\/webglstudio.js\/blob\/master\/guides\/tutorial.md\" target=\"_blank\">Github<\/a> con una descripci\u00f3n de las interfaces y sus principales funcionalidades<\/p>\n\n\n\n<p><strong>Autor:<\/strong>&nbsp;<a href=\"https:\/\/niixer.com\/?s=William+Guarin\" target=\"_blank\" rel=\"noreferrer noopener\">William David Guarin Osorio<\/a><\/p>\n\n\n\n<p><strong>Editor:<\/strong>&nbsp;&nbsp;<a href=\"https:\/\/niixer.com\/index.php\/author\/cpinzon19\/\" target=\"_blank\" rel=\"noreferrer noopener\">Carlos Pinz\u00f3n<\/a><\/p>\n\n\n\n<p><strong>C\u00f3digo:<\/strong>&nbsp;UCRV-7<\/p>\n\n\n\n<p><strong>Fuentes:<\/strong><\/p>\n\n\n\n<p>R\u00edos, Y. (2019). <em>OpenGL: qu\u00e9 es y para qu\u00e9 sirve<\/em>. Profesional Review. <a href=\"https:\/\/www.profesionalreview.com\/2019\/11\/15\/opengl\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.profesionalreview.com\/2019\/11\/15\/opengl\/<\/a><\/p>\n\n\n\n<p>Haughn, M. (2019). <em>WebGL<\/em>. TechTarget. <a href=\"https:\/\/whatis.techtarget.com\/definition\/WebGL\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/whatis.techtarget.com\/definition\/WebGL<\/a><\/p>\n\n\n\n<p>Khronos. (2015). <em>BlacklistsAndWhitelists<\/em>. Khronos. <a href=\"https:\/\/www.khronos.org\/webgl\/wiki\/BlacklistsAndWhitelists\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.khronos.org\/webgl\/wiki\/BlacklistsAndWhitelists<\/a><\/p>\n\n\n\n<p>Verdejo, N. (2019). <em>WEBGLSTUDIO: UN COMPLETO EDITOR 3D BASADO EN LA WEB<\/em>. Wwwhat&#8217;s New.&nbsp;<a href=\"https:\/\/wwwhatsnew.com\/2019\/12\/03\/webglstudio-un-completo-editor-3d-basado-en-la-web\/\">https:\/\/wwwhatsnew.com\/2019\/12\/03\/webglstudio-un-completo-editor-3d-basado-en-la-web\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para entender qu\u00e9 es WebGL, primero debemos revisar el funcionamiento de OpenGL, esta es una Interfaz de Programaci\u00f3n de Aplicaciones (API) desarrollada en 1992 para la manipulaci\u00f3n de im\u00e1genes y gr\u00e1ficos 2D y 3D, tambi\u00e9n es usada para el desarrollo de videojuegos como competencia de Direct3D de Microsoft, OpenGL esSeguir Leyendo<\/p>\n","protected":false},"author":52,"featured_media":1695,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[30],"tags":[169,434,433],"class_list":["post-1690","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-niixer","tag-desarrollo","tag-navegadores","tag-webgl"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfQu\u00e9 es WebGL? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos<\/title>\n<meta name=\"description\" content=\"WebGL es una especificaci\u00f3n est\u00e1ndar que define una API basado en OpenGL pero usando JavaScript para el renderizado de gr\u00e1ficos 2D y 3D en un navegador web sin el uso de ning\u00fan plug-in\" \/>\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\/2020\/10\/19\/que-es-webgl\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es WebGL? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"og:description\" content=\"WebGL es una especificaci\u00f3n est\u00e1ndar que define una API basado en OpenGL pero usando JavaScript para el renderizado de gr\u00e1ficos 2D y 3D en un navegador web sin el uso de ning\u00fan plug-in\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-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=\"2020-10-19T21:16:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-20T20:11:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png\" \/>\n\t<meta property=\"og:image:width\" content=\"450\" \/>\n\t<meta property=\"og:image:height\" content=\"253\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"William David Guarin Osorio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"William David Guarin Osorio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es WebGL? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","description":"WebGL es una especificaci\u00f3n est\u00e1ndar que define una API basado en OpenGL pero usando JavaScript para el renderizado de gr\u00e1ficos 2D y 3D en un navegador web sin el uso de ning\u00fan plug-in","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\/2020\/10\/19\/que-es-webgl\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfQu\u00e9 es WebGL? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","og_description":"WebGL es una especificaci\u00f3n est\u00e1ndar que define una API basado en OpenGL pero usando JavaScript para el renderizado de gr\u00e1ficos 2D y 3D en un navegador web sin el uso de ning\u00fan plug-in","og_url":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-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":"2020-10-19T21:16:05+00:00","article_modified_time":"2020-10-20T20:11:37+00:00","og_image":[{"width":450,"height":253,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png","type":"image\/png"}],"author":"William David Guarin Osorio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"William David Guarin Osorio","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/"},"author":{"name":"William David Guarin Osorio","@id":"https:\/\/niixer.com\/#\/schema\/person\/ffd9d69e521cfb26ddda53dcf4f54b09"},"headline":"\u00bfQu\u00e9 es WebGL?","datePublished":"2020-10-19T21:16:05+00:00","dateModified":"2020-10-20T20:11:37+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/"},"wordCount":448,"commentCount":0,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png","keywords":["Desarrollo","Navegadores","WebGL"],"articleSection":["Niixer"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/","url":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/","name":"\u00bfQu\u00e9 es WebGL? &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png","datePublished":"2020-10-19T21:16:05+00:00","dateModified":"2020-10-20T20:11:37+00:00","description":"WebGL es una especificaci\u00f3n est\u00e1ndar que define una API basado en OpenGL pero usando JavaScript para el renderizado de gr\u00e1ficos 2D y 3D en un navegador web sin el uso de ning\u00fan plug-in","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png","width":450,"height":253,"caption":"WebGL"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/19\/que-es-webgl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"\u00bfQu\u00e9 es 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\/ffd9d69e521cfb26ddda53dcf4f54b09","name":"William David Guarin Osorio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/e4fed31e15869fa32ca68bbcba34bf819a30dfa34172e48a0a6ed00a2e1e7fb2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e4fed31e15869fa32ca68bbcba34bf819a30dfa34172e48a0a6ed00a2e1e7fb2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e4fed31e15869fa32ca68bbcba34bf819a30dfa34172e48a0a6ed00a2e1e7fb2?s=96&d=mm&r=g","caption":"William David Guarin Osorio"},"sameAs":["http:\/\/www.niixer.com"],"url":"https:\/\/niixer.com\/index.php\/author\/wguarino\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/450_1000-e1603141924104.png","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/1690","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\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=1690"}],"version-history":[{"count":3,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/1690\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/1690\/revisions\/1699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/1695"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=1690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=1690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=1690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}