Всем привет! Напомню: в первой статье я показал дебаунс на Redis, который склеивает дробные сообщения клиента. Во второй — модуль привязки «чат = сделка» и то, почему вебхуки стоит держать в изолированных ключах. Если первые две части были про архитектуру и концепции, то эта — с обилием кода. Я покажу, как именно вырезаются теги, парсятся телефоны и нарезаются абзацы, потому что без кода это превратится в «я просто настроил ноды». Обе предыдущие статьи заканчиваются примерно одинаково: «...и те…
Это вторая часть о создании браузерной игры. И мы подошли к исходам графики, когда я понял, как именно будет выглядеть игра, всю визуализацию мне предоставил chatGPT, сгенерировав прикольную картинку. В голове у меня было более сырое представление, я ему просто описал суть, что должна быть платформа, желейный куб и тд. Вот что он сделал: Меня этот вид очень вдохновил и я захотел в это поиграть ОглавлениеПластикКаменьКубПластикКак былоВсё на месте: трава, камень, тени, туман. И всё равно игрушеч…
Я хочу начать серию статей о том, как я решил разработать залипательную игру. Сразу скажу, что я не гуру геймдева и вообще большая область моих знаний составляет разработка backend на Python, js, system design и тд. Игровой опыт закончился в 15 лет на скромной 3д мобильной игре про добычу биткоинов, где я мучился ради простых моделек в Blender и кода на c#, но это совсем другая история.Главный вопрос - Почему?Почему сейчас? Почему соло? Почему куб? Ах да… вы же еще не знаете идею. Давайте по по…
Зачем?Каждый день мы пишем JSX и используем хуки. Но как это работает под капотом? Чтобы разобраться, мы с нуля напишем собственную версию React.За основу мы возьмем отличный туториал Didact, но пойдем дальше: переведем все на TypeScript, добавим поддержку Фрагментов, реализуем useEffect и useContext. К концу стать React превратится для вас в понятный алгоритм)JSXЧто мы знаем про JSX? Это разметка, которая расширяет возможности JavaScript и позволяет писать в нем разметку, вот пример:const head…
Я делаю браузерный 3D-платформер. Игрок катает красный желейный куб по каменным плитам, парящим в небе. У куба нет полоски здоровья, нет инвентаря с ключами и нет счётчика очков.Не потому что я минималист и не потому что так задумывал с самого начала. А потому что в какой-то момент посмотрел на черновик спецификации и понял, что мне придётся писать, отлаживать и балансировать три отдельные системы. Одну я осилить был готов. Три - не очень.Куб на каменных плитахВот он. Красный, желейный, никаког…
Хайп-цикл фронтенда, кажется, наконец-то выдохся. Мы вышли из фазы бесконечного переизобретения колеса, где каждый месяц появлялся «убийца React», и вошли в эпоху убийцы Fable инженерной зрелости. Сегодня опытного инженера сложно впечатлить очередным фреймворком: ценность сместилась в сторону предсказуемости, скорости поставки (delivery) и снижения когнитивной нагрузки. Привет, меня зовут Паша Востриков, и я — архитектор веб-направления в «Лаборатории Касперского». В этой статье хочу разобрать …
Есть распространённый способ сделать игру красивее: пойти изучать шейдеры. Я так и сделал, потратил на это прилично времени и получил желейный куб, которым доволен.А потом посмотрел на два скриншота рядом и понял неприятное: большую часть разницы дали не шейдеры. Её дали пять довольно тупых правок, каждая из которых занимает от двух до тридцати строк.Ниже они по порядку - от самой выгодной к менее. Игра браузерная, на Three.js и Rapier, но четыре пункта из пяти к движку вообще не привязаны.Было…
Прошлый раз я рассказал, как написал свой калькулятор раскладки плитки, потому что замучился считать ванную в столбик. Тот пост был про версию 1.2 — база, прямая/диагональная раскладка, смета, PDF, нумерация плиток. Комменты были классные, фидбек пошёл сразу, и за месяц я выкатил ещё три версии. Самое заметное — ёлочка и общий план квартиры, где все комнаты лежат на одном полотне. Про это и пишу.## Ёлочка (v1.4.0)Ёлочка — это когда плитка кладётся под углом друг к другу, как паркет. Спросили в …
Привет, Хабр!Я не программист и не разработчик. Мне ближе системное администрирование: развернуть сервис, разобраться с сетью, найти конфликт портов, проверить маршрутизацию и добиться, чтобы всё это пережило повторную установку. Но благодаря нейросетям у людей вроде меня появилась возможность не только описывать идеи, но и доводить их до работающего кода.Так появился AWG-Easy 3 — небольшая Docker-панель для AmneziaWG 3.x с управлением клиентами, изоляцией Home/Guest, IPv6, диагностикой соедине…