Всем привет!

В этом видео добавляем интерактивность с помощью событий mouse и touches. Здесь мы затронем масштабирование координат мыши и тача. А так же логику попадания точки в прямоугольник. Ну и собственно логику таскания прямоугольника.

ВКонтакте • YouTube

00:00 Добавляем виртуальный поинтер
01:17 Добавляем mouse ивенты
03:23 Рисуем поинтер для проверки
07:17 Делаем наведение на прямоугольники
10:42 Добавляем инициализацию уровня
21:11 Делаем таскание прямоугольника
27:47 Добавляем touch ивенты
29:09 Проверяем на Android
29:22 Заключение

Код посмотреть тут

Результат тут

Оглавление
1. Настраиваем проект
2. Добавляем canvas
3. Масштабирование игры
4. Добавляем интерактивность (мы здесь)

Сделал вот кота для js13k )

Смотрю много рефов и пиксель арта всякого. Пока идея в сторону бродилки-головломки по дому и окрестностям.

Так же засетапил проект. Из технологий: npm, typescript, esbuild, canvas, sfxr, advzip. Пока что зип занимает 2252 байт из 13312 байт (16.92%).

На эти выходные еду на мероприятие года - Сборку №4. Организует его мой друг и коллега Антон Волков. Это место и время где собираются супер крутые мастера своего дела. Мы много общаемся, обмениваемся опытом, заводим новых друзей и играем в различные игры. Интересно, что приготовят для нас организаторы в этот раз. Я уже был на Сборке №2 и Сборке №3. Это было просто супер! Как будто на сутки ты попадаешь в другой мир. Всегда жду эту тусовку больше чем Новый Год.

P.S. На фотке готовлю сюрприз для друга. 😜 Вспомнил тут черчение, геометрию и что такое циркуль. 🤣🤣🤣

Ребята что то интересное придумали ) Уже пакую сумку и собираюсь выезжать )))

И вот совсем скоро случится главное ежегодное мероприятие нашего клуба — Сборка! Гости уже собираются в Перми, а на Базе кипят последние приготовления. Стёпа подогнал немного инсайда, как оно всё проходит и что задумали в этом году — думаю, немного спойлеров не нарушит игрового экспириенса. Предыдущие видео с обсуждениями тут и вот тут.

Недавно мы размышляли с друзьями на тему того, что сегодняшняя культура слишком заморочена на цели и результаты, а при этом самое прекрасное — процесс — совершенно не важен. В соцсетях, на конференциях, да и просто в реале люди постоянно стремятся удивить окружающих какими-то своими достижениями (на самом деле они пытаются доказать своему ДД, что они нормально-супергуд). В итоге все рвут жопу, пытаясь выпрыгнуть из толпы хотя бы на пару секунд и вякнуть "шмари я шмог!", чтобы тут же быть затоптанными следующими претендентами на микрофон.

Любая соцсеть — ярмарка тщеславия. Любая конференция — выставка достижений.

Так вот Сборка — это анти-конференция. Как и настоящая Игра — она не имеет прикладного смысла. Мастера с разных городов и стран собираются без бейджей и понтов, чтобы насладиться процессом и настоящим живым общением. Как в детстве: совершенно не важно, пойти прыгать с гаражей или играть в банки-палки, главное — с друзьями!

Добрался до Пулково. ✈️ В этот раз прям очень быстро. Тусоваться полтора часа. 🤣

Всем привет!

На выходных был на Сборке 4 в Перми. Все очень понравилось - было просто супер! Пересматривая свои записи поймал себя на том, что постоянно была улыбка на лице ) Ощущение полного счастья и умиротворения. Вот такой вайб был на Сборке 4.

Спасибо огромное Антон за приглашение на сборку! А так же благодарю всех организаторов!

Вместо тысячи слов оставлю это видео здесь. Приятного просмотра!

ВКонтакте • YouTube

Всем привет!

С утреца проводил сына в школу и решил размяться в пиксель арте :) Много думал про игру с котами... но в голову ничего не приходит. А я давно хотел сделать файтинг. Буквально за полчаса набросал ))) Так что встречайте! Катька будет мстить за своего бойфренда. За то, что она одевается всегда в черное её прозвали Black Cat :)

ВКонтакте • YouTube

Оживляю Катьку 😎. Добавил анимаций и недостающие кадры. Запрограммировал небольшую стейт машину. Так как времени очень мало - фигачу со скоростью х20 (шутка 🤣). Две недели думу думал, и вот тока в голове укладывается концепт. За эту неделю графическую базу бы накидать. А следующая неделя финальная. В общем сжатые сроки (осталось 10 дней, по часу в день) и ограниченные ресурсы (игра в зипе не должна превышать 13 килобайт). В такие моменты рождаются удивительные и простые решения. Ты как бы идешь напролом и все 😆. Никаких архитектур и прочей байды. Тупо простые данные и простые функции-процедуры и простой game-loop.

ВКонтакте • YouTube

Всем привет!

Суббота прошла плодотворно! Да и вообще последние несколько дней.

После оживления Катьки, я решил негоже ей ходить в пустоте - надо создать окружение! Нарисовал тайлы и сгенерировал пол и стены. Добавил градиентов и шум. А так же тени от персонажей. Пока еще без объектов, но уже неплохо выглядит. Локация - конечно же Бар )))

Так же искал того кто напишет музыку. И нашел! Алексей Томанов согласился помочь и создал восхитительный трек! В этом видео он как раз и звучит.

Еще пришла идея как сделать несколько персонажей врагов в одном. Для этого я отрисовал врага и раскрасил его части тела разными цветами. И теперь могу заменять "на лету" цвета персонажей. В этом видео вы можете увидеть Боба и Джека )

Размер игры уже прилично вырос.
ZIP SIZE: 6976 / 13312 байт (52.40%)

P.S. Контента снял много. Монтировать нет времени. Буду кидать промежуточные результаты. Смонтирую после 13 сентября )

ВКонтакте • YouTube

Перс вот так выглядит ) Благодяря этому можно переодевать его и менять цвет волос/кожи. Идея не нова. Посмотрим как получится в итоге.

По работе вот занимаюсь интересной задачей. Встречайте пост из Лабы.

Всем привет! Рассказываю про битовые маски для диффов и некоторые свои соображения. Так же затронул тему команд/транзакций для массивов, а так же их сжатие/слияние. И что то мне кажется, что оно может быть лучше для диффов. К тому же можно и для чистых данных - т.е. байтов применять. Так же показываю демку.

P.S. Там есть неточность слияние битовых масок происходит операцией ИЛИ "|" а вот проверка установлен ли бит операцией И "&".

Воскресение было очень плодотворным ))) Оживил Джека и Боба. Прикольно получилось!

По сути я нарисовал одного перса и проанимировал его один раз. И теперь можно накладывать на него "скины". Сейчас правда не хватает теней на самих персах, но это я сделаю отдельным слоем и буду накладывать на уже раскрашенных персонажей. По сути тоже ничего нового - все часто так делали во флеше.

Еще получается, что у всех персов одна стейт машина - опять же в целях экономии размера игры. И есть контроллер у каждого - по сути какие кнопки нажаты. Юзер нажимает их физически. А "компьютер" (Боб и Джек) анализирует окружение видит Катю жмет кнопки что бы дойти до нее. Далее если он рядом с Катей - "компьютер" жмет кнопки ударов.

Размер уже
ZIP SIZE: 8520 / 13312 [байт] (64.00%)

ВКонтакте • YouTube

Доброе утро!

По вечерам продолжаю доделывать игру. Вчера дорабатывал боевку. Хотел сделать повеселей ) В общем приятнее стало мутузить ) Добавил отскок, подскок, эффекты, анимации переработал (3 анимации дамага и 2 смерти). Ха! Пока что только Катька наносит урон - это мы исправим. Думаю делать ли прыжки? Там сразу из 2д в 3д улетает сложность, а времени мало. Но может не так все страшно.

Так же записываю процесс. 40 ГБ уже ждут монтажа ) Что бы вы понимали, время ограниченно и я делаю максимально быстро, считайте это скоростное программирование. Решения надо принимать быстро и много. Обычно беру уже те решения которые когда то делал или знал как делается, не напрягаясь. Но бывает зависаю. Комментировать то, что делаешь просто не возможно - так как я вхожу в скоростной поток.

Еще вчера к ночи поймал себя на мысли - а нафига я делаю это? зачем это мне? И потом осознал, что получаю огромный кайф и мне нравится то, что получается и это прикольно! Собственно ради этого.

Я всегда откладывал свои идеи на полку. И они там так и лежали годами. Ждал момента. Вот например файтинг хотел сделать. И вот оно! В общем нужно просто начать )

Немного откровений ) Еще заметил, что в работе тоже есть прорывы. Появилась какая то гибкость. Быстро могу поменять подход / алгоритм / решение / сделать кучу итераций в день. Такое замечал еще в молодости во время экзаменов - когда активно готовился к экзаменам и параллельно работал. В такие моменты мозг разгоняется и энергия с одной деятельности переносится на другую. Когда делаю эту игру приходят инсайты по работе.

Размер уже
ZIP SIZE: 9303 / 13312 (69.88%)

ВКонтакте • YouTube