Pull to refresh
  • by relevance
  • by date
  • by rating

Парочка отличных эффектов

Ajax *
Ну, собственно, я тут подумал, что, наверное, нужно написать об этом здесь. Итак, я, будучи в здравом умме и трезвой памяти, вчера, или позавчера, или когда-то еще, при очередном серфинге и поиске очередных рюшечек нашел парачку интересненьких скриптов. Делюсь, на здоровье хабралюдям!
Total votes 51: ↑43 and ↓8 +35
Views 874
Comments 20

AETUTS — учимся делать эффекты

Lumber room
AETUTS — это новый блог от Envanto TUTSPLUS направленный на обучение мастерскому использованию Adobe After Effects. Блог открылся два дня назад а уже обзавелся подписчиками. Несмотря на то что блог на английском его туториалы выполнены в виде ролика показывающий весь процесс работы, так что если вы не владеете этим языком вы просто можете следить за действиями автора туториала.

Еще продукты от Envanto TUTSPLUS:
  • PSDTUTS — Туториалы для программы Adobe Photoshop
  • VECTORTUTS — Adobe Illustrator и векторные туториалы
  • AUDIOTUTS — Туториалы по музыке и звуку
  • NETTUTS — Туториалы по веб разработке
Total votes 12: ↑11 and ↓1 +10
Views 730
Comments 2

Сверхплавное передвижение объектов

JavaScript *
Иногда у веб-разработчиков возникает задача, которая требует плавного движения объекта по экрану. Это может быть строка загрузки, какой-то спрайт (например, машинки на клавогонках) или что-то ещё. Проблема возникает, когда сдвиг даже на одну точку кажется слишком резким и портит общее ощущение от происходящего. Как этого избежать? Использовать приёмы антиалиасинга.

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

Как это сделано?
Читать дальше →
Total votes 217: ↑212 and ↓5 +207
Views 6.6K
Comments 103

Интерактивный редактор для jQuery — прорыв?

jQuery *
Странно, что такое шикарное событие не взбудоражило умы Хабровчан. Эта новость достойна твоего внимания, %username%!

Внимание — видео!



Понравилось? Тогда беги и качай бесплатно прямо сейчас: www.ixedit.com
Total votes 238: ↑216 and ↓22 +194
Views 4.8K
Comments 93

Секреты и техника качественного эффекта листания страниц

Silverlight
Translation
Техника листания страниц уже несколько лет присутствует во Flash. Тем не менее, не все реализации одинаковы. Обычно, качественные компоненты для эффекта листания страниц, которые можно купить, значительно отличаются от тех бесплатных руководств, которые вы найдете онлайн. Самое большое отличие заключается в диапазоне движения для уголка страницы. Большинство бесплатных руководств предлагают фиксированный радиус пути вместо использования более широкого диапазона движения. Другими словами, не имеет значения куда вы потяните мышкой страницу, уголок всегда будет двигаться по одной и той же кривой от одной стороны до другой. Математика для такой техники достаточно проста и варианты ее реализации можно найти повсюду. Любопытно, что качественные компоненты с эффектом листания страниц позволяют использовать значительно больший диапазон движений, что позволяет достичь эффектов гораздо большего качества. И о том как этого достичь никто не говорит!



Читать дальше →
Total votes 50: ↑36 and ↓14 +22
Views 7.2K
Comments 25

Впечатляющие анимационные эффекты

jQuery *
Translation
С появлением jQuery, у веб-программистов появилась возможность создавать впечатляющие визуальные эффекты, не прибегая к использованию технологии flash. В данной статье представлено несколько ярких примеров того, каких потрясающих результатов можно достичь, используя стандартные средства браузера и свое воображение.
Читать дальше →
Total votes 262: ↑246 and ↓16 +230
Views 113K
Comments 78

История одной красивости или псевдотрёхмерное изВращение

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

Застывшее изВращение

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

Любопытно? Тогда добро пожаловать под кат!

Читать дальше →
Total votes 75: ↑66 and ↓9 +57
Views 919
Comments 62

G'MIC для GIMP — отличный набор пресетов и эффектов, обзавелся своим PPA

Configuring Linux *
image
кликабельно


G'MIC (GREYC's Magic Image Converter) набор инструментов с преднастроенными фильтрами и эффектами. Весьма удобными в использовании даже для новичков.
Читать дальше →
Total votes 45: ↑40 and ↓5 +35
Views 6.1K
Comments 30

Удивительно простой, но красивый CSS-эффект

Website development *CSS *
Наткнулся на очень простой в реализации, но интересный rollover-эффект для кнопок на CSS. Автор — некий японец ksk1015.



Демонстрация эффекта и процесс написания.
Читать дальше →
Total votes 141: ↑130 and ↓11 +119
Views 66K
Comments 31

CSS-маски для hover-эффекта

Website development *CSS *
Tutorial


На многих сайтах-портфолио работы представлены в виде небольших картинок-миниатюр с приятными hover-эффектами. В этой статье будет рассказано о способе сделать такой эффект, используя CSS-маски. Работает только в современных браузерах, но к счастью и в старых верстка выглядит корректно и не съезжает.
Читать дальше →
Total votes 58: ↑54 and ↓4 +50
Views 64K
Comments 11

Гиперпространство на JavaScript

JavaScript *HTML *Canvas *
Recovery mode
Хабровчане! С днем космонавтики!



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

Читать дальше →
Total votes 53: ↑47 and ↓6 +41
Views 27K
Comments 48

Effeckt.css от команды HTML5 Boilerplate: избранные эффекты и переходы на CSS

Website development *CSS *Development of mobile applications *
Effeckt.css — это постоянно пополняемая подборка эффектов для оформления веб-приложений. Один из главных плюсов этой библиотеки эффектов — достаточно жёсткие критерии включения. Это не куча-мала, в которую сваливают всё подряд, каждый эффект должен соответствовать ряду критериев: эффекты должны быть практичными, их назначение — не демонстрировать возможности технологий, а облегчать и украшать жизнь пользователя, они должны работать быстро и плавно, они должны быть полностью совместимыми с мобильными технологиям.


Читать дальше →
Total votes 37: ↑31 and ↓6 +25
Views 18K
Comments 6

Создаем галактику в 30 строк

JavaScript *jQuery *
Recovery mode
Х*ли там игры, подумал я, и давай строчить в рекавери мод. Писать будем на jQuery, да, смысл 30 строк нивелируется, зато я офигенненько так примажусь к общей феерии и срублю халявной кармы (как бы ни так, подумал читатель и смачно щелкнув мышей минусанул, да и п**уй подумал я и продолжил бредить).

Людям не шибко понравилось мое вступление, так что перефразирую: «Начнем».

Статья рассчитана на новичканов, поэтому уважаемые знатоки могут сразу скроллить.

image

Читать дальше →
Total votes 91: ↑40 and ↓51 -11
Views 6.4K
Comments 19

Визуальные эффекты для Skyforge: теория и практические советы

VK corporate blog Game development *


Художник по эффектам — это алхимик. Его задача: за неимением золота это золото добыть. В любом случае это будет фейк, но от опыта художника зависит, насколько он будет правдоподобным. Художник по эффектам — универсал. Если задача не укладывается в стандартный пайплайн художников, значит эта задача для художника по спецэффектам. Нужно уметь как можно больше и не бояться нестандартных решений, но только если они дадут выгоду. В этой статье я постараюсь подробно рассказать, чем руководствуются художники по эффектам на нашем проекте. Расскажу о некоторых хитростях. Затрону сторону оптимизации арта и расскажу о взаимоотношениях в команде.
Читать дальше →
Total votes 62: ↑60 and ↓2 +58
Views 38K
Comments 9

Реализация погодных эффектов. Осадки

Game development *


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

Итак, что же такое дождь или снег в реальном мире?
Читать дальше →
Total votes 44: ↑44 and ↓0 +44
Views 21K
Comments 11

Создание эффекта Дросте в Wolfram Language (Mathematica)

Wolfram Research corporate blog Entertaining tasks Programming *Algorithms *Image processing *
Translation

Перевод поста Джона Маклуна "Droste Effect with Mathematica". Код, приведенный в статье, можно скачать в конце поста.
Выражаю огромную благодарность Кириллу Гузенко за помощь в переводе.

Эффект Дросте (wiki) представляет собой рекурсивное включение изображением самого в себя. Название происходит от какао-порошка Droste, который в 1904 году продавался в упаковке, на которой была изображена медсестра, которая держала коробку, на которой была медсестра, ну и так далее. Самая простая реализация — отмасштабировать и трансформировать изображение, а затем поместить его на свою немодифицированную точную копию, затем начать процесс снова. Взгляните на демонстрацию, в которой используется оригинальные иллюстрации упаковки Droste. Однако значительно более интересных результатов можно достичь, если использовать теорию функций ко́мплексного переменного (ТФКП). Эшер М. К. был первым, кто популяризировал идею конформных отображений применительно к изображениям, однако с помощью компьютеров мы легко можем реализовать эту идею на фотографиях для получения чего-то подобного:
Читать дальше →
Total votes 24: ↑24 and ↓0 +24
Views 11K
Comments 6

Балансируем механику в играх

Game development *
imageВ индустрии игр пользователь, как правило, получает готовый продукт, но с тем условием, что состав «конфеты» всегда будет скрыт. Можно покрутить конфету в руках, чтобы услышать шелест обертки. Или положить на стол и получать эстетическое наслаждение от сочетания красочных узоров на конфете с цветом рядом стоящей чашки. Но чтобы пользователь ни делал с этой конфетой, у него не получится попробовать, возможно, не всегда сладкий, но зато реальный вкус начинки.

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

Поговорим о балансе в играх. Например, мы захотели создать незатейливую RPGMMO-шечку «убийцу WoW», и у нас уже почти все готово, мы уже нафантазировали, какая в игре будет крутая механика боя и система умений. Дело осталось за малым – абстрактные мысли превратить в конкретные значения. Причем, каким-то образом, сочетание этих значений должно убедить пользователя в том, что фраза «баланс – говно» совершенно не может быть описательной характеристикой нашей механики. Посмею дать свою интерпретацию — «Как надо делать!».
Читать дальше →
Total votes 27: ↑19 and ↓8 +11
Views 25K
Comments 9

Бесплатная подборка из 40 эффектов CSS

ua-hosting.company corporate blog CSS *
В посте собрана подборка различных эффектов и анимации CSS, которые могут пригодиться в работе, а кроме того избавят от необходимости постоянно прибегать к JavaScript. Возможно примеры не самые новые и необычные, но на мой взгляд, полезные.

1. Часы CSS3 с jQuery


Эти часы созданы с использованием одного из основных инструментов CSS3 – rotate и с подключением библиотеки JQuery.



Читать дальше →
Total votes 39: ↑21 and ↓18 +3
Views 71K
Comments 10

Использование графических эффектов в приложениях UWP с помощью Win2D

Development of mobile applications *Image processing *Development for Windows Phone *Development for Windows *

Знакомьтесь: Win2D это легкое в использование Windows Runtime API для более удобного использования возможностей DirectX. Прорисовка графики осуществляется с ускорением GPU. Win2D доступно для разработчиков C#, C++ и VB и в Windows 8.1 и в Windows 10.

С помощью Win2D вы сможете рисовать фигуры, линии, текст и изображения, а также добавлять ко всему этому различные эффекты. Кроме того, можно добавить какие-то эффекты к видеоизображению.

Предлагаю рассмотреть на примерах основной функционал библиотеки.
Читать дальше →
Total votes 35: ↑34 and ↓1 +33
Views 12K
Comments 15
1