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

В свободное время программисты занимаются разными хобби. Некоторые программисты любят играть на музыкальных инструментах. Между тем, некоторые программисты любят смотреть фильмы, технические беседы и документальные фильмы. Однако каждый программист любит экспериментировать и писать код просто для удовольствия. Следующие техпроекты делаются программистами просто для развлечения. Но эти технологические проекты, несомненно, могут произвести впечатление на любого программиста в мире.

Кодирование ASCII

Цифровое видео имеет набор кадров, и эти кадры отображаются в хронологическом порядке для создания движущихся объектов в видео. Кроме того, каждый кадр состоит из пикселей, имеющих разные значения цвета. Точно так же концепция ASCIIutation имеет набор фреймов, состоящих из символов ASCII. Каждый кадр на основе ASCII воспроизводится в хронологическом порядке для создания анимации, называемой ASCII показателем. Разработчик этой концепции создал версию фильма «Звездные войны» в кодировке ASCIIitation, чтобы продемонстрировать, как это работает.

Конечно, каждый кадр состоит из набора символов ASCII, как показано ниже.

Полные исходные кадры фильма Звездные войны ASCIIitation можно найти здесь. Также это можно воспроизвести с помощью следующей команды telnet.

$ telnet towel.blinkenlights.nl

Webamp

Я помню, как я проигрывал музыкальные файлы около 11 лет назад, используя Winamp, у которого были различные виды графических обложек. Но теперь мы все делаем, в том числе слушаем музыку с помощью веб-браузера. Мы все еще помним Winamp, и я почти уверен, что некоторые люди до сих пор с удовольствием им пользуются. Программист создал веб-версию Winamp и назвал ее Webamp, добавив почти все основные функции, которые мы использовали в прошлом. Кроме того, Webamp поддерживает скины Winamp, которые поступают в виде .wsz файлов, и многие графические скины можно найти здесь.

JS Paint

Когда Windows XP и более ранние версии были популярны, каждый ребенок, начинавший изучать компьютеры, начинал с программы Microsoft Paint, потому что она давала отличную основу для выполнения действий мышью за них. Но теперь Paint похож на устаревший компонент платформы Windows, поскольку Microsoft представила новую улучшенную версию под названием Paint 3D. Первая версия Paint была выпущена в 1985 году вместе с Windows 1.0, и в то время она называлась Paintbrush.

Программист воссоздал более раннюю версию программы Paint с помощью JavaScript. Компоненты пользовательского интерфейса, такие как кнопки и меню, реализованы как элементы HTML, а область рисования была построена с использованием холста HTML. JS Paint включает почти все функции старой программы Paint. Кроме того, у него есть некоторые дополнительные функции, такие как темный режим.

WinXP настольная игра

Windows XP, несомненно, является любимой операционной системой каждого стойкого поклонника Windows. Это было быстро и для любого недорогого компьютера. Десять лет назад я использовал его со 128 мегабайтами физической памяти и процессором Pentium-III. Почти все программисты, родившиеся в 90-х, скомпилировали свою первую программу hello-world на Windows XP. Уже существует игра для рабочего стола Win98, но программист воссоздал рабочий стол Windows XP, используя интерфейсную библиотеку React, потому что Windows XP тоже была незабываемой операционной системой.

В этой настольной игре Windows XP есть Webamp и JS Paint, которые напоминают о наших золотых днях с компьютерами.

img2css

Цифровое изображение обычно состоит из матрицы свойств пикселей, таких как значения интенсивности цвета (красный, зеленый и синий) и значения непрозрачности, известного как значение альфа. Точно так же все, что мы видим на экране компьютера, состоит из крошечных светлых пикселей. Между тем, программист нашел способ отображать изображения в браузере, используя всего лишь один элемент div. Конкретный div оформлен с помощью свойства box-shadow CSS для визуализации каждого пикселя изображения. Веб-сайт img2css примет изображение в качестве входных данных и создаст CSS-версию конкретного изображения, автоматически сгенерировав значение для свойства box-shadow.

Этот элемент div имеет ширину 1 пиксель и высоту 1 пиксель. После этого, если свойство box-shadow установлено для определенной позиции со значением цвета, пиксель может отображаться на экране. Например, следующий фрагмент CSS отобразит на экране два красных пикселя.

div {
    width: 1px;
    height: 1px;
    box-shadow: red 200px 200px, red 0px 200px;
}

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

JSFuck

В настоящее время JavaScript повсюду. Раньше он создавался как простой язык сценариев для создания динамических веб-страниц. Но теперь JavaScript можно использовать для создания серверной части для веб-приложений, настольных приложений, мобильных приложений и встроенных систем. Конечно, JavaScript иногда кажется загадочным языком, потому что он порождает некоторые непонятные вещи (например, напоминание typeof null проблема).

Это хороший способ написать JavaScript, используя всего 6 символов. Например, !![] можно использовать вместо true. Точно так же другие элементы исходного кода также могут быть преобразованы в этот 6-символьный формат с помощью этого веб-сайта.