Главная » Архив меток: Canvas

Архив меток: Canvas

Nanoleaf Canvas: скоро на всех стенах

В сентябре сияющие квадраты показывали на европейской выставке IFA. Сенсорные панели умной системы освещения Nanoleaf Canvas были самым впечатляющим продуктом на CES 2018. Теперь разработчики готовы открыть продажи Canvas.Это — Nanoleaf Aurora в офисе Madrobots Это треугольные светодиодные панели, которые нужно соединить друг с другом, как пазл или конструктор. Вы наверняка видели Aurora, первую умную систему освещения стартапа Nanoleaf. Футуристический ...

Читать далее »

Я написал кроссбраузерное расширение для вкладок, но вы так не делайте

Длинное, нудное вступление с претензией на манию величия Однажды я обнаружил, что меня, как всегда, что-то сильно не устраивает в этом мире. А именно, введя какой-то длинный запрос в поисковике на настольном компьютере и затем перейдя на планшет, я никак не мог вспомнить дословно текст запроса, чтобы выйти ровно на те же результаты. А начиналось все так хорошо. Я увидел ...

Читать далее »

Средний цвет в JavaScript

Сопровождающий текст было решено положить на усреднённый цвет фото. По работе делал листалку фотографий. Тема среднего цвета заинтересовала, и я решилпосмотреть какие ещё варианты можно использовать в верстке. Фон Пример Рассчитываем средний цвет фотографии и устанавливаем цвет подложки. Градиент Между картинкой и подложкой установлен плавный градиент. Средний цвет высчитывается у верхней или нижней части картинки и используется в подложке для ...

Читать далее »

[Из песочницы] Использование функций JavaScript для построения 3D-моделей

В данной статье рассмотрено применение геометрической библиотеки функций WebGeometry для построения моделей сложных многогранников. Библиотека написана на языке Javascript. Ссылка на GitHub с примером, в котором приведен простейший пример использования библиотеки. Замечания и критика приветствуются. Холст (canvas) HTML5 используется для показа отдельных плоских элементов моделей и вывода на экран вспомогательной информации.Технология WebGL и библиотеки созданные на ее основе, такие как ...

Читать далее »

Быстрая интерактивная схема зала на canvas

Разрабатываем библиотеку для отображения больших интерактивных схем залов на canvas без фреймворков и заставляем хорошо работать в ie и мобильных устройствах. Попутно разбираемся с особенностями работы canvas. Почему TypeScript? Во-первых, мне хотелось попробовать. А во-вторых, полноценная поддержка ООП.Да и строгая типизация, на мой взгляд, может уменьшить количество багов. А вообще я на PHP программирую, так что замечания по коду приветствуются. ...

Читать далее »