Sharkle — примеры оригинальной веб-разработки

В сети можно найти необычные проекты веб-разработчиков, которые они создают для реализации каких-то своих идей или ради «спортивного интереса». Многие из них встречаются в сервисе GitHub либо представлены в онлайн редакторе кода CodePen. Эти два сообщества — просто кладезь полезной информация по данной специализации. Если же вам лень вручную искать подобные экземпляры, сайт Sharkle сделает это за вас.

Выборка происходит не обязательно с GitHub/CodePen, там какая-то своя база с кучей интересных ссылок, хотя иногда встречаются и работы из этих сервисов.

Суть ресурса Sharkle заключается в том, что при каждом клике на центральный элемент «Show Me Something Awersome» (перевод — «Показать что-то удивительное») в новом окне открывается оригинальный и необычный веб-проект. Например…

На сайте Soulwire имеется несколько вариантов активностей, в которых при взаимодействии с пользователем появляются те или иные эффекты. Всего 20 разных функций, каждая следующая поражает больше предыдущей. Прямо диджитал арт.

На скриншоте выше «Magic Beans» — проводите по экрану мышкой, а в результате генерируются такие вот образы. Если выбрать «Unwrapageddon», то вам предложат «срывать» с экрана что-то вроде покрывала/обертки с изображенными на ней текстурами. Есть и просто экраны без действий, лишь демонстрирующие какие-то техники. Везде много-много анимации. Очень круто!

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

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

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

На каждой его грани отображается один определенный эффект: движущаяся текстура, объекты внутри, мини-игра и т.п. Разработчикам доступен JavaScript код чтобы узнать как такое вообще можно сделать.

Иногда встречается разная 3D абстракция как здесь.

В правом верхнем углу есть меню для переключения примеров: огненный шар, полет в космосе, другие текстуры/фоны и т.п. Выглядит местами необычно.

Если резюмировать историю о Show Me Something Awersome, то веб-ресурс полностью оправдывает свое название. С каждым кликом вы увидите что-то оригинальное — будь то интересный сервис, техническая реализация какого-то эффекта, анимация, 3D моделирование, музыкальный проект, интерактивный полигон с текстурами и т.п. и т.д. Можно поубивать немного времени за работой:) Единственное, печалит, что со временем часть ссылок стала недоступна. Лишь бы авторы не забросили свой сайт.