Помните, как в детстве у вас была игрушка Etch-A-Sketch? Разработчики из Google Chrome Labs точно помнят. Вспоминая эту ностальгическую игрушку, Google Chrome Labs выпустила бесплатную, онлайн-версию с открытым исходным кодом под названием Web-A-Skeb.
Google Chrome Labs — это возможность для разработчиков Chrome создавать крутые эксперименты с открытым исходным кодом, демонстрирующие, насколько динамичной может быть веб-среда, а не только Chrome. Возможно, вы помните их по такому же бесплатному онлайн-инструменту для сжатия изображений с открытым исходным кодом, Squoosh.
Теперь последнее творение Google Chrome Labs, Web-A-Skeb, представляет собой полностью функционирующий Etch-A-Sketch в вашем веб-браузере, демонстрирующий нам более веселую сторону Google.
Как и в оригинальной игрушке, в Web-A-Skeb вы управляете процессом рисования с помощью двух ручек: одна отвечает за вертикальное движение, другая — за горизонтальное. По словам создателя приложения в Твиттере, именно эти ручки изначально стали причиной создания этой демонстрации — для разработки удобного для веб-применения элемента управления «циферблат». Сейчас, когда приложение выпущено, рассматриваются варианты обеспечения доступности.
The original experiment was to create a knob / dial component that could be used like January 9, 2019
Есть удобная кнопка «Shake» (Потрясти), чтобы стереть ваше творение в Web-A-Skeb, когда вы закончите. Но прежде чем это сделать, стоит отметить дополнительную опцию, которой точно не было в оригинальной игрушке. Нажмите кнопку «Fancy» (Шикарно), чтобы добавить приятные теневые эффекты, а затем «Fancier» (Еще шикарнее), чтобы оживить ваш рисунок радужными эффектами.
Web-A-Skeb хорошо работает во всех основных браузерах, не только в Chrome, включая настольные и мобильные устройства (и даже может быть установлен как прогрессивное веб-приложение). Это, безусловно, будет для меня приятным способом скоротать время на несколько дней. Заинтересованные веб-разработчики могут ознакомиться с исходным кодом Web-A-Skeb на GitHub.
Посмотрите 9to5Google на YouTube для получения других новостей: