Реализация проекта «SVG-виджеты для tckl/tk» позволяет устранить одну из главных претензий, предъявляемых к графическому интерфейсу приложений, разрабатываемых с использованием tk - устаревший дизайн виджетов. Переход от классических виджетов к svg-виджетам не требует больших усилий. В этом лично я убедился, переписав gui утилиты для работы с электронной подписью cryptoarmpkcs. Ее дистрибутивы под именем cryptoarmpkcs_svg для платформ Linux64 и Windows64 можно найти в проекте:
Работа с векторной графикой *
SVG и компания
Новости
Разработка специализированного графика для отображения ЭКГ с использованием Canvas на платформе .NET for Android
В современной медицине точное отображение электрокардиограммы (ЭКГ) играет ключевую роль в диагностике и мониторинге сердечно-сосудистых заболеваний. Разработка специализированного графика для визуализации ЭКГ в реальном времени на мобильных устройствах требует не только глубокого понимания медицинских стандартов, но и тщательного выбора технологий для реализации. В статье мы рассмотрим процесс создания такого графика с использованием технологии Canvas, обсудим возникшие проблемы и найденные решения.
Глассморфизм и SVG
Всем привет. Я Андрей Осипов, фронтендер из Контура. Почти три года назад, когда у компании был еще старый фирменный стиль, мы столкнулись с проблемой экспорта из фигмы изображений в формате SVG. Сложность была с изображениями, где был эффект глассморфизма, он же эффект матового стекла (frosted glass).
Недавно чисто из любопытства я решил проверить, починили ли в Figma эту проблему. Проблема осталась. Плагинов так и нет, а гугл не предлагает хороших решений. Поэтому решил выложить эту статью сюда, может, кому пригодится.
Полезные рецепты ручного создания SVG
Признаюсь, поначалу я была скептиком ручного кодирования SVG. Будучи фронтенд-разработчиком, привыкшим приводить в порядок "плохие" SVG-файлы, я никогда всерьез не задумывалась о том, чтобы самой рисовать с помощью кода.
Однако, прошлой зимой я создавала проект для рисования каллиграфических сеток и с головой погрузилась в изучение спецификаций SVG. Оказалось, что, несмотря на знание базовых структур и правил работы с SVG, по-настоящему понять значение всех этих цифр и их взаимодействие между собой можно только через практику ручного кодирования.
А как только освоишься, это занятие становится на редкость увлекательным и даже забавным.
Истории
Как мы делаем Автограф — «русское Visio»
Самая первая инженерная версия редактора, не самая удобная для конечных пользователей
В России MS Visio используется для того, чтобы нарисовать планы помещений, вентиляции, пожарной сигнализации, рисовать всякие схемы работы — и так далее. Потом в какой-то момент оно пропало, а желание делать удобные схемы осталось.
Мы начинали в 1991 году с софта для автоматизации проектирования электросхем — когда вы рисовали одну схему, а по ней синтезировались недостающие участки, вроде расчёта типа и количества реле, нужного сечения кабеля и так далее. К 2010 году дорога приключений привела нас к тому, что мы начали делать уже схемы для объектов энергетики.
Сейчас мы замещаем Visio в России и поддерживаем VSD/VSDX-форматы в обе стороны.
Собственно, я хочу рассказать немного о техническом аспекте работы с большими схемами.
Сильно упрощая, каждая схема и в нашем движке, и в движке Visio состоит из векторных элементов. Пользователь перемещает окно с полем зрения по схеме, и для этого места идёт рендер — рисуются только те элементы, которые видно. Для каждого масштаба делается пререндер этого вектора с разной детализацией, то есть пользователь каждый момент времени работает со всего одной группой SVG-элементов. Всё остальное только кажется схемой из деталей, на самом деле — это единая отрендеренная большая картинка.
Автоматизация проектирования в комплексе BIM Конструкции и Металлоконструкции
Рассмотрим в статье некоторые возможности программ BIM Конструкции и Металлоконструкции на примере армирования ростверка, получения спецификаций и чертежей.
Использование данных лазерного сканирования для получения 3D –модели генплана в nanoCAD GeoniCS
В настоящее время большую популярность получило использование результатов лазерного сканирования при выполнении проектных работ. В связи с этим была поставлена задача апробировать технологию использования данных, полученных при выполнении названных выше изыскательных работ.
Для реализации поставленной задачи был выполнен пилотный проект, цель которого ̶ получить 3D-модель генерального плана по данным лазерного сканирования. В качестве исходных данных выступило облако точек, а в качестве выходной информации ̶ трехмерная модель генплана.
Графический дизайн для детей: обзор обучающей программы
Сейчас обучать детей графическому дизайну с нуля стало проще: эта сфера уже не только для профессиональных художников. Школьники начинают работать в Photoshop и других программах, делая первые шаги в создании самых разных макетов. Такой вид курсов графического дизайна для школьников стал довольно популярным не только у тех, кто уже умеет пользоваться компьютером, но и среди ребят, которые только учатся этому. Люди, умеющие создавать красивые и яркие изображения, иллюстрации, сейчас нужны везде: они придумывают, как должны выглядеть сайты, реклама, упаковки для товаров от известных марок, делают инфографику, которую мы видим на разных площадках в интернете.
И не стоит думать, что искусственный интеллект заберет у графических дизайнеров работу. Конечно, сейчас технологии ИИ в визуализации развиваются динамично: можно сгенерировать практически все, от логотипа до рекламного постера. Но часто алгоритмы нейросетей ошибаются, результат запроса получается некорректным. Так что до финального результата продукт все равно доводит дизайнер.
SVG-виджеты для tcl/tk. Поддержка SVG-файлов. Часть III
Вот и наступил тот момент, когда стало возможным при разработке gui на tcl/tk простое использование в качестве иконок графических изображений, хранящихся в svg-файлах:
Какой графический редактор выбрать, если не умеешь рисовать?
Всем привет, меня зовут Егор. Сейчас я занимаюсь сольной разработкой игр. И так как я не являюсь профессиональным художником, для меня как никогда актуален вопрос: каким инструментом пользоваться для создания арта. Конечно, никто не отменял Asset Store и приобретение необходимых графических ассетов именно там, но не всегда можно с лёгкостью найти подходящий арт для проекта на таких площадках, и приходится создавать его самому.
Поэтому я постоянно нахожусь в поиске наиболее удобных редакторов для создания графики. Заранее предупреждаю, что речь пойдет о создании именно 2D-арта, и мы не будем касаться темы нейросетей, так как у меня не было опыта работы с ними.
В статье я расскажу об опыте использования редакторов для создания векторной графики, растровой графики и пиксель-арта. Моя цель — поделиться своим опытом с другими разработчиками, поэтому надеюсь, что этот материал будет полезен.
Сравнение Recraft и Adobe Illustrator
У Адоба обновились генеративные инструменты, а в Иллюстраторе даже появились новые. Я решила провести полноценное сравнение с другой, полюбившейся многим векторной нейронкой, Рекрафтом.
Содержание:
1. Генерация простого лайна
2. Генерация заполнения этого лайна
3. Создание серии в едином стиле
4. Логотипы
5. Паттерны
6. Мокапы
7. Лицензии
8. Доп.комментарии и Итоги
Интерполяция: рисуем плавные графики с помощью кривых Безье. Версия 2
Доброго времени суток, харбачитатель.
Так начинается статья, которая представляет сообществу первый, опубликованный здесь, алгоритм интерполяции:
Использование Manim + Python для визуализации. Перестановка (комбинаторика)
Несмотря на то, что математика сегодня — это глубокий андерграунд, работы 3Blue1Brown вдохновляют и пробуждают внутри что‑то из далёкого детства, где весь мир был непостижимой игровой площадкой, а из кислого были только муравьиные жопки. Чтобы хоть немного прикоснуться к прекрасному, мною была сделана попытка визуализировать простую формулу из комбинаторики. Делюсь опытом.
Ближайшие события
Rive-анимация для Flutter-приложений: почему мы любим ее больше Lottie, когда ее применять и какие фишки использовать
Привет! Меня зовут Никита Грибков, я Flutter-разработчик в AGIMA. Расскажу вам про возможности Rive — фреймворка, который использует векторную графику для создания анимации во Flutter-приложениях. Эта статья выросла из небольшого поста на Хабре, в котором я коротко описал опыт работы над кнопкой для Bottom Bar в своем пет-проекте. Здесь же я уже подробно опишу, как анимировать элементы и чем вообще хорош Rive.
SVG-виджеты для tcl/tk. Градиентная заливка и прозрачность. Часть II
Продолжим знакомство с svg-виджетами для tcl/tk. Напомним, что рассматриваемые примеры, сам пакет svgwidgets и интерпретаторы tcl/tk с необходимыми пакетами можно найти на github-е. После выхода первой статьи все они претерпели изменения. Начнем мы статью с примера скрипт_button_PACK.tcl:
$/usr/local/bin64/tclexecomp140_svg_Linux64 скрипт_button_PACK.tcl
Что такое трассировка лучей, как она устроена и так ли нужна на самом деле
Что самое главное в изображении? Конечно, его качество. Чем ближе к реальности выглядит объект на картинке, тем визуально привлекательнее он нам кажется. Во многом на восприятие изображения влияет освещение и затенение, которого в компьютерной графике помогает добиться трассировка лучей. О ней мы сегодня и поговорим.
Анатомия игры: Локации. часть 2
В прошлой части мы начали разбирать по кирпичику такую часть геймизайна, как дизайн локаций. Разобравшись, чем отличается бесшовный мир от открытого и почему уровень называется уровнем, переходим к более насущным аспектам локаций.
Демо City In A Bottle – система рейкастинга в 256 байтах
Привет всем любителям size coding, сегодня я расскажу о чём-то потрясающем: крошечном движке трассировки лучей (raycasting) и генераторе города, умещающихся в автономном файле HTML размером 256 байтов.
В этом посте я поделюсь секретами работы этой волшебной программы. Возможно, вы уже видели этот пост в моём Twitter. После публикации два года назад он стал самым популярным моим твитом.
В этой потрясающей программе используется множество разных концепций, а их разбор похож на решение головоломки. Программа состоит из нескольких основных частей: html-кода, цикла обновления кадра, системы рендеринга, движка рейкастинга и самого города.
Возможно, вы подумаете, что для распутывания этой загадки необходима сложная математика, но на самом деле это не так, сам код довольно прост и в нём используется простейшая алгебра, даже без тригонометрических функций. Впрочем, там есть несколько трюков, позволяющих создать впечатляющий результат.
SVG-виджеты для tcl/tk. Часть I
Начать статью хочу с цитаты из слов Брайана Кернигана,которую мне посчастливилось найти:
Tcl/Tk придает работе магическую продуктивность, за несколько часов можно достигнуть тех же результатов, что за дни или недели при разработке на C или C++... Tk весьма эффективен для большинства приложений, многие элементы интерфейса (виджеты) реализованы настолько хорошо, что остается только удивляться, как подобная работа могла быть выполнена так качественно... Удачным кажется и то, что разделение задач между Тсl и С/С++ осуществляется достаточно легко, надо только знать, какой инструмент лучше справляется с задачей... Расширение системы дополнительным Tcl-кодом, загружаемым напрямую в Tcl-библиотеку приложения, в полном согласии с оригинальной идеей Остераута, повышает эффективность программы, в целом, упрощает ее структуру и улучшает мобильность... Я не уверен, что Тсl мог бы выжить как самостоятельный продукт - у него слишком много конкурентов. Но у сочетания Tcl/Tk в Unix-мире нет конкурентов... Система исключительно надежна, очень хорошо документирована... свободно доступна... безукоризненно высокого качества
Вы думаете рисовать линии это просто?
Наш мир удивителен, простые на первый взгляд вещи оказываются очень сложными внутри. Так что же скрывает в себе обычная линия? Для ответа на вопрос, прошу под кат.
Вклад авторов
bodyawm 366.0alizar 332.0Apostol 225.0roman_logo 199.4tangro 184.0arestov 164.0despoth 145.0KoGor 145.0grokru 133.0Refridgerator 132.0