Программирование для души

Когда-то давно, когда программирование еще не стало моим основным видом деятельности, я писал что-то просто для себя, или потому что могу, или потому что придумал что-то красивое.

Тогда я участвовал в демосцене, сначала на ZX-Spectrum-е, потом и на PC. Мы небольшой командой единомышленников писали демки, хранители экрана (привет, Morph3D - наш вдохновитель на PC) да и просто приколы и дурилки.

Сейчас не много времени остается для всего этого творчества, но я все еще иногда могу что-то сбацать :)

Точки

Увидел картинку рекламы какого-то очередного *GPT, понравилась сама картинка - написал программку нахождения координат точек и чуть-чуть анимировал ее.

Прелесть этой демки еще и в том, что для рисования на canvas используется worker - т.е. не занимается основной поток.
демо Точки

Медитация

А вот здесь я помучил наши нейросетки в плане генерации изображений - давно идея такого скринсейвера была.

Как не странно, Шедеврум, который, обычно, генерит лютую дичь (как и большинство сервисов Yndx), сгенерил то, что я хотел практически с первого промпта. Кадинский не справился, создав что-то страшное.

Естественно, с руками были проблемы и вместо пальцев торчали какие-то ху* - но зато все остальное получилось, как мне надо было. Руки перерисовал сам в Photoshop. Дальше встал вопрос апскейла (так как картинки из бесплатных версий небольшие по разрешению). Апскейл решила какая-то быстро найденная на просторах гугла бесплатная нейронка онлайн, именно под него заточенная - надо сказать, что с работой она справилась блестяще.

С чем пришлось помучаться - естественно, с версткой, так как хотелось сделать это масштабируемым под любые экраны. Кстати, Chrome все также не умеет в резкость при даунскейлинге изображений, в отличае от Firefox. Говорят, помогает отключение hardware-ускорения.

Ну и с эффектом перелива пришлось повозиться - у меня изображения было с прозрачными местами, где перелива быть не должно было - решил это back-drop фильтром яркости.

Интересно это еще и тем, как можно рандомизировать тайминги анимации CSS через перменную CSS и JS.
демо Медитация

Туман

Туман без симуляции частиц вполне можно сделать с помощью наложения полупрозрачных изображений. Плюсом я добавил аналог искор - симуляция их пути тоже очень занимательная штука.
демо Туман