Dwitter на демосцене JavaScript


Насколько хорошо вы можете уместить всего 140 символов JavaScript и (HTML) холст? Являясь частью демонстрационной сцены, Dwitter размещает небольшие, но мощные фрагменты кода JavaScript, добавленные пользователями, которые запускаются в браузере и делают удивительные вещи.

Во-первых, что такое демосцена? Согласно Википедии:

Демосцена – это международная субкультура компьютерного искусства, ориентированная на создание демонстраций: автономных, иногда очень маленьких компьютерных программ, которые производят аудиовизуальные презентации.

Цель демонстрации – продемонстрировать навыки программирования, изобразительного искусства и музыки. Демо-записи и другие демосцены публикуются на фестивалях, известных как demoparties, на них голосуют участники и публикуются в Интернете.

Одной из таких вечеринок была js13kGames, о которой мы рассказывали еще в 2017 году, когда вам нужно было написать полную игру в пределах 13К. Мы обнаружили, что 13K было достаточно, чтобы вместить как игровой процесс, так и классную графику, благодаря продвинутым движкам браузера и HTML5.

Однако Dwitter не об играх, а скорее демонстрация графики и анимации, сгенерированных 140 символами Javascript, такой же длины твита, отсюда и «witter» часть в названии с буквой D для демонстрации. Это больше похоже на задачу написать программу JavaScript с максимальным размером 1 КБ, которую мы рассмотрели еще в 2013 году.

На сайте Dwitter вы можете найти несколько довольно впечатляющих демонстраций, учитывая такой небольшой объем кода. Например:

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

функция u (t) {x.shadowColor = “# 0af”, x.shadowBlur = 99-C (t) * 50for (i = 0; i ++ <40; x.fillRect (960-zj / 2,1070-i * 5, z * 2 + j, -z * 4)) z = 2e3 / (it% 32), j = i% 3 * zM} или же функция u (t) {c.width | = f = (X, Y, d, z = 2 + X * S (a = Y-4 * t)) => d >> 8? x.fillRect (960+ 1e3 * X * C (a) / z, 540 + 1e3 * Y / z, 6,6): [t, t + 2, t + 4] .map (i => f (X + C (i) / d, Y + S (i) / d, 2 * d)); f (0,0,2)}

или даже напоминают вредоносные программы, такие как:

но на самом деле все фрагменты – это совершенно правильный код!

Dwitter создается сообществом, и каждый может публиковать свои творения на сайте, чтобы другие могли наслаждаться, комментировать, оценивать или даже экспериментировать, поскольку под каждой демонстрацией вы найдете ее код, который вы можете настроить на сайте и в режиме реального времени!

Также есть дополнительный продукт, Dwitter-Son1k, который также объединяет аудио. У вас есть 140 символов для записи функции обновления звука и еще 140 символов для записи функции обновления визуализации. Сайт позволяет вам настроить клип и поделиться им в Twitter и других социальных сетях!


Добавить комментарий