RU

1700 строк JS и ни одного видеофайла: как ИИ-агент снимает кино на Canvas и рендерит его в MP4

В этом минутном фильме нет ни одной картинки, видеофайла или сэмпла. Огонь, гравюру, 3D-сферу, пиксельную игру и музыку рисует и синтезирует один HT…

canvaswebglthree.jsweb audioffmpegplaywrightclaude codecodexии-агентымоушн-графика
Habr
RU

Калькулятор плитки: фото вместо цвета и 3D, который наконец не бесит

Всем привет, это третья часть, в которой пилю калькулятор плитки - tilely.ru . Получился довольно крупный патч, в основном вокруг 3D-режима, и там о…

калькулятор плиткиремонтплиткаобрезки3dthree.jsreactkonvacanvasdiy
Habr
RU

Написал JavaScript-парсер морских навигационных карт формата S-57: от hex-дампов до рендеринга в браузере

Год назад мне понадобился JavaScript-инструмент для работы с морскими навигационными картами формата S-57. GDAL — серверная библиотека на C, не для…

s57морские картыtypescriptopen sourceIHONOAAпарсерcanvas
Habr
RU

«Обратная змейка», часть 2: читаю комментарии, чиню баги и добавляю босса

Когда я выкладывал первую часть , я, если честно, рассчитывал на десяток лайков и тишину в комментариях: ну кто будет всерьёз разбирать змейку, слеп…

javascriptcanvasgamedevбраузерные игрызмейкаинди-разработкагеймдизайнhtml5баланс игрыпиксельная графика
Habr
RU

Марио про джуна: платформер на 40 КБ без файлов графики и бот, который проверяет каждый уровень перед выкладкой

Всем привет! Я фронтендер и по вечерам делаю пет-проект Workaem, агрегатор IT-вакансий. Как-то захотелось сделать рядом с ним что-нибудь несерьезное…

canvasпрограммированиепрограммистыпрограммирование игрjavascriptдизайнмини игрыразработка игрразработкаразработка приложений
Habr
RU

Canvas или SVG для карты офиса: как мы выбрали и справились с неочевидными граблями

Если к вам придут с задачей внедрения интерактивной карты офиса, какой рендер вы выберете? Canvas или SVG? Верхнеуровневый обзор скажет, что Canvas…

svgcanvasинтерактивные картыfrontendинтерактивная карта офиса на SVG
Habr