Max Home IndustryНасколько хорошо вы можете уместить всего 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 и других социальных сетях!