{"draftJsState":{"blocks":[{"data":{"image":{"id":"684a7f6adae809545e747bab"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаем игру \"Кликер\" на HTML 5","type":"atomic:image","key":"d4aba"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы вместе напишем простой, но увлекательный кликер на чистом \nHTML и JavaScript без сложных фреймворков. Даже если ты никогда не \nпрограммировал — не переживай: я объясню каждую строчку кода так, что ты не только повторишь за мной, но и поймешь, как это работает. К концу урока у тебя будет готовая игра, которую можно сразу показать друзьям.","type":"unstyled","key":"debmv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":49,"offset":0,"style":"BOLD"}],"text":"Что такое кликер-игры и почему они так популярны?","type":"header-three","key":"dr55h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":13,"style":"ITALIC"},{"length":14,"offset":168,"style":"ITALIC"},{"length":22,"offset":74,"style":"BOLD"}],"text":"Кликеры (или \"idle-игры\") — это жанр игр, где основной механикой является простое нажатие кнопки, приносящее игровую валюту, очки или ресурсы. Самый известный пример — Cookie Clicker, где игрок кликает по гигантскому печенью, чтобы получать больше печенек.","type":"unstyled","key":"e5r50"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Почему они затягивают?","type":"header-three","key":"4cs4v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":2,"style":"BOLD"},{"length":8,"offset":54,"style":"BOLD"},{"length":21,"offset":139,"style":"BOLD"}],"text":"✅ Простота — не нужны сложные навыки, только клики.\n✅ Прогресс — даже без активных действий игра \"сама зарабатывает\" очки (автокликеры).\n✅ Удовольствие от роста — апгрейды делают процесс наглядным и приятным.","type":"unstyled","key":"a90dd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Зачем их программировать?","type":"header-three","key":"1meqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":2,"style":"BOLD"},{"length":10,"offset":39,"style":"BOLD"},{"length":17,"offset":80,"style":"BOLD"},{"length":20,"offset":144,"style":"BOLD"}],"text":"\uD83D\uDD39 Идеальны для обучения — учат основам JavaScript, работе с DOM и логике игр.\n\uD83D\uDD39 Быстрый результат — за час можно сделать работающий прототип.\n\uD83D\uDD39 Бесконечно улучшаемы — можно добавлять новые фичи без предела.","type":"unstyled","key":"6tfp5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":68,"offset":0,"style":"BOLD"}],"text":"Наш кликер — упрощённый, но он содержит все ключевые элементы жанра! Попробуйте — и вы поймёте, как создаются такие игры.","type":"unstyled","key":"48vrr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"Как создать HTML-файл в Windows","type":"header-three","key":"74kl6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если ты никогда не создавал HTML-файлы, не переживай — это очень просто! Вот пошаговая инструкция:","type":"unstyled","key":"e24cf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":36,"offset":0,"style":"BOLD"}],"text":"Способ 1: Через \"Текстовый документ\"","type":"header-three","key":"fud"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Открой \"Проводник\" (Win + E) и зайди в папку, где хочешь создать файл.","type":"ordered-list-item","key":"9bfto"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"},{"length":9,"offset":24,"style":"BOLD"},{"length":20,"offset":36,"style":"BOLD"}],"text":"Кликни правой кнопкой → \"Создать\" → \"Текстовый документ\".","type":"ordered-list-item","key":"4clv1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Переименуй файл в index.html (важно, чтобы в конце было .html, а не .txt).","type":"ordered-list-item","key":"cba8j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"},{"length":4,"offset":66,"style":"BOLD"},{"length":46,"offset":17,"style":"ITALIC"}],"text":"Windows спросит: \"Вы действительно хотите изменить расширение?\" → \"Да\".","type":"ordered-list-item","key":"d9dav"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"}],"text":"Теперь файл можно открыть в браузере!","type":"ordered-list-item","key":"9jjeb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":57,"offset":0,"style":"BOLD"}],"text":"Способ 2: Через \"Блокнот\" (или другой текстовый редактор)","type":"header-three","key":"9d9mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Открой \"Блокнот\" (Win + R → введи notepad → Enter).","type":"ordered-list-item","key":"fa4vm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Напиши HTML-код (например,

Привет, мир!

).","type":"ordered-list-item","key":"b7f9v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Нажми \"Файл\" → \"Сохранить как...\".","type":"ordered-list-item","key":"c4qkf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"},{"length":1,"offset":38,"style":"ITALIC"}],"text":"В поле \"Тип файла\" выбери \"Все файлы (.)\".","type":"ordered-list-item","key":"7kn26"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Назови файл index.html (следи, чтобы не было .txt в конце).","type":"ordered-list-item","key":"fdkih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"Выбери папку и нажми \"Сохранить\".","type":"ordered-list-item","key":"cstki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Проверяем результат","type":"header-three","key":"a9k0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Найди свой index.html в папке.","type":"unordered-list-item","key":"2it8d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Кликни по нему 2 раза — он откроется в браузере.","type":"unordered-list-item","key":"91q6s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если видишь текст из кода — всё получилось!","type":"unordered-list-item","key":"c4iaa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Важные моменты","type":"header-three","key":"9t05d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Расширение .html обязательно (не index.html.txt!).","type":"unordered-list-item","key":"48gqg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":72,"offset":0,"style":"BOLD"}],"text":"Редактировать код можно в Notepad++, VS Code или даже в обычном Блокноте.","type":"unordered-list-item","key":"5t27j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":35,"offset":0,"style":"BOLD"}],"text":"Если файл не открывается в браузере → проверь, что сохранил его правильно.","type":"unordered-list-item","key":"aou6f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"Копируем и проверяем игру — это просто!","type":"header-three","key":"rkhe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":4,"style":"BOLD"},{"length":22,"offset":69,"style":"BOLD"}],"text":"Вот полный код игры, который нужно вставить в ваш index.html. Просто скопируйте его целиком (Ctrl + C / Ctrl + V), сохраните файл и откройте в браузере — игра сразу заработает!","type":"unstyled","key":"1autd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"fhnmi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9fdps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"3fumn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"bjvu8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"75uin"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"ac230"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2483m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4dfqr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"dcsrr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"5tjna"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4gln6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эмодзи-кликер","type":"blockquote","key":"1m9s4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"94ib4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2777k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"fqopg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9j1l1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"fdped"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"6muku"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"67n35"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"fncve"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Эмодзи-кликер

","type":"blockquote","key":"d835k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"235nh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2bvf7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"fvdtd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Очки: 0

","type":"blockquote","key":"22inj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9gltd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Кликов в секунду: 0

","type":"blockquote","key":"1th8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2k5fc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7doup"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"1fhn1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"2dflr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\uD83D\uDC31

","type":"blockquote","key":"5a1p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"et948"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"7u1i6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"7s96q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"93hgh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"dkuep"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Магазин улучшений

","type":"blockquote","key":"59m4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4sg2b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"crpeu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"3qu9g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"6e44v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Авто-кликер

","type":"blockquote","key":"9tfbl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

+1 клик в секунду

","type":"blockquote","key":"rj2l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"4esba"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Цена: 10

","type":"blockquote","key":"99usb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1j165"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Куплено: 0

","type":"blockquote","key":"dbmii"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"99t03"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"6obu7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"bed23"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"3qaul"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"70ffa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Эмодзи-друг

","type":"blockquote","key":"270ob"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

+2 клика в секунду

","type":"blockquote","key":"de9em"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Цена: 50

","type":"blockquote","key":"7n96a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Куплено: 0

","type":"blockquote","key":"9u9m2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"68mgg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"3fu31"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"5t6q8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"e93kc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Эмодзи-армия

","type":"blockquote","key":"8b23q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

+10 кликов в секунду

","type":"blockquote","key":"652nr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Цена: 200

","type":"blockquote","key":"6dlaj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Куплено: 0

","type":"blockquote","key":"fgego"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"ar9n0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"3mg7i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"85usk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"1cs12"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"7homv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"aa5v4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"7g4e2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"8jugc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"cm3tl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поздравляю! Вы только что создали свою первую HTML5-игру на JavaScript — веселый «Эмодзи-кликер» с магазином улучшений. Вы создали полноценную игровую механику с нуля, используя только базовые технологии веба.","type":"unstyled","key":"4h9rc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":2,"style":"BOLD"}],"text":"\uD83C\uDFAE Хочешь делать игры, но не знаешь, с чего начать?\n\nПопробуй себя в геймдеве — бесплатно!","type":"unstyled","key":"agdqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDC49 У меня есть мини-курс по HTML, CSS и JavaScript, где ты:","type":"unstyled","key":"e9fjl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDD38 разберёшься с основами HTML (да, прямо с нуля)\n\n\uD83D\uDD38 сделаешь интерактивную историю с выбором\n\n\uD83D\uDD38 начнёшь путь к своей первой игре — прямо в браузере","type":"unstyled","key":"f14mr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":19,"style":"BOLD"}],"text":"\uD83D\uDCD8 Первые 2 урока — бесплатно. Поймёшь, нравится ли тебе, и решишь, хочешь ли продолжать.\n\nДальше — по подписке: удобно, без перегруза и с результатом.","type":"unstyled","key":"erb1l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCAC Всё просто, пошагово и без сложных слов. Даже если ты никогда не пробовал кодить.","type":"unstyled","key":"b1gma"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":46,"offset":2}],"inlineStyleRanges":[{"length":46,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDD17 Хочу начать курс бесплатно и сделать свою игру","type":"unstyled","key":"cskto"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✨ Начни сегодня. Сделай первую игру — и пойми, каково это: быть по ту сторону экрана!","type":"unstyled","key":"78ea7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"jfr7crQMJ8ADwZN8jf0j"}],"entityMap":{"0":{"data":{"url":"https://vk.com/app5898182_-228425592#u=1956195&s=3278180"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}