Как стать автором
Обновить
1.23

Работа с векторной графикой *

SVG и компания

Сначала показывать
Порог рейтинга
Уровень сложности

Автоматизация проектирования в комплексе BIM Конструкции и Металлоконструкции

Уровень сложностиСредний
Время на прочтение12 мин
Количество просмотров448

Рассмотрим в статье некоторые возможности программ BIM Конструкции и Металлоконструкции на примере армирования ростверка, получения спецификаций и чертежей.

Читать далее
Всего голосов 1: ↑1 и ↓0+3
Комментарии2

Новости

Использование данных лазерного сканирования для получения 3D –модели генплана в nanoCAD GeoniCS

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров982

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

Для реализации поставленной задачи был выполнен  пилотный проект, цель которого  ̶  получить 3D-модель генерального плана по данным лазерного сканирования. В качестве исходных данных выступило облако точек, а в качестве выходной информации  ̶  трехмерная модель генплана.

Читать далее
Всего голосов 2: ↑2 и ↓0+4
Комментарии0

Графический дизайн для детей: обзор обучающей программы

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров1.7K

Сейчас обучать детей графическому дизайну с нуля стало проще: эта сфера уже не только для профессиональных художников. Школьники начинают работать в Photoshop и других программах, делая первые шаги в создании самых разных макетов. Такой вид курсов графического дизайна для школьников стал довольно популярным не только у тех, кто уже умеет пользоваться компьютером, но и среди ребят, которые только учатся этому. Люди, умеющие создавать красивые и яркие изображения, иллюстрации, сейчас нужны везде: они придумывают, как должны выглядеть сайты, реклама, упаковки для товаров от известных марок, делают инфографику, которую мы видим на разных площадках в интернете.

И не стоит думать, что искусственный интеллект заберет у графических дизайнеров работу. Конечно, сейчас технологии ИИ в визуализации развиваются динамично: можно сгенерировать практически все, от логотипа до рекламного постера. Но часто алгоритмы нейросетей ошибаются, результат запроса получается некорректным. Так что до финального результата продукт все равно доводит дизайнер.

Читать далее
Всего голосов 9: ↑5 и ↓4+3
Комментарии1

SVG-виджеты для tcl/tk. Поддержка SVG-файлов. Часть III

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров1.4K

Вот и наступил тот момент, когда стало возможным при разработке gui на tcl/tk простое использование в качестве иконок графических изображений, хранящихся в svg-файлах:

Читать далее
Всего голосов 9: ↑8 и ↓1+9
Комментарии6

Истории

Какой графический редактор выбрать, если не умеешь рисовать?

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров11K

Всем привет, меня зовут Егор. Сейчас я занимаюсь сольной разработкой игр. И так как я не являюсь профессиональным художником, для меня как никогда актуален вопрос: каким инструментом пользоваться для создания арта. Конечно, никто не отменял Asset Store и приобретение необходимых графических ассетов именно там, но не всегда можно с лёгкостью найти подходящий арт для проекта на таких площадках, и приходится создавать его самому.

Поэтому я постоянно нахожусь в поиске наиболее удобных редакторов для создания графики. Заранее предупреждаю, что речь пойдет о создании именно 2D-арта, и мы не будем касаться темы нейросетей, так как у меня не было опыта работы с ними.

В статье я расскажу об опыте использования редакторов для создания векторной графики, растровой графики и пиксель-арта. Моя цель — поделиться своим опытом с другими разработчиками, поэтому надеюсь, что этот материал будет полезен.

Читать далее
Всего голосов 8: ↑5 и ↓3+3
Комментарии14

Сравнение Recraft и Adobe Illustrator

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров4.7K

У Адоба обновились генеративные инструменты, а в Иллюстраторе даже появились новые. Я решила провести полноценное сравнение с другой, полюбившейся многим векторной нейронкой, Рекрафтом.

Содержание:

1. Генерация простого лайна
2. Генерация заполнения этого лайна
3. Создание серии в едином стиле
4. Логотипы
5. Паттерны
6. Мокапы
7. Лицензии
8. Доп.комментарии и Итоги

Читать далее
Всего голосов 7: ↑5 и ↓2+4
Комментарии7

Интерполяция: рисуем плавные графики с помощью кривых Безье. Версия 2

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров3.9K

Доброго времени суток, харбачитатель.

Так начинается статья, которая представляет сообществу первый, опубликованный здесь, алгоритм интерполяции:

Читать далее
Всего голосов 2: ↑2 и ↓0+4
Комментарии3

Использование Manim + Python для визуализации. Перестановка (комбинаторика)

Уровень сложностиПростой
Время на прочтение16 мин
Количество просмотров6K

Несмотря на то, что математика сегодня — это глубокий андерграунд, работы 3Blue1Brown вдохновляют и пробуждают внутри что‑то из далёкого детства, где весь мир был непостижимой игровой площадкой, а из кислого были только муравьиные жопки. Чтобы хоть немного прикоснуться к прекрасному, мною была сделана попытка визуализировать простую формулу из комбинаторики. Делюсь опытом.

Читать далее
Всего голосов 7: ↑7 и ↓0+10
Комментарии2

Rive-анимация для Flutter-приложений: почему мы любим ее больше Lottie, когда ее применять и какие фишки использовать

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров4.7K

Привет! Меня зовут Никита Грибков, я Flutter-разработчик в AGIMA. Расскажу вам про возможности Rive — фреймворка, который использует векторную графику для создания анимации во Flutter-приложениях. Эта статья выросла из небольшого поста на Хабре, в котором я коротко описал опыт работы над кнопкой для Bottom Bar в своем пет-проекте. Здесь же я уже подробно опишу, как анимировать элементы и чем вообще хорош Rive.

Читать далее
Всего голосов 9: ↑9 и ↓0+12
Комментарии2

SVG-виджеты для tcl/tk. Градиентная заливка и прозрачность. Часть II

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров1.2K

Продолжим знакомство с svg-виджетами для tcl/tk. Напомним, что рассматриваемые примеры, сам пакет svgwidgets и интерпретаторы tcl/tk с необходимыми пакетами можно найти на github-е. После выхода первой статьи все они претерпели изменения. Начнем мы статью с примера скрипт_button_PACK.tcl:

$/usr/local/bin64/tclexecomp140_svg_Linux64 скрипт_button_PACK.tcl

Читать далее
Всего голосов 5: ↑4 и ↓1+3
Комментарии0

Что такое трассировка лучей, как она устроена и так ли нужна на самом деле

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров12K

Что самое главное в изображении? Конечно, его качество. Чем ближе к реальности выглядит объект на картинке, тем визуально привлекательнее он нам кажется. Во многом на восприятие изображения влияет освещение и затенение, которого в компьютерной графике помогает добиться трассировка лучей. О ней мы сегодня и поговорим.

Читать далее
Всего голосов 7: ↑3 и ↓4+2
Комментарии23

Анатомия игры: Локации. часть 2

Уровень сложностиСредний
Время на прочтение11 мин
Количество просмотров3K


В прошлой части мы начали разбирать по кирпичику такую часть геймизайна, как дизайн локаций. Разобравшись, чем отличается бесшовный мир от открытого и почему уровень называется уровнем, переходим к более насущным аспектам локаций.
Читать дальше →
Всего голосов 9: ↑9 и ↓0+15
Комментарии1

Демо City In A Bottle – система рейкастинга в 256 байтах

Уровень сложностиСредний
Время на прочтение8 мин
Количество просмотров3.6K

Привет всем любителям size coding, сегодня я расскажу о чём-то потрясающем: крошечном движке трассировки лучей (raycasting) и генераторе города, умещающихся в автономном файле HTML размером 256 байтов.

В этом посте я поделюсь секретами работы этой волшебной программы. Возможно, вы уже видели этот пост в моём Twitter. После публикации два года назад он стал самым популярным моим твитом.

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

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

Читать далее
Всего голосов 41: ↑38 и ↓3+56
Комментарии7

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн

SVG-виджеты для tcl/tk. Часть I

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров2.6K

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

Tcl/Tk придает работе магическую продуктивность, за несколько часов можно достигнуть тех же результатов, что за дни или недели при разработке на C или C++... Tk весьма эффективен для большинства приложений, многие элементы интерфейса (виджеты) реализованы настолько хорошо, что остается только удивляться, как подобная работа могла быть выполнена так качественно... Удачным кажется и то, что разделение задач между Тсl и С/С++ осуществляется достаточно легко, надо только знать, какой инструмент лучше справляется с задачей... Расширение системы дополнительным Tcl-кодом, загружаемым напрямую в Tcl-библиотеку приложения, в полном согласии с оригинальной идеей Остераута, повышает эффективность программы, в целом, упрощает ее структуру и улучшает мобильность... Я не уверен, что Тсl мог бы выжить как самостоятельный продукт - у него слишком много конкурентов. Но у сочетания Tcl/Tk в Unix-мире нет конкурентов... Система исключительно надежна, очень хорошо документирована... свободно доступна... безукоризненно высокого качества

Читать далее
Всего голосов 11: ↑8 и ↓3+11
Комментарии2

Вы думаете рисовать линии это просто?

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров26K

Наш мир удивителен, простые на первый взгляд вещи оказываются очень сложными внутри. Так что же скрывает в себе обычная линия? Для ответа на вопрос, прошу под кат.

Читать далее
Всего голосов 60: ↑58 и ↓2+70
Комментарии39

Интерактивные и документированные диаграммы для сложных систем

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров6.8K

Мой первый on-call выдался нелегким. Недели тренингов и обучения не подготовили меня к тому что придется бегать по Slack каналам различных команд и искать того, кто может что либо знать о какой-то из частей системы. Оказалось что многие страницы в корпоративной Wiki уже не обновлялись несколько лет. Команды хранили свою документацию кто где хотел: кто в Wiki, кто в Google Docs, кто в GitHub и т.д. Наш on-call был не идеален: 2 человека выходили на дежурство 24/7. Один был ответственен за всю инфраструктуру (MySql, Cassandra, Kafka, ElasticSearch, Nomad и т.д.), второй же был Developer on-call и отвечал за все микросервисы и различные легаси системы, что в сумме давало около 300 различных сервисов от 7 команд на самых различных стеках и фреймворках (Java, Scala, Node, Go). Но что меня больше всего раздражало - так это невозможность быстро оценить на высшем уровне как проходит и обрабатывается запрос от пользователя. Диаграммы для разных бизнес частей точно также были либо устаревшими, либо без прилегающей документации, либо для какой-то бизнес логики не было ничего. И вот тогда мне пришла идея, что было бы неплохо иметь диаграммы, в которых можно не только нажать на любой элемент и добыть о нем более детальную информацию, но также получить ссылки на другие диаграммы и динамически их подгружать. Мне хотелось иметь возможность быстро разобраться в неизвестной распределенной системе, не переключаясь между диаграммой и документацией в Google Docs или Wiki. Именно так я начал работать над проектом Schem.io.

Предупреждение: в статье содержится большое количество GIF-изображений.

Читать далее
Всего голосов 19: ↑19 и ↓0+19
Комментарии28

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров11K

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал.

В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

Читать гайд
Всего голосов 12: ↑8 и ↓4+9
Комментарии22

Станок с ЧПУ резка пенопласта. Руководство

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров26K

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

Читать далее
Всего голосов 19: ↑12 и ↓7+11
Комментарии18

Без углов и стресса: Формула успешного дизайна, или как правильно скруглить внутренние углы фигур

Уровень сложностиСредний
Время на прочтение2 мин
Количество просмотров4.8K

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

Читать далее
Всего голосов 13: ↑5 и ↓8-1
Комментарии8

Игровая легенда из 90-х: Как работала 3dfx Voodoo «под капотом»? Пишем 3D-приложение с нуля на Glide

Уровень сложностиСредний
Время на прочтение26 мин
Количество просмотров14K
image


Полагаю, многие мои читатели так или иначе знакомы с такими видеокартами, как 3dfx Voodoo. Эти легендарные графические ускорители из середины\конца 90-х годов был чуть ли не в каждой второй сборке для игр, а о их производительности слагали легенды. До сих пор есть относительно небольшое сообщество фанатов ретро-игр, которые ценят, любят и собирают с цветмета те немногие видеокарты от 3dfx, что остались в СНГ. Однако обзоров на 3dfx Voodoo много, тестов игр — тоже, а вот материала «простыми словами» о его внутренней архитектуре и более того, практической части с написанием 3D-игры практически нет! Недавно я прикупил себе Voodoo 3, и начал зубрить Programmer's Manual с желанием запилить что-нибудь эдакое… Статью я долго и упорно готовил дабы успеть к новому году и сегодня у нас с вами: краткая история компании 3dfx, подробный разбор архитектуры видеочипов 3dfx «под капотом», что должен был уметь программист 3D-графики в 90х и написание 3D-приложения на Glide полностью с нуля. Интересно? Тогда жду вас в статье!
Читать дальше →
Всего голосов 62: ↑61 и ↓1+78
Комментарии49
1
23 ...

Вклад авторов