24 декабря 2023, 17:28 Размер текста А А А Названы видеоигры 2023 года с лучшей графикой Avatar: Frontiers of Pandora стала красивейшей игрой по версии Digital Foundry Роман Кильдюшкин </div> <div class="b_article-text" itemprop="articleBody"><p>Специалисты Digital Foundry, подразделение издания Eurogamer, которое оценивает технологичность и техническое состояние видеоигр, составили топ-10 проектов 2023 года с лучшей графикой. Свой топ в формате видеоролика редакция Digital Foundry <a href="https://youtu.be/XtxfJHVKFas" target="_blank"><b>опубликовала</b></a> на своем официальном YouTube-канале. </p> <p>Первое место в рейтинге заняла игра Avatar: Frontiers of Pandora от Ubisoft и Massive Entertainment. Специалисты похвалили новинку за частое и эффективное использование рейтрейсинга. Причем разработчики смогли использовать эту технологию даже на самой слабой стационарной консоли текущего поколения Xbox Series X. </p> <p>Вторую строчку заняла Alan Wake 2. В Digital Foundry отметили, что эта игра уступила Avatar: Frontiers of Pandora с незначительным отрывом. Эксперты высоко оценили в новинке Remedy Entertainment высокую детализацию объектов и приближенное к реальному освещение, из-за чего в каждой локации можно найти завораживающие пейзажи. </p> <p>Условная бронзовая медаль досталась Cyberpunk 2077, для которой в этом году вышел патч RT Overdrive, включающий рейтрейсинг. В Digital Foundry считают, что с этим дополнением долгострой CD Projekt RED представляет собой впечатляющее техническое достижение. </p> <p>Ниже расположились Star Wars Jedi: Survivor, Final Fantasy XVI, RoboCop: Rogue City, Resident Evil 4, Hi-Fi RUSH, Super Mario Bros. Wonder, Marvel's Spider Man 2. </p> <p>Также эксперты Digital Foundry в категории «Достойны упоминания» отметили ремейк Dead Space, приключение Horizon Forbidden West: Burning Shores, симулятор Jusant, экшн Armored Core VI: Fires Of Rubicon, а также метроидванию Metroid Prime Remastered. </p> <p>Ранее власти Китая <a href="http://www.gazeta.ru/tech/news/2023/12/23/21992911.shtml"><b>пообещали</b></a> «серьезно изучить» ограничения, обрушившие акции игровых компаний. </p> </div> <div class="b_article-text"> <div class="b_emoji" id="_id_emoji_21996727"> <div class="b_emoji-text"> Что думаешь? </div> <div class="b_emoji-box"> </div> </div> <div class="p2"></div> <script> (function(){ const emojiBar = document.getElementById('_id_emoji_21996727'); if(window.g_getEmoji){ window.g_getEmoji(emojiBar, '/tech/news/2023/12/24/21996727.shtml'); } else { emojiBar.remove(); } })(); </script> </div> </article> <div class="w_col4"> <aside class="b_telegram" style="clear:both"> <div class="b_telegram-text"> Подписывайтесь на «Газету.Ru» в <a href="https://dzen.ru/gazeta?favid=1040" target="_blank" class="metric_zen">Дзен</a> и <a href="https://t.me/+doLG9QyEKwo1YTYy" target="_blank" class="metric_telegram">Telegram</a>.<br/> <!-- Мы сообщаем главное и находим для вас интересное. --> Чтобы сообщить об ошибке, выделите текст и нажмите <b>Ctrl+Enter</b> </div> <div class="b_telegram-btns"> <a href="https://dzen.ru/gazeta?favid=1040" class="item metric_zen" target="_blank"> <img src="https://static.gazeta.ru/nm2021/img/dzen_20x20.svg" alt="" class="item-icon"> <div class="item-text">Дзен</div> </a> <a href="hhttps://t.me/+doLG9QyEKwo1YTYy" class="item metric_telegram" target="_blank"> <img src="https://static.gazeta.ru/nm2021/img/icons/ui/telegram.svg" alt="" class="item-icon"> <div class="item-text">Telegram</div> </a> </div> </aside> <div class="rg"></div> <div style="width: 100%;" class="_s_banner_superfooter" aria-hidden="true"></div> <script type="text/javascript"> if ( typeof window['g_GazetaSuperFooterCounter'] == 'undefined' ) window['g_GazetaSuperFooterCounter'] = 1; var sspMethod = 'sspScroll'; (function(){ var advPlace = document.querySelector('._s_banner_superfooter:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'rg'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy[sspMethod]('._s_banner_superfooter', { p1: 'bsfjc', p2: 'fcuz', pct: 'a', pageNumber: g_GazetaSuperFooterCounter, },{ 'begun-auto-pad': "432328744", 'begun-block-id': "432328848" }); ++g_GazetaSuperFooterCounter; </script> </div> </div> <aside class="b_rightcol" id="_id_rightcol" style="position: relative; "> <div class="p4"></div> <div class="_s_banner_promovidzhet" aria-hidden="true"></div> <script> (function(){ var advPlace = document.querySelector('[class~="_s_banner_promovidzhet"]:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'p2'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy.ssp('._s_banner_promovidzhet', {},{ 'begun-auto-pad': "432328744", 'begun-block-id': "579421053" }); </script> <!--include virtual="/nm2021/ssi/authors_aside.shtml" --> <style> .i_slider{position:relative;z-index:10;overflow:hidden}.i_slider .wrapper{position:relative;z-index:2;white-space:nowrap}.i_slider .wrapper .item{display:inline-block;vertical-align:top;width:100%}.i_slider.m_opinion{padding-bottom:50px}.i_slider.m_opinion.m_russiaforpeople .b_ear-textblock{padding-top:20px}.i_slider.m_opinion:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;border:1px solid #EAEAEA}.i_slider.m_opinion .wrapper{left:0;transition:all 0.3s ease}.i_slider.m_opinion .arrow{position:absolute;z-index:2;bottom:7px;display:block;width:32px;height:32px;cursor:pointer;transition:all 0.3s ease}.i_slider.m_opinion .arrow.m_left{left:10px}.i_slider.m_opinion .arrow.m_right{right:10px;transform:scale(-1, 1)}.i_slider.m_opinion .arrow:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:7px;height:7px;border-top:2px solid #B11116;border-left:2px solid #B11116;transform:rotate(-45deg) scale(1, 1);transition:all 0.3s ease}.i_slider.m_opinion .arrow:active:before{transform:rotate(-45deg) scale(0.9, 0.9)}.i_slider.m_opinion .arrow.disable{cursor:default}.i_slider.m_opinion .arrow.disable:before{border-top:2px solid #EAEAEA;border-left:2px solid #EAEAEA}.i_slider.m_opinion .arrow.disable:active:before{transform:rotate(-45deg) scale(1, 1)}.i_slider.m_opinion .bullets{position:absolute;z-index:1;bottom:18px;left:0;right:0;display:inline-block;width:auto;margin:auto;text-align:center}.i_slider.m_opinion .bullets-item{position:relative;display:inline-block;width:10px;height:10px;margin-left:5px;cursor:pointer}.i_slider.m_opinion .bullets-item:first-child{margin-left:0}.i_slider.m_opinion .bullets-item:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:6px;height:6px;margin:auto;border-radius:50%;background:#EAEAEA}.i_slider.m_opinion .bullets-item.active:before{background:#B11116}.i_slider.m_opinion .b_ear{padding:0 20px}.i_slider.m_opinion .b_ear:before{display:none}.i_slider.m_opinion .b_ear-image{position:relative;width:140px;margin:0 auto}.i_slider.m_opinion .b_ear-textblock{position:relative;white-space:normal;padding-top:45px}.i_slider.m_opinion .b_ear-author-photo{position:absolute;z-index:10;top:-30px;left:0;right:0;margin:auto;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.i_slider.m_opinion .b_ear-author-photo img{display:block;height:100%;width:auto}.i_slider.m_opinion .b_ear-author-name{display:block} </style> <!-- check2 --> <div class="b_infinite_slider m_opinion i_slider" id="_id_opinion_aside_slider"> <div class="b_infinite_slider-wrapper wrapper"> <a href="/comments/column/articles/20075017.shtml" class="b_ear m_opinion item " data-pubtime="1731573114" data-id="20075017" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/59/20075059/plastic-pic_32ratio_600x400-600x400-24797.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/529/18408529/2024-03-12_19.20-pic_square_200x200-200x200-17191.jpg" alt="" > </div> <div class="b_ear-author-name"> Анна Сирота </div> <div class="b_ear-title"> Кто заставляет женщин рисковать жизнью ради красоты </div> <time class="b_ear-time" datetime="2024-11-14T11:31:54+03:00"> 14.11.2024, 11:31 </time> </div> </a> <a href="/comments/column/mironova/20068753.shtml" class="b_ear m_opinion item " data-pubtime="1731486772" data-id="20068753" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/5/20069005/but-pic_32ratio_600x400-600x400-92990.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/684/13565684/anastasiya_mironova-pic_square_200x200-200x200-92050.jpg" alt="" > </div> <div class="b_ear-author-name"> Анастасия Миронова </div> <div class="b_ear-title"> «Женщину нужно бить»: какую культуру мы завезли в Россию </div> <time class="b_ear-time" datetime="2024-11-13T11:32:52+03:00"> 13.11.2024, 11:32 </time> </div> </a> <a href="/column/yardaeva/20063179.shtml" class="b_ear m_opinion item " data-pubtime="1731426945" data-id="20063179" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/317/20063317/workk-pic_32ratio_600x400-600x400-88994.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/666/13565666/marina_yardaeva1-pic_square_200x200-200x200-58503.jpg" alt="" > </div> <div class="b_ear-author-name"> Марина Ярдаева </div> <div class="b_ear-title"> Денег нет, но можно с собачкой: как в России решают проблему кадрового голода </div> <time class="b_ear-time" datetime="2024-11-12T18:55:45+03:00"> 12.11.2024, 18:55 </time> </div> </a> <a href="/comments/column/articles/20055193.shtml" class="b_ear m_opinion item " data-pubtime="1731301343" data-id="20055193" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/259/20055259/flower-pic_32ratio_600x400-600x400-49819.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/71/19562071/Untitled-1-pic_square_200x200-200x200-38006.jpg" alt="" > </div> <div class="b_ear-author-name"> Мария Башмакова </div> <div class="b_ear-title"> Что девушки думают о цветах на первом свидании? </div> <time class="b_ear-time" datetime="2024-11-11T08:02:23+03:00"> 11.11.2024, 08:02 </time> </div> </a> <a href="/comments/column/articles/20054479.shtml" class="b_ear m_opinion item " data-pubtime="1731236038" data-id="20054479" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/509/20054509/vamp-pic_32ratio_600x400-600x400-85568.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/255/17773255/2023-10-23-18.22-pic_square_200x200-200x200-11133.jpg" alt="" > </div> <div class="b_ear-author-name"> Денис Лукьянов </div> <div class="b_ear-title"> Зачем мы читаем о вампирах </div> <time class="b_ear-time" datetime="2024-11-10T13:53:58+03:00"> 10.11.2024, 13:53 </time> </div> </a> </div> </div> <script> 'use strict'; function elOneHeight(items){ let oneHeight = 0; items.forEach((el, i) => { el.dataset.item = i; oneHeight = el.clientHeight > oneHeight ? el.clientHeight : oneHeight; if(i == items.length-1){ items.forEach(el=>{ el.style.height = oneHeight + 'px'; }) } }) return oneHeight; } function bulletSlider(slider){ let bullets; let wrapper = slider.querySelector('.wrapper'); let items = wrapper.querySelectorAll('.item'); let qnt = items.length; let curItem = 0; // append control elements let leftArr = document.createElement('div'); leftArr.className = 'arrow m_left disable'; leftArr.addEventListener('click', changeItem); let rightArr = document.createElement('div'); rightArr.className = 'arrow m_right'; rightArr.addEventListener('click', changeItem); bullets = document.createElement('div'); bullets.className = 'bullets'; for(let i=0; i<qnt; i++){ let bullet = document.createElement('div'); bullet.className = 'bullets-item'; bullet.dataset.item = i; if(i==0){ bullet.classList.add('active'); } bullets.append(bullet); bullet.addEventListener('click', changeItem); } slider.append(bullets); slider.append(leftArr, rightArr); // function changeItem(e){ if(!e.target.classList.contains('disable') && e.target.classList.contains('arrow')) { if(e.target.classList.contains('m_left')){ curItem = curItem - 1 < 0 ? qnt-1 : curItem - 1; } else if(e.target.classList.contains('m_right')){ curItem = curItem + 1 > qnt-1 ? 0 : curItem + 1; } } else if(e.target.classList.contains('bullets-item')){ curItem = +e.target.dataset.item; } bullets.querySelector('.bullets-item.active').classList.remove('active'); bullets.querySelector(`.bullets-item[data-item="${curItem}"]`).classList.add('active'); switch(curItem){ case 0: leftArr.classList.add('disable'); rightArr.classList.remove('disable'); break; case qnt-1: leftArr.classList.remove('disable'); rightArr.classList.add('disable'); break; default: leftArr.classList.remove('disable'); rightArr.classList.remove('disable'); } wrapper.style.left = (-1) * items[curItem].offsetLeft + 'px'; } } bulletSlider(_id_opinion_aside_slider, {needBullets: true, infinite: true}); </script> <div class="p2"></div> <div class="b_rightcol-sticky"> <noindex> <div class="_s_banner_240x400" aria-hidden="true"></div> <script> if ( typeof window['g_Gazeta240x400Counter'] == 'undefined' ) window['g_Gazeta240x400Counter'] = 0; var sspMethod = g_Gazeta240x400Counter > 0 ? 'sspScroll' : 'ssp'; (function(){ var advPlace = document.querySelector('._s_banner_240x400:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'rg'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy[sspMethod]('._s_banner_240x400', { p1: 'beelv', p2: 'emhk', pct: 'c', criteo: 'crslr240=1', pageNumber: g_Gazeta240x400Counter*1, },{ 'begun-auto-pad': "432328744", 'begun-block-id': "432328850" }); ++g_Gazeta240x400Counter; </script> </noindex> </div> </aside> </div> <div class="b_main" style="display:block; z-index: 0;" data-check='true'> <!--set var="exchange_need" value="smi2" --> <div id="_g_exchange_main_article" data-check="0"></div> <script> if(!window._g_tizer_off){ var exchangeRoot = document.getElementById('_g_exchange_main_article'); var exchangeName = '(none)'; var exchangeAside = '(none)'; var exchangeException = '(none)'; var articleCounter = '0'; if(articleCounter == '(none)'){ articleCounter = 0; } g_loadExchangeToEl({ el: exchangeRoot, exchangeName: exchangeName, articleCounter: articleCounter, }); } </script> <div class="p2"></div> </div> </div> <div class="rg"></div> <div class="b_main" id="_id_anchor" > <div class="b_preloader m_hide"> <span class="b_preloader-dot"></span> <div class="b_preloader-dots"> <span></span> <span></span> <span></span> </div> <dit class="b_preloader-title">Загрузка</dit> </div> </div> <script> var asyncCreateYaMetricSendFunction = g_gazeta.asyncScriptFunc('https://static.gazeta.ru/nm2021/js/block_counter.v6.js', 'createYaMetricSendFunction'); var yaMetricSendPromise = asyncCreateYaMetricSendFunction('infiniteScroll', 'view-www'); function yaMetricSend ( page ) { yaMetricSendPromise.then(function (func) { func(page.toString()); }) } yaMetricSend('articleNumber0'); var g_newsUrlesCollect = []; var commonNewses = []; var politicNewses = []; var socialNewses = []; var businessNewses = []; var armyNewses = []; var cultureNewses = []; var scienceNewses = []; var autoNewses = []; var childrenNewses = []; var sportNewses = []; // add prcom if(Array.isArray(window["g_lastColumnUrls"])){ g_newsUrlesCollect = g_lastColumnUrls; } else { g_newsUrlesCollect.push('/science/news/2024/11/15/24389365.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/15/24389095.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/15/24389071.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/15/24388981.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/15/24388747.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24388327.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/14/24388219.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/14/24383377.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24387517.shtml'); g_newsUrlesCollect.push('/science/news/2024/11/14/24387463.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24386557.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24386737.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24386653.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/14/24386545.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24386287.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/14/24386443.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/14/24385909.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/14/24386251.shtml'); g_newsUrlesCollect.push('/tech/news/2024/11/14/24386185.shtml'); g_newsUrlesCollect.push('/science/news/2024/11/14/24385819.shtml'); } // console.dir(g_newsUrlesCollect); function checkAllIncuts(){ // *** launch all galleries document.querySelectorAll('.s_picture_incut').forEach(function(el){ iGallery({domEl: el}) }); // *** check texts incuts old /*document.querySelectorAll('.s_article_text_incut').forEach(function(el){ var moreBtn = el.querySelector('.morebtn') || null; var popup = el.querySelector('.popup'); var closeBtn = el.querySelector('.popup-closebtn'); var scrollAreaWidth = 0; if(moreBtn){ moreBtn.onclick = function(){ el.style.zIndex = 20; var clWBefore = document.documentElement.clientWidth; popup.classList.add('m_open'); document.body.style.overflow = 'hidden'; document.body.style.paddingRight = document.documentElement.clientWidth - clWBefore + 'px'; }; closeBtn.onclick = function(){ el.style.zIndex = 10; popup.classList.remove('m_open'); document.body.style.overflow = ''; document.body.style.paddingRight = 0; }; } }); */ // *** text incut whole text switcher let textIncuts = document.documentElement.querySelectorAll('.b_article .s_article_text_incut').forEach(function(el){ let incutArea = el; let topArea = el.querySelector('.top') || null; let moreBtn = el.querySelector('.show_more'); let wholeText = el.querySelector('.text'); if(topArea){ topArea.onclick = function(){ wholeText.classList.toggle('m_hidden'); moreBtn.classList.toggle('m_opened'); }; } }) // *** miniinfo switcher let miniInfo = document.documentElement.querySelectorAll('.b_article .miniinfo').forEach(function(el){ let hasHTML = el.querySelector('.info') || null; if(!hasHTML) { let content = el.innerHTML; el.innerHTML = ''; let showButton = document.createElement('span'); showButton.className = 'icon'; el.prepend(showButton); let info = document.createElement('span'); info.className = 'info'; info.classList.add('m_hidden'); info.innerHTML = content; showButton.after(info); let closeButtom = document.createElement('span'); closeButtom.className = 'close'; info.append(closeButtom); showButton.onclick = function(){ info.classList.toggle('m_hidden'); showButton.classList.toggle('m_hidden'); }; closeButtom.onclick = function(){ info.classList.toggle('m_hidden'); showButton.classList.toggle('m_hidden'); }; } }) // *** set notice for banned orgs var bannedOrgs = document.documentElement.querySelector('.b_article .s_asterisk_banned_orgs:not([data-checked])'); var inoagentOrgs = document.documentElement.querySelector('.b_article .s_asterisk_inoagent_orgs:not([data-checked])'); document.documentElement.querySelectorAll('.b_article .s_asterisk_banned_orgs:not([data-checked])').forEach(function(el){ el.dataset.checked = true; }); document.documentElement.querySelectorAll('.b_article .s_asterisk_inoagent_orgs:not([data-checked])').forEach(function(el){ el.dataset.checked = true; }); if(bannedOrgs || inoagentOrgs){ var noticeBlock = document.createElement('div'); noticeBlock.className = 'b_article-notice'; var article = bannedOrgs ? bannedOrgs.closest('.b_article') : inoagentOrgs.closest('.b_article'); if(bannedOrgs){ var bannedOrgsNotice = document.createElement('div'); bannedOrgsNotice.innerHTML = '<sup>*</sup> Организация запрещена в России'; noticeBlock.append(bannedOrgsNotice); } if(inoagentOrgs){ var inoagentOrgsNotice = document.createElement('div'); inoagentOrgsNotice.innerHTML = '<sup>*</sup> Признан в РФ иностранным агентом'; noticeBlock.append(inoagentOrgsNotice); } article.append(noticeBlock); } } checkAllIncuts(); var rootArticle = document.getElementById('_id_article_21996727'); var counter = 0; var limit = window["g_lastColumnUrls"] && window["g_lastColumnUrls"].length > 0 ? window["g_lastColumnUrls"].length - 1 : 20; //g_newsUrlesCollect.length; var anchor = document.getElementById('_id_anchor'); var loader = anchor.querySelector('.b_preloader'); var canAddArticle = true; var lastUrl = ""; function changeAllMeta(metaContent, url, articleNumber){ if(lastUrl != url) { lastUrl = url // metaContent.children.forEach(function(el, i){ for (var i = 0; i < metaContent.children.length; i++) { el = metaContent.children[i]; var needEl; switch(el.nodeName){ case 'TITLE': case 'TITLE_SCROLL': document.head.querySelector('title').textContent = el.textContent; break; case 'META': case 'META_SCROLL': if(el.name != ''){ needEl = document.head.querySelector('meta[name="'+el.name+'"]') || null; if(needEl !== null){ needEl.content = el.content; } } else if(el.name == '' && el.outerHTML.match('property')){ var propertyName; el.attributes.forEach(function(i){ if(i.name == 'property'){ propertyName = i.value; needEl = document.head.querySelector('meta[property="'+propertyName+'"]') || null; if(needEl !== null){ needEl.content = el.content; } } }) } break; case 'LINK': case 'LINK_SCROLL': if(el.rel == 'image_src'){ needEl = document.head.querySelector('link[rel="image_src"]') || null; if(needEl !== null){ needEl.href = el.href; } } break; } if(i == metaContent.children.length - 1){ // metaContent.innerHTML = ''; } }; history.replaceState(null, '', url); history.scrollRestoration = 'manual'; g_gazeta_counters_reload(); } if(articleNumber){ yaMetricSend('articleNumber' + articleNumber); } } // pull заметок с мета и диапазоном для подмены урлов/мета var artCollect = []; // добавляем сразу первую заметку artCollect.push({ 'top': 0, 'bottom': (_id_anchor.getBoundingClientRect().top - 500), 'metaContent': document.documentElement.querySelector('._s_dynarticle_title_place'), 'url': location.href, 'articleNum': 0, 'id': '_id_main_article' }) // метка заметки var articleNum = 0; var holdMetaChanging = false; document.addEventListener('scroll', function(e){ if(/*counter<g_newsUrlesCollect.length*/ counter < limit && anchor.getBoundingClientRect().top<(window.innerHeight*1.5+500)){ loader.classList.remove('m_hide'); if(canAddArticle && g_newsUrlesCollect[counter]){ canAddArticle = false; var root = document.createElement('div'); root.className = '_s_added_article'; root.id = '_id_added_article_' + (counter + 1); root.dataset.url = location.origin + g_newsUrlesCollect[counter].replace(/\?.*/, ''); root.dataset.artnum = counter+1; anchor.before(root); var loadUrl = g_newsUrlesCollect[counter]+'?p=article_body&article_counter='+ (counter+1); if(counter == limit-1){ loadUrl += '&last_article=1'; } var dontCorrectRamblerVideoCode = true; g_gazeta.loadHTMLToElement(root,loadUrl,dontCorrectRamblerVideoCode) .then(function(result){ var metaContent = root.querySelector('._s_dynarticle_title_place'); var articleUrl = location.origin + g_newsUrlesCollect[counter].replace(/\?.*/, ''); checkAllIncuts(); loader.classList.add('m_hide'); counter += 1; canAddArticle = true; var checkIn = function(e){ if(root.getBoundingClientRect().top<window.innerHeight-500){ changeAllMeta(metaContent,articleUrl,counter); artCollect.push({ 'top': window.scrollY, 'bottom': (window.scrollY + root.getBoundingClientRect().height - 500), 'metaContent': metaContent, 'url': articleUrl, 'articleNum': counter, 'id': root.id }); document.removeEventListener('scroll', checkIn); } } document.addEventListener('scroll', checkIn); }) } } if(!holdMetaChanging){ var scrollY = window.scrollY; window.requestAnimationFrame(function(){ artCollect.forEach(function(el) { var domEl = document.getElementById(el.id) || null; if(domEl){ if(articleNum != el.articleNum && (domEl.getBoundingClientRect().top < window.innerHeight-500 && domEl.getBoundingClientRect().bottom > window.innerHeight-500)){ articleNum = el.articleNum; changeAllMeta(el.metaContent,el.url); } } holdMetaChanging = false; }) }) holdMetaChanging = true; } }) </script> </div> <div id="_id_footer" class="b_footer ad_branding_footer"> <div class="b_footer-content"> <div class="b_footer-hat"> <div class="b_footer-nav"> <a href="/about/" class="item">Редакция</a> <a href="/adbook/" class="item">Реклама</a> <a href="/sitemap.shtml" class="item">Карта сайта</a> <a href="/legal/" class="item">Правовая информация</a> <a href="/terms/" class="item">Условия использования</a> <a href="/privacy/" class="item">Политика конфиденциальности</a> </div> <div class="b_footer-social"> <a href="https://vk.com/gazeta" target="_blank" class="item m_vk"></a> <a href="https://t.me/gazetaru" target="_blank" class="item m_tg"></a> <a href="https://ok.ru/gazetaru" target="_blank" class="item m_ok"></a> <a href="https://dzen.ru/gazeta" target="_blank" class="item m_zen"></a> </div> </div> <div class="b_footer-info"> <div class="item" itemid="https://www.gazeta.ru/#organization" itemscope itemtype="http://schema.org/Organization"> <div> <p>© АО «Газета.Ру» (1999-2024) – Главные новости дня</p> </div> <div> <link itemprop="url" href="https://www.gazeta.ru/" /> <link itemprop="logo" href="https://www.gazeta.ru/#gazetaLogo"> <p>Название: <span itemprop="name">Газета.Ru</span> (Gazeta.Ru)</p> <p>Учредитель: <span itemprop="founder">АО «Газета.Ру»</span>, ОГРН 1067761730376, ИНН 7743625728</p> <p>Адрес учредителя: 125239, Россия, Москва, Коптевская улица, дом 67</p> <p itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> Адрес редакции и издателя: <span itemprop="postalCode">117105</span>, г. <span itemprop="addressLocality">Москва</span>, <span itemprop="streetAddress">Варшавское шоссе, д.9, стр.1</span> </p> <link itemprop="sameAs" href="https://twitter.com/gazetaru" /> <link itemprop="sameAs" href="https://vk.com/gazeta" /> <link itemprop="sameAs" href="https://telegram.me/gazetaru" /> <link itemprop="sameAs" href="https://ok.ru/gazetaru" /> </div> <div> <p>Телефон редакции: <span itemprop="telephone">+7 (495) 785-00-12</span> | Факс: <span itemprop="faxNumber">+7 (495) 785-17-01</span></p> <p>Электронная почта: <a href="mailto:gazeta@gazeta.ru" itemprop="email">gazeta@gazeta.ru</a></p> </div> </div> <div class="item"> <div> </div> <div class="logoplace" itemscope itemtype="http://schema.org/ImageObject" itemid="https://www.gazeta.ru/#gazetaLogo"> <meta itemprop="url" content="https://static.gazeta.ru/nm2021/img/logo_2021.svg" /> <div class="age">18+</div> <img src="https://static.gazeta.ru/nm2021/img/logo_2021.svg" itemprop="contentUrl" alt="" class="logo"> </div> </div> </div> </div> <div class="b_footer-license"> Свидетельство о регистрации СМИ Эл № ФС77-67642 выдано федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор) 10.11.2016 г. Редакция не несет ответственности за достоверность информации, содержащейся в рекламных объявлениях. Редакция не предоставляет справочной информации. <br/><a href="https://www.gazeta.ru/credits.shtml" style="text-decoration: underline;">Информация об ограничениях</a> <br/><a href="https://www.gazeta.ru/recommended_tech_rules.shtml" style="text-decoration: underline;">На информационном ресурсе применяются рекомендательные технологии в соответствии с Правилами</a> </div> </div> <script language="Javascript"> (new Image).src=("https:"==document.location.protocol?"https:":"http:")+"//autocontext.begun.ru/analytics?target_id=0&counter_id=0&url="+encodeURIComponent(document.URL)+"&ref="+encodeURIComponent(document.referrer)+"&rnd="+Math.random(); </script> <script type="text/javascript"> (function(){ (new Image).src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//sync.rambler.ru/emily?partner_id=begun'; })(); </script> <noindex> <script src="https://static.gazeta.ru/nm2021/js/noindex/activate.v1.js" async></script> </noindex> <!--include virtual="/nm2021/adv/antiadblock.shtml" --> <div class="_s_banner_show_up" aria-hidden="true"> <div id="block_pad_id_579502873_432328744"> <script type="text/javascript"> AdfProxy.ssp('block_pad_id_579502873_432328744', {},{ "begun-auto-pad": "432328744", "begun-block-id": "579502873" }); </script> </div> </div> <style> .b_gobackupstairs { position: fixed; left: 50%; margin-left: 670px; bottom: 60px; width: 48px; height: 48px; transform: rotate(-90deg); opacity: 0; z-index: -10000; transition: opacity 0.3s ease; } .b_gobackupstairs.show { z-index: 10000; opacity: 1; } .b_gobackupstairs ._ui_arrow { width: 48px; height: 48px; background: rgba(221,221,221,.2); } .b_gobackupstairs ._ui_arrow:before { width: 96px; } .b_gobackupstairs ._ui_arrow span { width: 96px; } .b_gobackupstairs ._ui_arrow:hover span { right: -48px; } </style> <div class="b_gobackupstairs" id="_id_gobackupstairs"> <div class="_ui_arrow"> <span></span> </div> </div> <script> document.addEventListener('scroll', function(e){ if(window.scrollY>window.innerHeight){ _id_gobackupstairs.classList.add('show'); } else { _id_gobackupstairs.classList.remove('show'); } }) _id_gobackupstairs.addEventListener('click', function(e){ _id_header.scrollIntoView({block: "start", inline: "nearest",behavior: "smooth"}); _id_gobackupstairs.classList.remove('show'); }) </script> <div style="position: relative; z-index: 100"> <noindex> <style>.b_error_report{display:none;position:fixed;top:50%;left:50%;width:800px;transform:translate(-50%, -50%) scale(0, 0);z-index:-10000;background:#fff;outline:1px solid #ddd;box-shadow:0 0 20px rgba(0,0,0,0.35);opacity:1;padding:30px 20px;transition:all 0.1s ease-in}.b_error_report *{padding:0;margin:0;border:0;outline:none;background:transparent;font-size:inherit;box-sizing:border-box;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}.b_error_report .errormsg{display:none}.b_error_report .feedback{display:none}.b_error_report .sendform{display:none}.b_error_report.m_show{display:block;transform:translate(-50%, -50%) scale(1, 1);z-index:10000;opacity:1}.b_error_report.m_show.m_sendform .sendform{display:block}.b_error_report.m_show.m_error .errormsg{display:block}.b_error_report.m_show.m_feedback .feedback{display:block}.b_error_report .headline{font:bold 20px/1.35 'Lora', serif;color:#292929;margin-bottom:20px;padding-right:40px}.b_error_report .selected{font:normal 16px/1.35 'Lora', serif;color:#292929;margin-bottom:20px}.b_error_report .selected strong{font-weight:bold;color:#b11116}.b_error_report textarea{display:block;min-height:200px;width:100%;margin-bottom:20px;font:normal 16px/1.35 'Roboto', sans-serif;color:#505050;padding:20px;outline:1px solid #EAEAEA}.b_error_report input[type="submit"],.b_error_report .closebtn{display:inline-block;padding:10px 20px;font:normal 16px/16px 'Roboto', sans-serif;color:#fff;cursor:pointer;background:#b11116}.b_error_report .closebtn.m_icon{position:absolute;z-index:2;top:10px;right:10px;width:40px;height:40px;cursor:pointer;background:none}.b_error_report .closebtn.m_icon:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:24px;height:2px;margin:auto;background:#7F7F7F;opacity:1;transform:rotate(45deg);transition:all 0.3s ease}.b_error_report .closebtn.m_icon:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:24px;height:2px;margin:auto;background:#7F7F7F;opacity:1;transform:rotate(-45deg);transition:all 0.3s ease}.b_error_report .closebtn.m_icon:hover:before{transform:rotate(-45deg)}.b_error_report .closebtn.m_icon:hover:after{transform:rotate(45deg)}.b_error_report .closebtn.m_icon:active:before{opacity:0;top:-60px;left:-60px}.b_error_report .closebtn.m_icon:active:after{opacity:0;right:-60px;bottom:-60px} </style> <aside class="b_error_report" id="_id_error_report"> <div class="closebtn m_icon"> </div> <div class="sendform"> <div class="headline">Найдена ошибка?</div> <div class="selected"> </div> <form name="send_error_report"> <!-- <input type="hidden" name="text_selected" value=""> <input type="hidden" name="text_node" value=""> <input type="hidden" name="location" value=""> --> <textarea name="comment" maxlength="800" placeholder="Вы можете оставить комментарий (не более 800 символов)..."></textarea> <input type="submit" value="Отправить сообщение"> </form> </div> <div class="errormsg"> <div class="headline"></div> <div class="closebtn">Закрыть</div> </div> <div class="feedback"> <div class="headline">Спасибо за ваше сообщение, мы скоро все поправим.</div> <div class="closebtn">Продолжить чтение</div> </div> </aside> <script> "use strict" { let form = _id_error_report; let showSelectedText = form.querySelector('.selected'); let sel, range, selStr, commonText, selHtml, start, end; let errorMesCont = form.querySelector('.errormsg .headline'); let closebtns = form.querySelectorAll('.closebtn'); closebtns.forEach(function(el) { el.addEventListener('click', function(){ form.classList.remove('m_show', 'm_error', 'm_feedback', 'm_sendform'); }) }) form.addEventListener('submit', function(e){ e.preventDefault(); // заполним FormData данными из формы let formData = new FormData(document.forms.send_error_report); // добавим ещё одно поле formData.append("text_selected", selStr); formData.append("text_node", commonText); formData.append("location", window.location.href); let queryString = new URLSearchParams(formData).toString(); // отправим данные let xhr = new XMLHttpRequest(); // xhr.open("POST", "/dynamic/GAZETA/Errmess"); // xhr.send(formData); xhr.open("GET", "/dynamic/GAZETA/Errmess" + "?" + queryString); xhr.send(); xhr.onload = function() { console.log(xhr.response); }; form.classList.remove('m_sendform'); form.classList.add('m_feedback'); }) window.addEventListener('keydown', function(e) { if(e.keyCode == 13 && e.ctrlKey) { sel = window.getSelection(); range = sel.getRangeAt(0); function checkParent(el){ if(!el.closest('article') || el.closest('[aria-hidden="true"]') || el.closest('#right')) { return false; } else { return true; } } let pwd = range.commonAncestorContainer.parentNode; let approveLocation = checkParent(pwd); if(approveLocation){ selStr = ''; // создаем строку селекта commonText = ''; // общий текст с абзацев selHtml = ''; start, end; if(range.commonAncestorContainer.innerText!==undefined){ commonText = range.commonAncestorContainer.innerText.replace(/\s+/g, " "); } else { commonText = range.commonAncestorContainer.textContent.replace(/\s+/g, " "); } selStr = sel.toString(); if(/*commonText.length > 1000 ||*/ selStr.length > 600){ errorMesCont.innerText = 'Вы выбрали слишком большой объем текста'; form.classList.add('m_show', 'm_error'); } else { selStr = selStr.replace(/\s+/g, " ").replace(/([\^\[\]\.\$\{\*\(\\\+\)\|\?\<\>])/g, '\\$1'); start = commonText.search(selStr); selStr = selStr.replace(/\\/g, ''); end = start + selStr.length; selHtml = commonText.slice(0, start) + '<strong>' + selStr + '</strong>' + commonText.slice(end); showSelectedText.innerHTML = selHtml; form.classList.add('m_show', 'm_sendform'); } } else { errorMesCont.innerText = 'Пожалуйста, выделите текст внутри заметки'; form.classList.add('m_show', 'm_error'); } }else if (e.keyCode == 27) { form.classList.remove('m_show', 'm_error', 'm_feedback', 'm_sendform'); } }) } </script> </noindex> </div> </body> </html>
Цивилизация