Сохранить локально пять реальных новостных страниц, сделать к каждой короткую HTML5-игру и встроить её одной вставкой кода. Цель — показать, что игра живёт в изолированном iframe и не ломает сайт издателя.
| Регион | Площадка | Новость | Дата | Язык |
|---|---|---|---|---|
| США | Space.com | Scientists find youngest exoplanet on record — a 'newborn' named Elias | 09.2026 | en |
| СНГ (Россия) | Коммерсантъ | Греф назвал причину отставания российских ИИ-моделей от китайских | 23.09.2026 | ru |
| Индия | ESPNcricinfo | Kuldeep reels West Indies in, Gill and Kohli tons knock them out | 27.09.2026 | en |
| Китай | China Daily | China's science month draws billions with theme of innovation | 29.09.2026 | zh-CN + en |
| Европа | RTÉ News | Irish young scientist wins European award | 28.09.2026 | en |
Критерии выбора: новость не старше недели, без трагедий, медицины как предмета игры, выборов и конфликтов; в тексте есть конкретные факты и цифры для игровой механики.
Если страница недоступна, закрыта paywall или не сохраняется корректно, возьмите другую новость на той же площадке по тем же критериям и согласуйте замену до начала работы над игрой.
game.json с цитатой и ссылкой на статью. Факты ниже собраны по публикациям. Перед вёрсткой сверьте каждую цифру с сохранённой страницей; при расхождении прав текст статьи."PingFang SC", "Microsoft YaHei", sans-serif.wget -E -H -k -K -p -e robots=off <url>pages/<region>/index.html, где region — us, cis, in, cn или eu.pages/<region>/NOTES.md.<head> строку <meta name="robots" content="noindex">.pages/<region>/before.png.Сразу после последнего абзаца статьи, до комментариев и рекомендаций, вставьте только этот фрагмент:
<div class="news-game"
data-placement="article-end"
data-article-id="us-elias-2-24b"
data-lang="en"></div>
<script async src="http://localhost:8081/widget/v1.js" data-site="demo-us"></script>| Регион | data-article-id | data-lang | data-site |
|---|---|---|---|
| us | us-elias-2-24b | en | demo-us |
| cis | cis-gref-ai-race | ru | demo-cis |
| in | in-ind-wi-odi1 | en | demo-in |
| cn | cn-science-month | zh-CN | demo-cn |
| eu | eu-eucys-2026 | en | demo-eu |
Других правок в HTML страницы для работы виджета быть не должно: так мы проверяем тезис «одна вставка, без изменений CMS».
pages/<region>/index.html копии страниц (origin A: localhost:8080)
widget/v1.js loader (origin B: localhost:8081)
games/<article-id>/ игры (origin B: localhost:8081)
index.html
game.json контент и факты с источниками
assets/
catalog.json article-id → игра, язык, срок актуальности, enabledСтраницы и игры отдаются с разных origin, чтобы изоляция iframe проверялась по-настоящему. Оба сервера поднимаются одной командой (npm run dev или аналог).
async и не блокирует рендер..news-game, читает data-атрибуты и запрашивает catalog.json. Если игры нет, она просрочена или выключена, контейнер остаётся скрытым без сдвига вёрстки.data-lang, когда блок подходит к области просмотра (IntersectionObserver). Iframe создаётся только по клику.sandbox="allow-scripts" без allow-same-origin, allow-top-navigation и allow-popups; loading="lazy", referrerpolicy="no-referrer", title. Каждое дополнительное разрешение обосновать в README.resize, максимум 90vh; ширина — 100 % контейнера.window, историю и URL, не перехватывает скролл.error блок сворачивается, в консоль пишется одно предупреждение, других эффектов нет.enabled: false у игры или сайта в catalog.json скрывает блок.{ ns: "newsgame", v: 1,
type: "ready" | "resize" | "start" | "complete" | "error" | "exit",
gameId: "us-elias-2-24b",
sessionId: "<случайный uuid на запуск>",
payload: {} }iframe.contentWindow; неизвестные ns, v и type игнорирует.parent с явным targetOrigin, который получает параметром URL и сверяет с allowlist. От страницы принимает только pause и resume.console.table и отправляет на POST localhost:8081/events (можно писать в JSON-файл). Ответы пользователя и персональные данные не собираются. Флаг preview=1 помечает события как тестовые.game.json, в код не прописываются:
{ "id": "...", "text": "...",
"quote": "<дословная цитата из статьи>",
"source": "<URL статьи>" }aria-label, контраст WCAG AA, масштабирование текста до 200 %, prefers-reduced-motion; звук выключен по умолчанию, игра работает без звука.exit.error.Последние стабильные Chrome, Safari (iOS и macOS), Firefox, Edge, Chrome на Android. Для Китая дополнительно WeChat in-app browser или эмуляция мобильного Chrome с заблокированными Google-доменами.
sandbox/allow, известные ограничения.before.png и after.png для каждой страницы (desktop и mobile) и короткое видео прохождения каждой игры.:8081, страницы открываются без ошибок в вёрстке, а блок игры не виден.enabled: false в catalog.json, блок исчезает без правки страниц.parent.document.prefers-reduced-motion.sessionId и gameId; персональные данные не собираются.localhost.Пришлите ответы до начала работы: