Информация в статье затронет тему создания визуализации для музыкального плеера. Так сложилось, что программа была написана на as3, т.к. это язык на котором я сейчас программирую.
Все началось из увиденной в плеере AIMP визуализации Phthalo's Corona. Я долго думал как она работает и наконец кое-что придумал.
Читать полностью »
Рубрика «графика» - 14
Визуализация для музыкального плеера
2012-10-22 в 15:06, admin, рубрики: Action Script, as3, Flash-платформа, графика, Работа со звуком, метки: as3, графикаВизуализация характеристической функции
2012-10-10 в 14:03, admin, рубрики: canvas, javascript, JS, Алгоритмы, графика, Программирование, характеристическая функция, метки: Canvas, Алгоритмы, графика, характеристическая функция 
Многие в общих чертах представляют, как работает обратная лучевая трассировка: через каждый пиксель окна вывода алгоритм пропускает луч и вычисляет, с какими объектами сцены он пересекается и как в результате данный пиксель должен быть освещён. Алгоритм по сути требует, чтобы у нас была функция, которая для каждой позиции возвращает цвет точки. Разумеется, тот же подход можно применять не только для трёхмерной графики: любое изображение можно растеризовать таким образом, если у нас есть подходящая функция. Рассмотрим для примера, как с помощью такого подхода решить задачу визуализации диаграмм разложения на простые множители, о которой написал helarqjsc.
Моя реализация здесь. На картинке изображено 10! = 3628800, хотя всех деталей, разумеется, не видно.
Читать полностью »
Ray tracing не только в 3D
2012-10-10 в 14:03, admin, рубрики: canvas, javascript, JS, Алгоритмы, графика, Программирование, характеристическая функция, метки: Canvas, Алгоритмы, графика, характеристическая функция 
Многие в общих чертах представляют, как работает лучевая трассировка: через каждый пиксель сцены алгоритм пропускает луч и вычисляет, с какими объектами сцены он пересекается и как в результате данный пиксель должен быть освещён. Алгоритм по сути требует, чтобы у нас была функция, которая для каждой позиции возвращает цвет точки. Разумеется, тот же подход можно применять не только для трёхмерной графики: любое изображение можно растеризовать таким образом, если у нас есть подходящая функция. Рассмотрим для примера, как с помощью такого подхода решить задачу визуализации диаграмм разложения на простые множители, о которой написал helarqjsc.
Моя реализация здесь. На картинке изображено 10! = 3628800, хотя всех деталей, разумеется, не видно.
Читать полностью »
Диаграммы разложения на простые множители
2012-10-09 в 20:03, admin, рубрики: haskell, Алгоритмы, графика, диаграммы, перевод, переводы, Песочница, метки: haskell, графика, диаграммы, переводНедавно в свободное время написал программу для генерации диаграмм, полученных с помощью разложения числа на простые множители или "факторизационных диаграмм".
Вот так выглядит 700:
По расположению точек несложно заметить, что всего их здесь 7*5*5*2*2.
Далее описание того, как это работает.
Читать полностью »
Генерирование юзербаров и их интеграция в Icecast
2012-09-11 в 2:50, admin, рубрики: icecast, perl, векторная графика, графика, КодоБред, обработка изображений, процедурная генерация, метки: c++, icecast, perl, графика, процедурная генерацияЕсли кому-то надо будет нарисовать юзербар, то он откроет GIMP (или любой другой графический редактор) и нарисует в нем несколько слоев со штрихами/градиентами и отблесками. А что если надо создать сразу много юзербаров? К примеру, генерировать новую картинку при смене трека на интернет-радио? В этой статье я поделюсь небольшой методикой как это можно сделать. Сразу скажу, что вся графика у нас будет процедурной и руками не нужно ничего рисовать.Читать полностью »
Разбираем персонажа на части
2012-08-21 в 17:04, admin, рубрики: flash, Flash-платформа, веб-дизайн, графика, дизайн, Дизайн в IT, персонажи, рисование, метки: flash, графика, дизайн, персонажи, рисование 
Во всем мире существуют различные способы рисования. В данной статье речь пойдет о способе рисования персонажей, а именно «Как рисую Я». Конечно же, есть какие то, правила и стандарты при рисовании персонажей, в интернете есть множество статей и книг по этому поводу, но я опишу свой метод…
Читать полностью »
Облака на всю катушку
2012-08-10 в 9:35, admin, рубрики: DropBox, life-hack, photoshop, svn для дизайнера, веб-дизайн, графика, дизайн, облака, советы, метки: DropBox, life-hack, photoshop, svn для дизайнера, графика, дизайн, облака, советы 
Речь пойдет о том, как использовать облачные технологии на благо дизайнера. Как с помощью облака не боятся работать в оригинальном макете. Как держать актуальные и одни и те же макеты на работе и дома. Контролировать версии. И как укрощать большие макеты, делая их маленькими и послушными.
Читать полностью »
Сжатие PSD файлов
2012-08-10 в 9:35, admin, рубрики: life-hack, photoshop, svn для дизайнера, веб-дизайн, графика, дизайн, советы, метки: life-hack, photoshop, svn для дизайнера, графика, дизайн, советы 
Еще один способ уменьшения размера psd файлов.
Читать полностью »
Киберпанк, матрицы и canvas
2012-08-05 в 22:06, admin, рубрики: canvas, javascript, браузеры, графика, Киберпанк, метки: Canvas, javascript, браузеры, графика, киберпанкI. Предисловие.
Когда-то давно мне запал в память эпизод из киберпанковского романа: один герой показывает другому экран, на котором быстро сменяют друг друга пиксели. Каждое состояние экрана представлено определённым числом, программа постепенно перебирает варианты.
Можно представить, что рано или поздно на таком экране могли бы появиться разные удивительные вещи: страница из «Войны и мира», «Джоконда», первые такты «Лунной сонаты», гениальное решение известного уравнения, фотография любого человека, эта страница Хабра, сообщение о безвестном событии прошлого или подробное предсказание будущего.
С тех пор я периодически пытался сделать что-то по касательной, были какие-то мелкие поделки на Perl. А недавно захотелось сделать что-то подобное на JavaScript.
Графический стек Linux
2012-08-02 в 15:23, admin, рубрики: gnome, linux, open source, Wayland, X11, xorg, графика, переводы, метки: gnome, gnome shell, linux, Wayland, X11, xorg, графика(оригинал — Jasper St. Pierre, разработчик GNOME Shell, взято отсюда)
Это обзорная статья о составных частях графического стека Linux и том, как они уживаются вместе. Изначально я написал её для себя после разговоров об этом стеке с Оуэном Тейлором, Рэем Строудом и Эдэмом Джексоном (Owen Taylor — мэйнтейнер Gnome Shell; Ray Strode — мэйнтейнер большого количества десктопных пакетов сообщества RedHat; Adam Jackson — разработчик графического стека Gnome Shell и интеграции с XOrg; прим. переводчика).
Я постоянно дёргал их, снова и снова расспрашивал о всяких мелочах, а потом эти мелочи благополучно забывал. В конце концов я задал им вопрос — а нет ли какого-нибудь обзорного документа, уткнувшись в который я бы избавил ребят от своего назойливого внимания? Не получив утвердительного ответа я решил написать эту статью, которая по завершению была вычитана Эдэмом Джексоном и Дэвидом Эйрли. Они оба работают над этим стеком.
Читать полностью »