{"id":176664,"date":"2021-11-25T02:42:21","date_gmt":"2021-11-24T21:12:21","guid":{"rendered":"https:\/\/www.www.bullfrag.com\/unreal-engine-5-shows-a-face-animation-technology-that-is-close-to-photorealism\/"},"modified":"2021-11-25T02:42:21","modified_gmt":"2021-11-24T21:12:21","slug":"unreal-engine-5-shows-a-face-animation-technology-that-is-close-to-photorealism","status":"publish","type":"post","link":"https:\/\/www.bullfrag.com\/unreal-engine-5-shows-a-face-animation-technology-that-is-close-to-photorealism\/","title":{"rendered":"Unreal Engine 5 shows a face animation technology that is close to photorealism"},"content":{"rendered":"<div id=\"content-anchor-inner\"><iframe id=\"instantgaming_iframe\" src=\"https:\/\/www.instant-gaming.com\/affgames\/igr4901172\/180x250?igr=gamer-cb7b86&amp;prod_ids=4995\" scrolling=\"no\" frameborder=\"0\" style=\"border: 1px solid #ccc; border-radius: 5px; overflow:hidden; width:180px; height:250px; float:left; margin:0 10px 0 0;\" allowtransparency=\"true\"><\/iframe><\/p>\n<p style=\"text-align: justify;\">The arrival of the new version of Unreal Engine 5 to video game development is one of the most anticipated events of the new generation of consoles.  Engine <a href=\"https:\/\/www.epicgames.com\/store\/es-ES\/download\" rel=\"nofollow noopener\" target=\"_blank\">Epic games<\/a> has been one of the most used over the years \u2014in its different iterations\u2014 and <strong>this fifth version promises to bring us more innovations and advances than ever<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Today, we want to show you how <strong>Unreal Engine 5 shows a face animation technology that is close to photorealism<\/strong>.  Of course, it is considerably above what we can find in most video games today, and also, taking into account that it works through machine learning &#8211; using artificial intelligence techniques &#8211; it could be much easier and economical than manual animation.  You can see it yourself in the following video:<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe title=\"Ziva RealTime Face Trainer Now In Beta!\" width=\"788\" height=\"443\" src=\"https:\/\/www.youtube.com\/embed\/Su7b89V3wm0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/span><\/p>\n<blockquote>\n<p><strong>World of Warcraft is coming to Xbox very soon<\/strong><\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">The technology, called <strong>ZRT Face Trainer<\/strong> and developed by Ziva Dynamics is currently in beta phase, although it already shows some truly striking results.  In addition, despite the fact that this initial demo uses the Unreal Engine 5 to work, the company wanted to clarify that its use is not limited only to the Epic engine, but that it can be used through other different graphics engines.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Unreal Engine 5 shows a face animation technology that is close to photorealism<\/strong><\/h2>\n<p style=\"text-align: justify;\">It will be interesting to see in the future the titles that will decide to show off this technology, when it leaves the beta phase.  Undoubtedly, we are approaching a time full of new and interesting technologies for the development of video games.<\/p>\n<\/div>\n<p><script type=\"text\/javascript\">jQuery.noConflict(); \n\t\"use strict\";\n\t\/\/master slider (only call if current page contains a masterslider, else it will error out)\n\tif (jQuery(\"#masterslider\").length > 0){\n\t\t\t\tvar slider = new MasterSlider();\n\t\tslider.setup('masterslider' , {\n\t\t\twidth:859,\n\t\t\theight:547,\n\t\t\tspace:5,\n\t\t\tspeed:40,\n\t\t\tview:'wave',\n\t\t\tautoplay: 1,\n\t\t\tloop: true,\n\t\t\tpreload: 'all',\n\t\t\toverPause: true,\n\t\t\tfillMode: 'fill',\n\t\t\tdir: 'h'\n\t\t});\n\t\tslider.control('arrows');\t\n\t\tslider.control('circletimer' , {color:\"#FFFFFF\" , stroke:9});\t\tslider.control('thumblist' , {autohide:false ,dir:'v',speed:20});\n\t}\n\t\/\/DOCUMENT.READY\n\tjQuery(document).ready(function() { \n\t\t\/\/add bootstrap classes to wordpress generated elements\n\t\tjQuery('.avatar-70, .avatar-50, .avatar-40').addClass('img-circle');\n\t\tjQuery('.comment-reply-link').addClass('btn');\n\t\tjQuery('#reply-form input#submit').addClass('btn');\n\t\t\/\/disable responsiveness\n\t\t\t\t\/\/move slider next arrow for videos\n\t\tif (jQuery(\"#masterslider\").length > 0){\n\t\t\tslider.api.addEventListener(MSSliderEvent.VIDEO_PLAY , function(){ \n\t\t\t\tjQuery('.ms-nav-next').addClass('video-playing');\n\t\t\t});\n\t\t\tslider.api.addEventListener(MSSliderEvent.VIDEO_CLOSE , function(){\n\t\t\t\tjQuery('.ms-nav-next').removeClass('video-playing');\n\t\t\t});\n\t\t}\n\t\t\/\/hide various jQuery elements until they are loaded\n\t\tjQuery('#sticky-menus').show();\n\t\tjQuery('.it-widget-tabs').show();\t\t\n\t\tjQuery('.bar-label').show();\t\t\n\t\t\/\/jquery nav menus\n\t\tjQuery(\"#sticky-menu\")\n\t\t\t.mmenu({\n\t\t\t\tposition: \"left\",\n\t\t\t\tzposition: \"back\",\n\t\t\t\tcounters: true,\n\t\t\t\tdragOpen: true,\n\t\t\t\theader: {\n\t\t\t\t\tadd: true,\n\t\t\t\t\tupdate: true,\n\t\t\t\t\ttitle: \"Navigation\"\n\t\t\t\t},\n\t\t\t\tsearchfield: true\n\t\t\t}, {\n\t\t\t\tselectedClass: \"current-menu-item\"\n\t\t\t})\n\t\t\t.on(\n\t\t\t\t\"opening.mm\",\n\t\t\t\tfunction()\n\t\t\t\t{\n\t\t\t\t\tjQuery(\"#sticky-bar.admin-bar\").not(\".no-header\").css(\"top\", \"110px\");\n\t\t\t\t\tjQuery(\".contents-menu-wrapper\").hide();\n\t\t\t\t\tjQuery(\".contents-menu-wrapper\").css({ opacity: 0 });\n\t\t\t\t}\n\t\t\t)\n\t\t\t.on(\n\t\t\t\t\"closed.mm\",\n\t\t\t\tfunction()\n\t\t\t\t{\n\t\t\t\t\tjQuery(\"#sticky-bar.admin-bar\").not(\".no-header\").css(\"top\", \"142px\");\n\t\t\t\t\tjQuery(\".contents-menu-wrapper\").show();\n\t\t\t\t\tjQuery(\".contents-menu-wrapper\").css({ opacity: 1 });\n\t\t\t\t}\n\t\t\t);\n\t\tjQuery(\"#section-menu-mobile\")\n\t\t\t.mmenu({\n\t\t\t\tposition: \"right\",\n\t\t\t\tzposition: \"back\",\n\t\t\t\tcounters: true,\n\t\t\t\tdragOpen: true,\n\t\t\t\theader: {\n\t\t\t\t\tadd: true,\n\t\t\t\t\tupdate: true,\n\t\t\t\t\ttitle: \"Sections\"\n\t\t\t\t},\n\t\t\t\tsearchfield: true\n\t\t\t}, {\n\t\t\t\tselectedClass: \"current-menu-item\"\n\t\t\t})\n\t\t\t.on(\n\t\t\t\t\"opening.mm\",\n\t\t\t\tfunction()\n\t\t\t\t{\n\t\t\t\t\tjQuery(\"#sticky-bar.admin-bar\").not(\".no-header\").css(\"top\", \"110px\");\n\t\t\t\t}\n\t\t\t)\n\t\t\t.on(\n\t\t\t\t\"closed.mm\",\n\t\t\t\tfunction()\n\t\t\t\t{\n\t\t\t\t\tjQuery(\"#sticky-bar.admin-bar\").not(\".no-header\").css(\"top\", \"142px\");\n\t\t\t\t}\n\t\t\t);\t\t\n\t\t\/\/superfish\n\t\tjQuery('#sticky-menu ul').superfish({\n\t\t\thoverClass:  'over',\n\t\t\tdelay:       500,\n\t\t\tanimation:   {height:'show'},\n\t\t\tspeed:       160,\n\t\t\tdisableHI:   true,\n\t\t\tautoArrows:  false\n\t\t});\n\t\tjQuery('#section-menu ul').superfish({\n\t\t\thoverClass:  'over',\n\t\t\tdelay:       300,\n\t\t\tspeed:       100,\n\t\t\tdisableHI:   true,\n\t\t\tautoArrows:  false\n\t\t});\n\t\tjQuery('.utility-menu ul').superfish({\n\t\t\thoverClass:  'over',\n\t\t\tdelay:       500,\n\t\t\tanimation:   {height:'show'},\n\t\t\tspeed:       160,\n\t\t\tdisableHI:   true,\n\t\t\tautoArrows:  false\n\t\t});\n\t\t\/\/hide scrollers until fully loaded\n\t\tjQuery('.explicit-inner').show();\n\t\tjQuery('.trending-wrapper').show();\n\t\tjQuery(\".trending-content\").smoothDivScroll({\n\t\t\tmanualContinuousScrolling: true,\n\t\t\tvisibleHotSpotBackgrounds: \"always\",\n\t\t\thotSpotScrollingStep: 4,\n\t\t\thotSpotScrollingInterval: 4,\n\t\t\ttouchScrolling: true\n\t\t});\n\t\tjQuery(\".explicit-content\").smoothDivScroll({\n\t\t\tmanualContinuousScrolling: true,\n\t\t\tvisibleHotSpotBackgrounds: \"always\",\n\t\t\thotSpotScrollingStep: 4,\n\t\t\thotSpotScrollingInterval: 4,\n\t\t\ttouchScrolling: true\n\t\t});\t\n\t\tjQuery(\".trending-content .scrollableArea\").addClass(\"loop\");\n\t\t\/\/jquery ui slider\n\t\t\t\tjQuery('.form-selector').slider({\n\t\t\tvalue: 5,\n\t\t\tmin: 0,\n\t\t\tmax: 10,\n\t\t\tstep: 0.1,\n\t\t\torientation: \"horizontal\",\n\t\t\trange: \"min\",\n\t\t\tanimate: true,\n\t\t\tslide: function( event, ui ) {\n\t\t\t\tvar rating = ui.value;\n\t\t\t\tjQuery(this).parent().siblings('.rating-value').html( rating );\n\t\t\t}\n\t\t});\n\t\t\/\/HD images\t\t\n\t\tif (window.devicePixelRatio == 2) {\t\n\t\t\tvar images = jQuery(\"img.hires\");\t\t\n\t\t\t\/\/ loop through the images and make them hi-res\n\t\t\tfor(var i = 0; i < images.length; i++) {\t\t\n\t\t\t\t\/\/ create new image name\n\t\t\t\tvar imageType = images[i].src.substr(-4);\n\t\t\t\tvar imageName = images[i].src.substr(0, images[i].src.length - 4);\n\t\t\t\timageName += \"@2x\" + imageType;\t\t\n\t\t\t\t\/\/rename image\n\t\t\t\timages[i].src = imageName;\n\t\t\t}\n\t\t}\n\t\t\n\t\t\t\t\t\n\t\t\tjQuery('a.featured-image').colorbox();\n\t\t\tjQuery('.colorbox').colorbox();\n\t\t\tjQuery(\".the-content a[href$='.jpg'],a[href$='.png'],a[href$='.gif']\").colorbox(); \n\t\t\t\t\t\t\tjQuery('.the-content .gallery a').colorbox({rel:'gallery'});\n\t\t\t\t\t \n\t\t\n\t\t\/\/placeholder text for IE9\n\t\tjQuery('input, textarea').placeholder();\n\t\t\n\t\t\/\/insert content menu items\n\t\tjQuery(jQuery('#content-anchor-inner').find('.content-section-divider').get().reverse()).each(function () {\n\t\t\tvar id = jQuery(this).attr('id');\n\t\t\tvar label = jQuery(this).data('label');\n\t\t\tjQuery( '#content-anchor-wrapper' ).after( '\n\n<li><a href=\"#' + id + '\">' + label + '<\/a><\/li>\n' );\t\t\n\t\t});\n\t\t\t\t\tvar fromTop = 119;\t\n\t\t\t\t\/\/attach scrollspy\n\t\tjQuery('body').scrollspy({ target: '.contents-menu', offset: fromTop });\n\t\t\/\/functions that need to run after ajax buttons are clicked\n\t\tdynamicElements();\t\n\t\t\/\/menu hover fx\n\t\tmenuHovers();\t\n\t});\n\t\/\/applied to elements within ajax panels\n\tfunction dynamicElements() {\n\t\t\/\/portholes mouseovers\n\t\tjQuery(\".portholes .porthole-link\").hover(\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).siblings(\".porthole-color\").stop().animate({\n\t\t\t\t\t'opacity':'.8'\n\t\t\t\t}, 150);\n\t\t\t\tjQuery(this).siblings(\".porthole-layer\").stop().animate({\n\t\t\t\t\t'opacity':'0'\n\t\t\t\t}, 350);\n\t\t\t\tjQuery(this).siblings(\".porthole-info\").find(\".rating-wrapper\").stop().animate({\n\t\t\t\t\t'opacity':'.9'\n\t\t\t\t}, 100);\n\t\t\t\tjQuery(this).siblings(\".porthole-info\").stop().delay(0).queue(function(next){\n\t\t\t\t\tjQuery(this).addClass(\"active\");\n\t\t\t\t\tnext();\n\t\t\t\t});\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).siblings(\".porthole-color\").stop().animate({\n\t\t\t\t\t'opacity':'0'\n\t\t\t\t}, 550);\n\t\t\t\tjQuery(this).siblings(\".porthole-layer\").stop().animate({\n\t\t\t\t\t'opacity':'.9'\n\t\t\t\t}, 250);\n\t\t\t\tjQuery(this).siblings(\".porthole-info\").find(\".rating-wrapper\").stop().animate({\n\t\t\t\t\t'opacity':'0'\n\t\t\t\t}, 550);\n\t\t\t\tjQuery(this).siblings(\".porthole-info\").stop().delay(150).queue(function(next){\n\t\t\t\t\tjQuery(this).removeClass(\"active\");\n\t\t\t\t\tnext();\n\t\t\t\t});\n\t\t\t}\n\t\t);\n\t\t\/\/active hover\n\t\tjQuery(\".add-active\").hover(\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).addClass(\"active\");\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).removeClass(\"active\");\n\t\t\t}\n\t\t);\n\t\t\/\/image hovers\n\t\tjQuery(\".active-image\").hover(\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).find('img').stop().animate({ opacity: .4 }, 150);\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).find('img').stop().animate({ opacity: 1.0 }, 500);\n\t\t\t}\n\t\t);\n\t\tjQuery(\".the_content\").hover(\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).find('img').stop().animate({ opacity: .4 }, 150);\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).find('img').stop().animate({ opacity: 1.0 }, 500);\n\t\t\t}\n\t\t);\n\t\t\/\/jQuery tooltips\t\t\t\t\n\t\tjQuery('.info').tooltip();\t\n\t\tjQuery('.info-top').tooltip();\t\n\t\tjQuery('.info-bottom').tooltip({ placement: 'bottom' });\n\t\tjQuery('.info-left').tooltip({ placement: 'left' });\n\t\tjQuery('.info-right').tooltip({ placement: 'right' });\n\t\t\/\/jQuery popovers\n\t\tjQuery('.popthis').popover();\n\t\t\/\/jQuery alert dismissals\n\t\tjQuery(\".alert\").alert();\n\t\t\/\/jQuery fitvids\n\t\tjQuery('.video_frame').fitVids();\n\t\t\/\/equal height columns\n\t\tequalHeightColumns(jQuery(\".widget-panel\"));\n\t\tequalHeightColumns(jQuery(\".loop.grid .article-panel\"));\n\t\t\/\/if items are dynamically added on page load, need to account for new width\n\t\tresizeContentsMenu();\n\t\tresizeStickyMenu();\t\t\t\n\t}\n\t\/\/call equal height columns when window is resized\n\tjQuery(window).resize(function() {\n\t\tequalHeightColumns(jQuery(\".widget-panel\"));\n\t\tequalHeightColumns(jQuery(\".loop.grid .article-panel\"));\n\t\tresizeContentsMenu();\t\n\t\tresizeStickyMenu();\t\n\t});\t\n\t\/\/call equal height columns when widgets is resized\n\tjQuery(\"#widgets\").resize(function(e){\n\t\tequalHeightColumns(jQuery(\".widget-panel\"));\n\t});\n\t\/\/call equal height columns when main menu items are hovered since sub menus are\n\t\/\/hidden and don't have heights until visible\n\tjQuery('body').on('mouseover', '#section-menu-full a.parent-item', function(e){\n\t\tequalHeightColumns(jQuery(\"#section-menu-full ul.term-list, #section-menu-full li.post-list\"), true);\n\t});\n\t\/\/equal height columns\n\tfunction equalHeightColumns(group, nolimit) {\n\t\ttallest = 0;\n\t\twidth = jQuery(window).width();\t\t\t\t\t\t\t\n\t\tgroup.each(function() {\n\t\t\tjQuery(this).removeAttr('style');\t\t\t\n\t\t\tthisHeight = jQuery(this).height();\n\t\t\tif(thisHeight > tallest) {\n\t\t\t\ttallest = thisHeight;\n\t\t\t}\n\t\t});\n\t\tif(width > 991 || nolimit) {\n\t\t\tgroup.height(tallest);\n\t\t}\n\t}\t\n\t\t\tvar topOffset = 70;\t\n\t\tvar barOffset = 208;\n\tjQuery(window).scroll(function() {\n\t\tif (jQuery(this).scrollTop() > 110) {\n\t\t\tjQuery('#sticky-bar').addClass('fixed');\n\t\t\tjQuery('#sticky-bar.logo-slide .logo a').stop().animate({ opacity: 1.0, left: '0px' }, 100);\t\n\t\t} else {\n\t\t\tif(!jQuery('#sticky-menu').is(':visible') && !jQuery('#section-menu-mobile').is(':visible')) {\n\t\t\t\tjQuery('#sticky-bar').removeClass('fixed');\n\t\t\t\tjQuery('#sticky-bar.logo-slide .logo a').stop().animate({ opacity: 0, left: '-100px' }, 500);\t\n\t\t\t}\n\t\t}\n\t\tif(jQuery(this).scrollTop() > 44) {\n\t\t\tjQuery('#sticky-bar').addClass('sticky-mobile');\n\t\t} else {\n\t\t\tjQuery('#sticky-bar').removeClass('sticky-mobile');\n\t\t}\n\t\t\/\/back to top arrow\n\t\tif (jQuery(this).scrollTop() < 150) {\n\t\t\tjQuery(\"#back-to-top\").fadeOut();\n\t\t}\n\t\telse {\n\t\t\tjQuery(\"#back-to-top\").fadeIn();\n\t\t}\t\n\t\t\n\t\tresizeContentsMenu();\t\n\t\tresizeStickyMenu();\n\t});\t\t\n\n\tfunction resizeStickyMenu() {\n\t\t\/\/see if compact versions of menus should be shown\n\t\tif(jQuery('#section-menu-full').length > 0) {\n\t\t\tvar megaWidth = jQuery('.mega-menu').width();\n\t\t\tif(jQuery('.mega-menu').length == 0) {\n\t\t\t\tvar megaWidth = jQuery('.non-mega-menu').width();\n\t\t\t}\n\t\t\tvar standardWidth = jQuery('.secondary-menu-full').width();\n\t\t\tvar compactWidth = jQuery('.secondary-menu-compact').width();\n\t\t\tvar menusWidth = megaWidth + standardWidth;\n\t\t\tvar compactMenusWidth = megaWidth + compactWidth;\n\t\t\tvar logoWidth = jQuery('#sticky-bar .logo').width();\n\t\t\t\/\/var logoLeft = jQuery('#sticky-bar .logo').offset();\n\t\t\t\/\/logoWidth = logoWidth + logoLeft.left;\n\t\t\tvar newWidth = jQuery('#new-articles').width();\n\t\t\tvar stickyWidth = jQuery('#sticky-menu-selector').width();\n\t\t\tvar randomWidth = jQuery('#random-article').width();\n\t\t\tvar controlsWidth = jQuery('#sticky-controls').width();\n\t\t\tvar barWidth = jQuery('#sticky-bar > .row > .col-md-12 > .container').width();\n\t\t\tif(barWidth === null) barWidth = jQuery('#sticky-bar > .row > .col-xs-12 > .container').width();\n\t\t\tvar extraWidth = logoWidth + newWidth + stickyWidth + randomWidth + controlsWidth;\n\t\t\tvar limitWidth = barWidth - extraWidth;\n\t\t\t\/\/alert('megaWidth=\" + megaWidth + \"nstandardWidth=\" + standardWidth + \"nmenusWidth=\" + menusWidth + \"nlogoWidth=\" + logoWidth + \"nnewWidth=\" + newWidth + \"nstickyWidth=\" + stickyWidth + \"nrandomWidth=\" + randomWidth + \"ncontrolsWidth=\" + controlsWidth + \"nbarWidth=\" + barWidth + \"nextraWidth=\" + extraWidth + \"nlimitWidth=\" + limitWidth);\n\t\t\t\/\/mega menu alone passes limit\n\t\t\tif(megaWidth > limitWidth) {\n\t\t\t\tjQuery(\"#section-menu-full').hide();\n\t\t\t\tjQuery('#section-menu-compact').show();\n\t\t\t}\n\t\t\t\/\/standard menu alone passes limit\n\t\t\tif(standardWidth > limitWidth) {\n\t\t\t\tjQuery('.secondary-menu-full').hide();\n\t\t\t\tjQuery('.secondary-menu-compact').show();\n\t\t\t}\n\t\t\t\/\/both menus together pass limit\n\t\t\tif(menusWidth > limitWidth) {\n\t\t\t\t\/\/first reduce standard menu\n\t\t\t\tjQuery('.secondary-menu-full').hide();\n\t\t\t\tjQuery('.secondary-menu-compact').show();\n\t\t\t\t\/\/compact standard plus mega menu pass limit\n\t\t\t\tif(compactMenusWidth > limitWidth) {\n\t\t\t\t\tjQuery('#section-menu-full').hide();\n\t\t\t\t\tjQuery('#section-menu-compact').show();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tfunction resizeContentsMenu() {\n\t\t\/\/bookmark positioning\t\t\t\n\t\tif(jQuery('.contents-menu-wrapper').length > 0) {\t\t\t\n\t\t\tvar menuOffset = jQuery('.contents-menu-wrapper').offset().top - topOffset;\n\t\t\tvar newWidth = jQuery('.contents-menu-wrapper').width() - 2;\n\t\t\tvar btnWidth = jQuery('.contents-menu-wrapper ul.sort-buttons').width();\n\t\t\tvar lblWidth = jQuery('.contents-menu-wrapper .bar-label-wrapper').width();\n\t\t\tvar wrapperWidth = jQuery('#main-content').width() - 2;\n\t\t\tvar barWidth = btnWidth + lblWidth;\n\t\t\tif (barWidth > wrapperWidth) {\n\t\t\t\tjQuery('.contents-menu-wrapper').addClass('vertical');\t\t\t\t\n\t\t\t}\n\t\t\tif (!jQuery('.contents-menu-wrapper').hasClass('vertical') && jQuery(this).scrollTop() > menuOffset) {\n\t\t\t\tjQuery('.contents-menu').addClass('fixed').width(newWidth);\t\t\t\t\n\t\t\t} else {\n\t\t\t\tjQuery('.contents-menu').removeClass('fixed').removeAttr('style');\n\t\t\t}\t\n\t\t\t\/\/show the menu after scrolling and hide after a while (only for vertical layout)\n\t\t\tif(jQuery('.contents-menu-wrapper').hasClass('vertical')) {\n\t\t\t\tif(!jQuery('.contents-menu-wrapper').is(':visible')) {\n\t\t\t\t\tjQuery('.contents-menu-wrapper').stop().fadeIn(100);\n\t\t\t\t}\n\t\t\t}\n\t\t}\t\n\t\tif(jQuery('.contents-menu-wrapper').hasClass('vertical')) {\n\t\t\t\t\t\t\tvar newOffset = 68;\t\n\t\t\t\t\t\tjQuery('body').data()['bs.scrollspy'].options.offset = newOffset; \/\/ Set the new offset \n\t\t\tjQuery('body').data()['bs.scrollspy'].process(); \/\/ Force scrollspy to recalculate the offsets to your targets \n\t\t\tjQuery('body').scrollspy('refresh'); \/\/ Refresh the scrollspy.\t\t\t\n\t\t}\n\t}\n\t\/\/if disqus is active need to adjust anchor link from comments to disqus thread\n\tfunction disqusContentsMenu() {\n\t\tif (jQuery(\"#disqus_thread\").length > 0){\n\t\t\tjQuery(\"#comments-anchor-wrapper a\").attr(\"href\", \"#disqus_thread\");\n\t\t}\t\n\t}\n\t\/\/hide contents menu 2 seconds after scrolling has stopped\n\t(function() {        \n\t\tvar timer;\n\t\tjQuery(window).bind('scroll',function () {\n\t\t\tclearTimeout(timer);\n\t\t\ttimer = setTimeout( refresh , 1800 );\n\t\t});\n\t\tvar refresh = function () { \n\t\t\t\/\/only want to do this for vertical style and only if mouse is not currently hovering over the menu\n\t\t\tif(jQuery('.contents-menu-wrapper').hasClass('vertical') && jQuery('.contents-menu-wrapper:hover').length == 0) {\n\t\t\t\tjQuery('.contents-menu-wrapper').fadeOut(1200);\n\t\t\t}\n\t\t};\n\t})();\n\t\/\/hide contents menu after user mouses out\n\t(function() {        \n\t\tvar timer;\n\t\tjQuery('body').on('mouseenter', '.contents-menu-wrapper.vertical', function(e) {\n\t\t\tjQuery('.contents-menu-wrapper').stop(true, true).fadeIn(100);\n\t\t\tclearTimeout(timer);\n\t\t});\n\t\tjQuery('body').on('mouseleave', '.contents-menu-wrapper.vertical', function(e) {\n\t\t\tclearTimeout(timer);\n\t\t\ttimer = setTimeout( refresh , 1800 );\n\t\t});\n\t\tvar refresh = function () { \n\t\t\t\/\/only want to do this for vertical style and only if mouse is not currently hovering over the menu\n\t\t\tif(jQuery('.contents-menu-wrapper').hasClass('vertical') && jQuery('.contents-menu-wrapper:hover').length == 0) {\n\t\t\t\tjQuery('.contents-menu-wrapper').fadeOut(1200);\n\t\t\t}\n\t\t};\n\t})();\t\n\t\/**\n\t* Check a href for an anchor. If exists, and in document, scroll to it.\n\t* If href argument ommited, assumes context (this) is HTML Element,\n\t* which will be the case when invoked by jQuery after an event\n\t*\/\n\tfunction scroll_if_anchor(href) {\n\t    href = typeof(href) == \"string\" ? href : jQuery(this).attr(\"href\");\n\t\t\/\/do not interfere with bootstrap carousels\n\t\tif(jQuery(href).length > 0 && !jQuery(this).hasClass('no-scroll')) {\t\t\t\n\t\t\t\t\t\t\tvar fromTop = 118;\t\n\t\t\t\/\/subtract contents menu height (and margin)\n\t\t\tif(jQuery('.contents-menu-wrapper').hasClass('vertical')) {\n\t\t\t\tfromTop = fromTop - 51;\n\t\t\t}\n\t\t\t\/\/ If our Href points to a valid, non-empty anchor, and is on the same page (e.g. #foo)\n\t\t\t\/\/ Legacy jQuery and IE7 may have issues: http:\/\/stackoverflow.com\/q\/1593174\n\t\t\tif(href.indexOf(\"#\") == 0) {\n\t\t\t\tvar $target = jQuery(href);\n\t\t\t\t\/\/ Older browser without pushState might flicker here, as they momentarily\n\t\t\t\t\/\/ jump to the wrong position (IE < 10)\n\t\t\t\tif($target.length) {\n\t\t\t\t\tjQuery('html, body').animate({ scrollTop: $target.offset().top - fromTop });\n\t\t\t\t\tif(history &#038;&#038; \"pushState\" in history) {\n\t\t\t\t\t\thistory.pushState({}, document.title, window.location.pathname + href);\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\/\/ When our page loads, check to see if it contains an anchor\n\tscroll_if_anchor(window.location.hash);\n\t\/\/ Intercept all anchor clicks\n\tjQuery(\"body\").on(\"click\", \"a\", scroll_if_anchor);\t\n\t\n\t\/\/menu hovers\n\tfunction menuHovers() {\n\t\tjQuery(\".menu .post-list a\").hover(\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).children('img').stop().animate({ opacity: .3 }, 150);\n\t\t\t},\n\t\t\tfunction() {\n\t\t\t\tjQuery(this).children('img').stop().animate({ opacity: 1.0 }, 500);\n\t\t\t}\n\t\t);\t\n\t}\n\t\/\/new articles effects \n\tjQuery(\"#new-articles .selector\").hover(\n\t\tfunction() {\n\t\t\tjQuery(this).addClass('over');\n\t\t},\n\t\tfunction() {\n\t\t\tjQuery(this).removeClass('over');\n\t\t}\n\t);\n\tjQuery(\"#new-articles .selector\").click(function() {\n\t\tjQuery('#new-articles .post-container').animate({\t\t\t\t \n\t\t\theight: 'toggle'\t\t\t\t \n\t\t}, 100, 'linear' );\n\t\tjQuery(this).toggleClass('active');\n\t});\t\n\t\/\/show search box\t\n\tjQuery(\"#menu-search-button\").hover(\n\t\tfunction() {\n\t\t\tjQuery(this).toggleClass('hover');\n\t\t}\n\t);\t\n\tjQuery(\"#menu-search-button\").click(\n\t\tfunction() {\n\t\t\tjQuery('#menu-search').fadeToggle(\"fast\");\n\t\t\tjQuery(this).toggleClass('active');\n\t\t}\n\t);\n\t\/\/hide superfish more drop down on mobile if clicked again\n\tjQuery(\"#secondary-menu-selector\").click(\n\t\tfunction() {\t\t\t\n\t\t\tif(jQuery('.secondary-menu-compact ul.menu').is(':visible')) {\n\t\t\t\tjQuery('.secondary-menu-compact ul.menu').hide();\n\t\t\t}\t\n\t\t}\n\t);\n\t\/\/search form submission\n\tjQuery(\"#searchformtop input\").keypress(function(event) {\n\t\tif (event.which == 13) {\n\t\t\tevent.preventDefault();\n\t\t\tvar len = jQuery(\"#s\").val().length;\n\t\t\tif(len >=3) {\n\t\t\t\tjQuery(\"#searchformtop\").submit();\n\t\t\t} else {\n\t\t\t\talert(\"Search term must be at least 3 characters in length\");\t\n\t\t\t}\n\t\t}\n\t});\n\t\/\/email subscribe form submission\n\tjQuery(\"#feedburner_subscribe button\").click(function() {\t\t\n\t\tjQuery(\"#feedburner_subscribe\").submit();\t\t\n\t});\n\t\/\/show login form\n\tjQuery(\"#sticky-login\").click(function() {\n\t\tjQuery('#sticky-login-form').animate({\t\t\t\t \n\t\t\theight: 'toggle'\t\t\t\t \n\t\t}, 100, 'linear' );\t\n\t\tjQuery('#sticky-register-form').hide();\t\n\t\tjQuery('#sticky-register').removeClass('active');\n\t\tjQuery(this).toggleClass('active');\n\t});\n\t\/\/show register form\n\tjQuery(\"#sticky-register\").click(function() {\n\t\tjQuery('#sticky-register-form').animate({\t\t\t\t \n\t\t\theight: 'toggle'\t\t\t\t \n\t\t}, 100, 'linear' );\t\n\t\tjQuery('#sticky-login-form').hide();\t\n\t\tjQuery('#sticky-login').removeClass('active');\n\t\tjQuery(this).toggleClass('active');\n\t});\n\t\/\/submit button hover effects\n\tjQuery(\".sticky-submit\").hover(function() {\n\t\tjQuery(this).toggleClass(\"active\");\n\t});\n\t\/\/login form submission\n\tjQuery(\".sticky-login-form #user_pass\").keypress(function(event) {\n\t\tif (event.which == 13) {\n\t\t\tjQuery(\"#sticky-login-form .loading\").show();\n\t\t\tjQuery(\"form.sticky-login-form\").animate({opacity: \"0.15\"}, 0);\n\t\t\tevent.preventDefault();\n\t\t\tjQuery(\".sticky-login-form\").submit();\n\t\t}\t\t\n\t});\n\tjQuery(\"#sticky-login-submit\").click(function() {\n\t\tjQuery(\"#sticky-login-form .loading\").show();\n\t\tjQuery(\"form.sticky-login-form\").animate({opacity: \"0.15\"}, 0);\n\t\tjQuery(\".sticky-login-form\").submit();\n\t});\n\t\/\/register form submission\n\tjQuery(\".sticky-register-form #user_email\").keypress(function(event) {\n\t\tif (event.which == 13) {\n\t\t\tjQuery(\"#sticky-register-form .loading\").show();\n\t\t\tjQuery(\"form.sticky-register-form\").animate({opacity: \"0.15\"}, 0);\n\t\t\tevent.preventDefault();\n\t\t\tjQuery(\".sticky-register-form\").submit();\n\t\t}\n\t});\n\tjQuery(\"#sticky-register-submit\").click(function() {\n\t\tjQuery(\"#sticky-register-form .loading\").show();\n\t\tjQuery(\"form.sticky-register-form\").animate({opacity: \"0.15\"}, 0);\n\t\tjQuery(\".sticky-register-form\").submit();\n\t});\n\t\/\/hide check password message\n\tjQuery(\".check-password\").click(function() {\n\t\tjQuery(this).animate({\t\t\t\t \n\t\t\theight: 'toggle'\t\t\t\t \n\t\t}, 100, 'linear' );\t\n\t});\t\n\t\/\/scroll all #top elements to top\n\tjQuery(\"a[href=\"#top\"]\").click(function() {\n\t\tjQuery(\"html, body\").animate({ scrollTop: 0 }, \"slow\");\n\t\treturn false;\n\t});\t\n\t\/\/image darkening\n\tjQuery('body').on('mouseenter', '.darken', function(e) {\n\t\tjQuery(this).find('img').stop().animate({ opacity: .4 }, 150);\n\t}).on('mouseleave', '.darken', function(e) {\n\t\tjQuery(this).find('img').stop().animate({ opacity: 1.0 }, 500);\n\t});\n\t\/\/reaction mouseovers\n\tjQuery('body').on('mouseenter', '.reaction.clickable', function(e) {\n\t\tjQuery(this).addClass('active');\n\t}).on('mouseleave', '.reaction', function(e) {\n\t\tjQuery(this).removeClass('active');\n\t});\t\n\t\/\/ user rating panel display\n\t\t\tjQuery('body').on('mouseover', '.user-rating .rating-wrapper.rateable', function(e) {\n\t\t\tjQuery(this).addClass('over');\n\t\t\tjQuery(this).find('.form-selector-wrapper').fadeIn(100);\t\t\n\t\t});\n\t\tjQuery('body').on('mouseleave', '.user-rating .rating-wrapper', function(e) {\t\n\t\t\tjQuery(this).stop().delay(100)\n\t\t\t\t\t\t.queue(function(n) {\n\t\t\t\t\t\t\tjQuery(this).removeClass('over');\n\t\t\t\t\t\t\tn();\n\t\t\t\t\t\t});\t\n\t\t\tjQuery(this).find('.form-selector-wrapper').stop().fadeOut(500);\t\t\n\t\t});\t\n\t\t\/\/ user comment rating panel display\n\tjQuery('body').on('mouseover', '#respond .rating-wrapper.rateable', function(e) {\n\t\tjQuery(this).addClass('over');\n\t\tjQuery(this).find('.form-selector-wrapper').fadeIn(100);\t\t\n\t});\n\tjQuery('body').on('mouseleave', '#respond .rating-wrapper', function(e) {\t\n\t\tjQuery(this).stop().delay(100)\n\t\t\t\t\t.queue(function(n) {\n\t\t\t\t\t\tjQuery(this).removeClass('over');\n\t\t\t\t\t\tn();\n\t\t\t\t\t});\t\n\t\tjQuery(this).find('.form-selector-wrapper').stop().fadeOut(500);\t\t\n\t});\t\n\t\/\/ user comment rating\n\tjQuery( \"#respond .form-selector\" ).on( \"slidestop\", function( event, ui ) {\n\t\tvar divID = jQuery(this).parent().parent().parent().attr(\"id\");\t\n\t\tvar rating = jQuery(this).parent().siblings('.rating-value').html();\n\t\tjQuery('#' + divID + ' .theme-icon-check').delay(100).fadeIn(100);\n\t\tjQuery('#' + divID + ' .hidden-rating-value').val(rating);\n\t});\t\n\t\/\/pinterest\n\tif(jQuery('#pinterest-social-tab').length > 0) {\n\t\t(function(d){\n\t\t\tvar f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');\n\t\t\tp.type=\"text\/javascript\";\n\t\t\tp.async = true;\n\t\t\tp.src=\"https:\/\/assets.pinterest.com\/js\/pinit.js\";\n\t\t\tf.parentNode.insertBefore(p, f);\n\t\t}(document));\n\t}\n\t\/\/facebook\n\tif(jQuery('#facebook-social-tab').length > 0) {\n\t\t(function(d, s, id) {\n\t\t\tvar js, fjs = d.getElementsByTagName(s)[0];\n\t\t\tif (d.getElementById(id)) return;\n\t\t\tjs = d.createElement(s); js.id = id;\n\t\t\tjs.src = \"\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&status=0\";\n\t\t\tfjs.parentNode.insertBefore(js, fjs);\n\t\t}(document, 'script', 'facebook-jssdk'));\n\t}\n\t\/\/WINDOW.LOAD\n\tjQuery(window).load(function() {\t\t\n\t\t\/\/flickr\n\t\t\t\tif(jQuery('#flickr-social-tab').length > 0) {\n\t\t\tjQuery('.flickr').jflickrfeed({\n\t\t\t\tlimit: 9,\n\t\t\t\tqstrings: {\n\t\t\t\t\tid: ''\n\t\t\t\t},\n\t\t\t\titemTemplate: '\n<li>'+\n\t\t\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t\t'' +\n\t\t\t\t\t\t\t  '<\/li>\n'\n\t\t\t}, function(data) {\n\t\t\t});\t\n\t\t}\n\t\t\/\/tabs - these must go in window.load so pinterest will work inside a tab\n\t\tjQuery('.widgets-wrapper .it-social-tabs').tabs({ fx: { opacity: 'toggle', duration: 150 } });\n\t\tjQuery('#footer .it-social-tabs').tabs({ active: 2, fx: { opacity: 'toggle', duration: 150 } });\n\t\tjQuery('.share-wrapper').show();\n\t\tequalHeightColumns(jQuery(\".loop.grid .article-panel\"));\n\t\tdisqusContentsMenu();\n\t\t\/\/show ads after mmenu is setup because it wraps the page in a div\n\t\t\/\/causing google adsense to reload\n\t\tjQuery('.it-ad').animate({opacity: '1'}, 0);\t\t\n\t\t});\t\n\tjQuery.noConflict();<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The arrival of the new version of Unreal Engine 5 to video game development is one of the most anticipated events of the new generation of consoles. Engine Epic games has been one of the most used over the years \u2014in its different iterations\u2014 and this fifth version promises to bring us more innovations and<\/p>\n","protected":false},"author":19,"featured_media":176665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[92],"tags":[3377,402],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.somosxbox.com\/wp-content\/uploads\/2021\/11\/unrealcara.jpg","_links":{"self":[{"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/posts\/176664"}],"collection":[{"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/comments?post=176664"}],"version-history":[{"count":0,"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/posts\/176664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/media\/176665"}],"wp:attachment":[{"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/media?parent=176664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/categories?post=176664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bullfrag.com\/wp-json\/wp\/v2\/tags?post=176664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}