EN

SONIC PHP

by davidnurdin · Platform
5.0 (1)
▶ Play 💬 Feedback Source 🕘 Versions Edit GitHub
. / site / ru / index.html · commit a20d00e
<!doctype html><html lang="ru"><head>	<meta charset="utf-8" />	<meta name="viewport" content="width=device-width, initial-scale=1" />	<title>SONIC PHP – Sonic для Master System на PHP, играйте бесплатно онлайн</title>	<meta name="description" content="Играйте бесплатно в Sonic для Master System прямо в браузере, переписанный на PHP: шесть зон, боссы, бонусные уровни, лучшее время и гонки с ботами. Клавиатура, геймпад или сенсорный экран." />	<link rel="canonical" href="https://{{DOMAIN}}/ru/" />	<link rel="alternate" hreflang="fr" href="https://{{DOMAIN}}/" />	<link rel="alternate" hreflang="en" href="https://{{DOMAIN}}/en/" />	<link rel="alternate" hreflang="es" href="https://{{DOMAIN}}/es/" />	<link rel="alternate" hreflang="de" href="https://{{DOMAIN}}/de/" />	<link rel="alternate" hreflang="it" href="https://{{DOMAIN}}/it/" />	<link rel="alternate" hreflang="pt" href="https://{{DOMAIN}}/pt/" />	<link rel="alternate" hreflang="nl" href="https://{{DOMAIN}}/nl/" />	<link rel="alternate" hreflang="pl" href="https://{{DOMAIN}}/pl/" />	<link rel="alternate" hreflang="ru" href="https://{{DOMAIN}}/ru/" />	<link rel="alternate" hreflang="uk" href="https://{{DOMAIN}}/uk/" />	<link rel="alternate" hreflang="tr" href="https://{{DOMAIN}}/tr/" />	<link rel="alternate" hreflang="ja" href="https://{{DOMAIN}}/ja/" />	<link rel="alternate" hreflang="zh" href="https://{{DOMAIN}}/zh/" />	<link rel="alternate" hreflang="ko" href="https://{{DOMAIN}}/ko/" />	<link rel="alternate" hreflang="x-default" href="https://{{DOMAIN}}/" />	<meta name="robots" content="index, follow, max-image-preview:large" />	<meta name="theme-color" content="#00aaff" />	<link rel="icon" type="image/png" sizes="32x32" href="../images/favicon.png" />	<link rel="apple-touch-icon" href="../images/apple-touch-icon.png" />	<meta property="og:type" content="website" />	<meta property="og:locale" content="ru_RU" />	<meta property="og:site_name" content="SONIC PHP" />	<meta property="og:title" content="SONIC PHP – Sonic для Master System, играть онлайн" />	<meta property="og:description" content="Sonic для Master System (1991), переписанный на PHP: шесть зон, боссы, бонусные уровни и гонки с ботами, бесплатно в браузере." />	<meta property="og:url" content="https://{{DOMAIN}}/ru/" />	<meta property="og:image" content="https://{{DOMAIN}}/images/og.png" />	<meta property="og:image:width" content="1200" />	<meta property="og:image:height" content="630" />	<meta property="og:image:alt" content="Sonic прыгает по Green Hill рядом с логотипом игры" />	<meta name="twitter:card" content="summary_large_image" />	<meta name="twitter:title" content="SONIC PHP – Sonic для Master System, играть онлайн" />	<meta name="twitter:description" content="Шесть зон, боссы, бонусные уровни и гонки с ботами прямо в браузере." />	<meta name="twitter:image" content="https://{{DOMAIN}}/images/og.png" />	<script type="application/ld+json">	{		"@context": "https://schema.org",		"@graph": [			{				"@type": "VideoGame",				"@id": "https://{{DOMAIN}}/ru/#game",				"name": "SONIC PHP",				"alternateName": "Sonic the Hedgehog (Master System) – ремейк на PHP",				"url": "https://{{DOMAIN}}/ru/",				"image": "https://{{DOMAIN}}/images/og.png",				"screenshot": [					"https://{{DOMAIN}}/images/level-1.png",					"https://{{DOMAIN}}/images/level-7.png",					"https://{{DOMAIN}}/images/special.png",					"https://{{DOMAIN}}/images/versus.png"				],				"description": "Фанатский ремейк Sonic для Master System, написанный на PHP и работающий в браузере: шесть зон и их боссы, бонусные уровни, финал, лучшее время с «призраком» и гонки с ботами.",				"genre": ["Платформер", "Экшен", "Ретро"],				"gamePlatform": ["Веб-браузер", "Компьютер", "Мобильное устройство"],				"applicationCategory": "Game",				"operatingSystem": "Любой современный браузер",				"playMode": ["SinglePlayer", "MultiPlayer"],				"numberOfPlayers": {"@type": "QuantitativeValue", "minValue": 1, "maxValue": 1},				"inLanguage": ["ru"],				"isAccessibleForFree": true,				"offers": {"@type": "Offer", "price": "0", "priceCurrency": "EUR", "availability": "https://schema.org/InStock"},				"codeRepository": "https://github.com/davidnurdin/sonic-jumphp",				"sameAs": "https://sonic.mimichat.fr/",				"potentialAction": {"@type": "PlayAction", "target": "https://{{DOMAIN}}/play/"}			},			{				"@type": "FAQPage",				"mainEntity": [					{"@type": "Question", "name": "Нужно ли что-то устанавливать, чтобы играть?",					 "acceptedAnswer": {"@type": "Answer", "text": "Нет: игра работает в браузере, на компьютере и на телефоне. При первой загрузке скачивается около 25 МБ (PHP в WebAssembly, уровни, графика и музыка), потом всё хранится в кэше."}},					{"@type": "Question", "name": "Чем отличается от полной версии?",					 "acceptedAnswer": {"@type": "Answer", "text": "Полная версия на sonic.mimichat.fr добавляет сетевую игру до 6 игроков (публичные и приватные комнаты, чат) и повторы. Эта версия — та же игра, перенесённая на движок JumPHP, для игры в одиночку или против ботов."}},					{"@type": "Question", "name": "Как играть?",					 "acceptedAnswer": {"@type": "Answer", "text": "Стрелки — бежать, смотреть вверх и сворачиваться в клубок, пробел — прыжок, Enter — меню и пауза, Esc — возврат к заставке. Работает и геймпад; на телефоне на экране появляются крестовина и кнопки."}}				]			}		]	}	</script>	<style>		:root {			--sky: #00aaff;			--night: #000055;			--night-deep: #00002a;			--ink: #f2f6ff;			--muted: #b4c4f0;			--panel: #0a1470;			--line: #2a3fb0;			--yellow: #ffd800;			--red: #e00000;			--cyan: #55ffff;			--blue: #0055ff;			--earth: #ffaa00;			--earth-dark: #aa5500;			--grass: #00aa00;		}		* { box-sizing: border-box; }		html { scroll-behavior: smooth; }		body {			margin: 0;			background: var(--night-deep);			background-image: linear-gradient(180deg, var(--night) 0, var(--night-deep) 1400px);			color: var(--ink);			font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;		}		img { image-rendering: pixelated; image-rendering: crisp-edges; max-width: 100%; height: auto; display: block; }		img.smooth { image-rendering: auto; }		a { color: var(--cyan); }		.wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }		.pixel { font-family: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }		/* the ground of Green Hill: grass over a checkerboard */		.ground { height: 30px; border-top: 6px solid var(--grass); background: conic-gradient(var(--earth) 25%, var(--earth-dark) 0 50%, var(--earth) 0 75%, var(--earth-dark) 0) 0 0 / 24px 24px; }		header.hero { padding: 40px 0 48px; text-align: center; background: linear-gradient(180deg, #0088ee 0, var(--sky) 55%, #55ccff 100%); }		.hero h1 { font-size: clamp(38px, 8vw, 72px); line-height: 1.05; margin: 0; color: var(--yellow); text-shadow: 4px 4px 0 var(--blue), 8px 8px 0 #00226a; }		.hero .sub { margin: 16px auto 0; max-width: 700px; font-size: clamp(17px, 2.2vw, 20px); color: #fff; text-shadow: 0 2px 0 #0050a0; }		.actions { margin-top: 28px; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 22px; }		.cta { display: inline-block; padding: 18px 34px; background: var(--yellow); color: #111; text-decoration: none; font-weight: 800; font-size: 22px; border: 4px solid #111; box-shadow: 6px 6px 0 var(--red); transition: transform .08s; }		.cta:hover, .cta:focus-visible { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--red); }		.cta.alt { background: #fff; font-size: 17px; padding: 14px 22px; box-shadow: 6px 6px 0 var(--blue); align-self: center; }		.cta.alt:hover, .cta.alt:focus-visible { box-shadow: 8px 8px 0 var(--blue); }		.hero .note { margin-top: 18px; font-size: 14px; color: #ecf8ff; text-shadow: 0 1px 0 #0050a0; }		.hero .screen { margin: 36px auto 0; width: 100%; max-width: 840px; border: 6px solid #111; box-shadow: 0 0 0 4px #fff, 0 20px 50px rgba(0, 0, 40, .45); }		section { padding: 56px 0; }		section + section { border-top: 2px solid var(--line); }		h2 { font-size: clamp(22px, 3.4vw, 32px); margin: 0 0 18px; color: var(--yellow); }		h3 { margin: 0 0 6px; font-size: 18px; color: var(--cyan); }		p { margin: 0 0 14px; }		.lead { color: var(--muted); max-width: 760px; }		.grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }		figure { margin: 0; background: #000; border: 4px solid #000; box-shadow: 0 0 0 3px var(--line); }		figcaption { background: var(--panel); padding: 8px 12px; font-size: 14px; color: var(--muted); }		figcaption b { color: var(--ink); }		.cards { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }		.card { background: var(--panel); border: 3px solid var(--line); padding: 18px; }		kbd { display: inline-block; min-width: 1.8em; padding: 1px 7px; background: var(--ink); color: #111; border-radius: 3px; border-bottom: 3px solid #888; font: 600 14px/1.5 ui-monospace, monospace; text-align: center; }		.split { display: grid; gap: 32px; grid-template-columns: 1fr 1fr; align-items: center; }		@media (max-width: 760px) { .split { grid-template-columns: 1fr; } }		.full { background: linear-gradient(135deg, #10207e, #000a40); border: 3px solid var(--yellow); box-shadow: 8px 8px 0 var(--red); padding: 26px; }		.full ul { margin: 0 0 18px; padding-left: 20px; }		.full li { margin: 4px 0; }		details { background: var(--panel); border: 3px solid var(--line); padding: 14px 18px; margin-bottom: 12px; }		summary { cursor: pointer; font-weight: 700; }		details p { margin: 10px 0 0; color: var(--muted); }		footer { padding: 32px 0 48px; font-size: 14px; color: var(--muted); text-align: center; }		footer p { margin: 6px 0; }			nav.langs { background: var(--night-deep); border-bottom: 2px solid var(--line); padding: 8px 0; }		nav.langs ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 6px; }		nav.langs a { display: block; padding: 3px 9px; font-size: 14px; line-height: 1.5; color: var(--muted); text-decoration: none; border: 2px solid transparent; }		nav.langs a:hover, nav.langs a:focus-visible { color: var(--ink); border-color: var(--line); }		nav.langs a[aria-current="true"] { color: #111; background: var(--yellow); font-weight: 700; }	</style></head><body>	<nav class="langs" aria-label="Языки">		<ul>			<li><a href="../" hreflang="fr" lang="fr">Français</a></li>			<li><a href="../en/" hreflang="en" lang="en">English</a></li>			<li><a href="../es/" hreflang="es" lang="es">Español</a></li>			<li><a href="../de/" hreflang="de" lang="de">Deutsch</a></li>			<li><a href="../it/" hreflang="it" lang="it">Italiano</a></li>			<li><a href="../pt/" hreflang="pt" lang="pt">Português</a></li>			<li><a href="../nl/" hreflang="nl" lang="nl">Nederlands</a></li>			<li><a href="../pl/" hreflang="pl" lang="pl">Polski</a></li>			<li><a href="../ru/" hreflang="ru" lang="ru" aria-current="true">Русский</a></li>			<li><a href="../uk/" hreflang="uk" lang="uk">Українська</a></li>			<li><a href="../tr/" hreflang="tr" lang="tr">Türkçe</a></li>			<li><a href="../ja/" hreflang="ja" lang="ja">日本語</a></li>			<li><a href="../zh/" hreflang="zh" lang="zh">中文</a></li>			<li><a href="../ko/" hreflang="ko" lang="ko">한국어</a></li>		</ul>	</nav>	<header class="hero">		<div class="wrap">			<h1 class="pixel">Sonic PHP</h1>			<p class="sub">Sonic для <strong>Master System</strong> (1991), переписанный на PHP и доступный бесплатно в браузере: <strong>шесть зон, боссы, бонусные уровни</strong> и гонки с ботами.</p>			<div class="actions">				<a class="cta pixel" href="../play/?back=../ru/">▶ Играть</a>				<a class="cta alt" href="https://sonic.mimichat.fr/" target="_blank" rel="noopener">Полная версия с сетевой игрой ↗</a>			</div>			<p class="note">Компьютер, телефон или геймпад · ничего не нужно устанавливать · без регистрации</p>			<img class="screen" src="../images/level-1.png" width="840" height="426"				alt="Sonic свернулся в клубок рядом с кольцами Green Hill, на пути краб" />		</div>	</header>	<div class="ground"></div>	<main>		<section id="jeu">			<div class="wrap split">				<div>					<h2>Весь 8-битный Sonic</h2>					<p>Бегайте, прыгайте, собирайте кольца, разбивайте бонусные мониторы и добирайтесь до указателя в конце каждого акта. <strong>Шесть зон по три акта</strong>, босс в конце каждой зоны, <strong>бонусные уровни</strong>, полные колец и пружин, и финал игры.</p>					<p>Игра запоминает ваше <strong>лучшее время</strong> и <strong>«призрака»</strong> лучшего заезда, который можно побить в следующий раз. В настройках: ЭЛТ-фильтр экрана, скорость PAL или NTSC, французский или английский язык и проигрыватель музыки.</p>				</div>				<figure>					<img src="../images/map.png" width="840" height="426" loading="lazy" class="smooth"						alt="Карта острова перед Green Hill с жизнями Sonic" />					<figcaption><b>Карта острова</b> между двумя зонами.</figcaption>				</figure>			</div>		</section>		<section id="zones">			<div class="wrap">				<h2>Шесть зон</h2>				<p class="lead">У каждой зоны свои декорации, ловушки и босс. Скриншоты игры в том виде, как она работает в браузере.</p>				<div class="grid">					<figure><img src="../images/level-1.png" width="840" height="426" loading="lazy" alt="Green Hill: холмы в клетку, пальмы и кольца" /><figcaption><b>Green Hill</b> · акт 1</figcaption></figure>					<figure><img src="../images/level-4.png" width="840" height="426" loading="lazy" alt="Bridge: скалы и бревенчатый мост над водой" /><figcaption><b>Bridge</b> · акт 1</figcaption></figure>					<figure><img src="../images/level-7.png" width="840" height="426" loading="lazy" alt="Jungle: водопад посреди леса и платформы" /><figcaption><b>Jungle</b> · акт 1</figcaption></figure>					<figure><img src="../images/level-10.png" width="840" height="426" loading="lazy" alt="Labyrinth: резные зелёные блоки под водой" /><figcaption><b>Labyrinth</b> · акт 1</figcaption></figure>					<figure><img src="../images/level-13.png" width="840" height="426" loading="lazy" alt="Scrap Brain: завод на фоне города на закате" /><figcaption><b>Scrap Brain</b> · акт 1</figcaption></figure>					<figure><img src="../images/level-16.png" width="840" height="426" loading="lazy" alt="Sky Base: синие балки в ночи" /><figcaption><b>Sky Base</b> · акт 1</figcaption></figure>					<figure><img src="../images/boss.png" width="609" height="309" loading="lazy" alt="Доктор в летающей машине над Sonic в конце Green Hill" /><figcaption><b>Первый босс</b> · Green Hill, акт 3</figcaption></figure>					<figure><img src="../images/special.png" width="840" height="426" loading="lazy" alt="Бонусный уровень: звёзды, кольца и пружины" /><figcaption><b>Бонусный уровень</b> · кольца и пружины</figcaption></figure>				</div>			</div>		</section>		<section id="versus">			<div class="wrap split">				<figure>					<img src="../images/versus.png" width="840" height="426" loading="lazy" class="smooth"						alt="Гонка вчетвером по Green Hill, таблица результатов справа вверху" />					<figcaption><b>Гонка вчетвером</b> против трёх ботов.</figcaption>				</figure>				<div>					<h2>Против ботов</h2>					<p>В режиме <b>MULTIPLAYER</b> сразитесь с 1–4 гонщиками под управлением компьютера (до 5 в режиме флага) в зонах игры по четырём правилам:</p>					<p><b>Гонка</b>: первым добраться до указателя. <b>Флаг</b>: удерживать его дольше всех. <b>Кольца</b>: собрать больше всех. <b>Дэтматч</b>: остаться последним.</p>					<p>Хотите сразиться с настоящими игроками? Это есть в <a href="#complete">полной версии</a>.</p>				</div>			</div>		</section>		<section id="complete">			<div class="wrap">				<div class="full">					<h2>Полная версия: sonic.mimichat.fr</h2>					<p>Эта игра создана на основе <strong>Sonic PHP</strong>, оригинальная полная версия которого доступна на <a href="https://sonic.mimichat.fr/" target="_blank" rel="noopener">sonic.mimichat.fr</a>. В ней есть всё, что вы видите здесь, и ещё:</p>					<ul>						<li><strong>сетевая игра до 6 игроков</strong>: гонка, флаг, кольца или дэтматч;</li>						<li>публичные комнаты и приватные с кодом из 4 букв; свободные места занимают боты;</li>						<li>чат в комнатах и во время игры;</li>						<li><strong>повторы</strong> каждой партии;</li>						<li>версия для компьютера (нативный PHP), которая заходит в те же комнаты, что и браузеры.</li>					</ul>					<a class="cta pixel" href="https://sonic.mimichat.fr/" target="_blank" rel="noopener">Играть онлайн ↗</a>				</div>			</div>		</section>		<section id="commandes">			<div class="wrap">				<h2>Управление</h2>				<div class="cards">					<div class="card">						<h3>Клавиатура</h3>						<p><kbd>←</kbd> <kbd>→</kbd> бежать<br />							<kbd>↑</kbd> смотреть вверх, <kbd>↓</kbd> свернуться в клубок<br />							<kbd>Пробел</kbd> прыжок<br />							<kbd>Enter</kbd> меню и пауза<br />							<kbd>Esc</kbd> возврат к заставке</p>					</div>					<div class="card">						<h3>Геймпад</h3>						<p>Крестовина или стик — бежать, <b>A</b>, <b>B</b>, <b>X</b> или <b>Y</b> — прыжок, <b>Start</b> — меню и пауза, <b>Select</b> — возврат к заставке.</p>					</div>					<div class="card">						<h3>Телефон</h3>						<p>Слева крестовина для бега; справа <b>JUMP</b> для прыжка и <b>ROLL</b> для клубка, <b>START</b> — пауза, <b>MENU</b> — возврат к заставке. Держите телефон горизонтально.</p>					</div>				</div>				<p style="margin-top: 28px; text-align: center"><a class="cta pixel" href="../play/?back=../ru/">▶ Играть сейчас</a></p>			</div>		</section>		<section id="fabrication">			<div class="wrap split">				<div>					<h2>Как это сделано</h2>					<p><strong>Sonic PHP</strong> целиком написан на PHP: физика, объекты, враги, боссы, камера и боты. Уровни, графика и циклы цветов декодированы из оригинального картриджа, а музыка получена запуском звуковой программы Z80 из игры в эмуляторе.</p>					<p>Здесь игра перенесена на движок <a href="https://github.com/davidnurdin/jumPhp" target="_blank" rel="noopener">JumPHP</a>: один и тот же код работает в окне на компьютере и в браузере, где PHP скомпилирован в <strong>WebAssembly</strong>. Логика игры оригинальная; через JumPHP проходят только изображение, звук, управление и сохранения.</p>					<p>Код: <a href="https://github.com/davidnurdin/sonic-jumphp" target="_blank" rel="noopener">sonic-jumphp</a> (эта версия) и <a href="https://github.com/davidnurdin/sonicGamePhp" target="_blank" rel="noopener">sonicGamePhp</a> (полная версия).</p>				</div>				<figure>					<img src="../images/title.png" width="840" height="426" loading="lazy" class="smooth"						alt="Экран-заставка с логотипом и меню START, MULTIPLAYER, OPTIONS, BEST TIMES" />					<figcaption><b>Экран-заставка</b> и её меню.</figcaption>				</figure>			</div>		</section>		<section id="questions">			<div class="wrap">				<h2>Вопросы</h2>				<details>					<summary>Нужно ли что-то устанавливать?</summary>					<p>Нет: игра работает в браузере, на компьютере и на телефоне. При первой загрузке скачивается около 25 МБ (PHP в WebAssembly, уровни, графика и музыка), потом всё хранится в кэше.</p>				</details>				<details>					<summary>Чем отличается от полной версии?</summary>					<p><a href="https://sonic.mimichat.fr/" target="_blank" rel="noopener">Полная версия</a> добавляет сетевую игру до 6 игроков, комнаты, чат и повторы. Эта — та же игра, перенесённая на JumPHP, для игры в одиночку или против ботов.</p>				</details>				<details>					<summary>Сохраняется ли моё время?</summary>					<p>Да: лучшее время, «призраки» и настройки остаются в вашем браузере.</p>				</details>				<details>					<summary>Можно ли играть вне браузера?</summary>					<p>Да, с JumPHP и Docker: <code>bin/jumphp run sonic</code> открывает игру в окне со звуком. См. <a href="https://github.com/davidnurdin/sonic-jumphp" target="_blank" rel="noopener">репозиторий на GitHub</a>.</p>				</details>			</div>		</section>	</main>	<div class="ground"></div>	<footer>		<div class="wrap">			<p>Фанатский ремейк, бесплатный и без рекламы, сделан на <a href="https://github.com/davidnurdin/jumPhp" target="_blank" rel="noopener">JumPHP</a>.</p>			<p>Sonic the Hedgehog © SEGA 1991; версия для Master System разработана Ancient. Проект не связан с SEGA и Ancient; персонажи, графика, уровни и музыка принадлежат их авторам.</p>		</div>	</footer></body></html>