Как сделать след от курсора

Добавил пользователь Валентин П.
Обновлено: 05.10.2024

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

На рис. 5.9 можно увидеть пример этого эффекта. Каждая из окружностей показывает предыдушую позицию курсора. Чем раньше создана окружность, тем она меньше и светлее.

Рисунок 5.9 . Оставляя копии клипа в позиции, в которой только что находился курсор, можно создать след, тянущийся за курсором

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

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

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

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

Теперь создадим клип с надписью "Actions". Поместим его вне пределов рабочей области. Этот клип будет использоваться только как носитель кода, поэтому его содержание может быть любым. Вы можете даже не создавать внутри него никаких изображений или текста – тогда на экране он будет отображаться в виде маленького кружочка.

Наш "actions' – клип содержит два обработчика onClipEvent. Первый включается в начале ролика и создает пустой массив, чтобы содержать ссылки на клипы, образуюшие хвост. Он также устанавливает счетчику trailNum значение ноль. Эта переменная содержит значение номера следующего клипа, который вы создадите.

trail = new Array();

// Меньшее значение переменной соответствует меньшей

Следуюший обработчик начинается с создания экземпляра клипа. Каждому клипу присваивается уникальное имя вида cursor trail + trailNum. Переменная trailNum используется также для определения уровня очередного клипа.

// Создаем очередной клип.

var mc = _root.attachMovie("cursor trail", "cursor trail" + trailNum, trailNum);

Созданный клип помешаем в текушую позицию курсора.

Указатель на новый клип добавляется в массив trail. Затем значение trailNum увеличивается на единицу.

// Добавляем указатель в массив.

С помошью цикла в остальной части кода происходит обрашение ко всем клипам массива trail. Размер и прозрачность каждого клипа изменяются на величину speed. Когда свойство _alpha текушего клипа становится меньше либо равно нулю, этот клип удаляется из массива и ролика в целом.

// Обращаемся к существующим клипам.

for (var i=trail.lenght-1; i>=0; i–)

// Уменьшаем свойства alpha и размер клипа.

// Удаляем клип, когда он становится невидимым.

if (trail[i]._alpha Продолжение на ЛитРес

24.2.3. Перемещение курсора

24.2.3. Перемещение курсора Как и в большинстве программ, курсор терминала используется библиотекой S-Lang для обозначения позиции, принятой по умолчанию, для ввода текста и для подсказки пользователю. Программы S-Lang могут перемещать курсор с помощью показанной ниже

Параметры курсора

Параметры курсора CSS предоставляет нам одну очень интересную возможность — указание вида курсора мыши, который он примет при наведении на данный элемент Web-страницы. Это может быть полезно при создании специальных эффектов.Атрибут стиля cursor устанавливает форму курсора

Параметры курсора

Заставьте след сработать

Прокладываем след

Прокладываем след Мы только что рассмотрели, как при помощи одного рекламного баннера можно создать устойчивый след, по которому пользователь пройдет свой путь от начала и до конца. А еще раньше мы описали неудачно проложенный след. И в том и в другом случае речь шла о

Использование курсора в программе Probe

Использование курсора в программе Probe Из строки меню выберите Trace, Cursor, Display, и на экране появится поле Probe Cursor. Оно может появиться в правой нижней части, но его при желании можно переместить и в другую область экрана. Поле содержит следующую информацию:А1 = 4.0000K, -27.025А2 = 4.0000K,

8.7. Практическое задание. Оставь свой след на фотографии!

8.7. Практическое задание. Оставь свой след на фотографии! Технологии развиваются с такой скоростью, что вчерашняя недостижимая мечта становится обыденной реальностью. Так произошло с цифровой фотографией.Сегодня каждый желающий может приобрести цифровой фотоаппарат и

Наборы курсора

Наборы курсора Оператор SELECT может объявлять набор, который вовсе не является выходным для клиента, но остается на сервере, чтобы работать как курсор на стороне сервера. Сам курсор является указателем; приложение дает ему указание по запросу читать по порядку строки одну

21.2.5. Изменение положения курсора

21.2.5. Изменение положения курсора Команду tput также можно применять для отображения курсора в произвольном месте экрана. При этом используется следующий формат:cup r cгде r — это номер ряда (строки) в нижней части экрана, а с — номер столбца на экране.Лучше применять эту

ТЕХНОЛОГИИ: Каждый шаг оставляет след

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

Облачный след на РИФ+КИБ 2010 Константин Анисимов

Облачный след на РИФ+КИБ 2010 Константин Анисимов Разговоры про облака доносятся отовсюду. Не обошли они стороной и крупнейшую интернет-конференцию РИФ+КИБ 2010. Все приезжающие туда уже давно интересуются исключительно тем, КАК зарабатывать деньги на

Василий Щепетнёв: След жирафа

Василий Щепетнёв: След жирафа Есть у меня хороший знакомый, который каждую субботу берёт в магазине бутылку водки. Казалось бы, что с того? Берёт и берёт, имеет право — в конце трудовой недели-то. Тем более что и в субботу, и в воскресенье он остается трезвым: мы видимся

Василий Щепетнёв: След жирафа

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

Событие мыши: перемещение мыши при нажатой левой клавиши
Подскажите, пожалуйста как реализовать следующее: При перемещении мыши при нажатой левой клавише.

Alert перенос на след строку
Возможно ли в alert перенести на след строку (\n) или (\r\n) не работают =( А где-то я видел что.

Как изменить содержимое формы при выборе след. radio кнопки (см. код)?
Это такой себе небольшой тестик: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN".

Какой символ используется в 'alert' чтобы часть текста перевести на след. строчку?
kakoi simbol ispolzuetsa v function 'alert' chtobi chast texta perevesti na sledujushuju stroku.

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

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

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

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

Мы также можем добавить немного сжатия.

В последнем примере демонстрируется установка размера изображения на весь экран и ограничение движения только по сторонам.

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

Мы надеемся, что вам понравились продемонстрированные эффекты движения со следом.

Пожалуйста, оставьте свои комментарии по текущей теме материала. Мы очень благодарим вас за ваши комментарии, подписки, отклики, лайки, дизлайки!

Пожалуйста, опубликуйте ваши мнения по текущей теме статьи. Мы крайне благодарны вам за ваши комментарии, отклики, дизлайки, подписки, лайки!

Мы часто видим на различных флешках движение за курсором красивого шлейфа.

Кто-то просто играет цветной радугой водя курсором по флешке, кто-то использует это как украшение картинки или флешки. Применений много.

Изучив этот урок Вы сможете сами нафантазировать и сделать свою собственную коллекцию флеш.

Это придает привлекательность и уникальность каждой флешке.

Урок достаточно простой.

Хотя, должна отметить, требуется внимание и терпение.

Обладая всем этим, вы за пару кликов сможете сделать след за курсором красивой звездочки или радужной полосы.

Все, что Вам потребуется- это нарисовать в программе круг или импортировать в неё свою картинку. Все зависит от желания вытворить нечто этакое)))

Начнем с того, что для начала надо открыть программу Macromedia Flash 8.

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

Далее смотрим картинки, которые увеличиваются по клику.

Я постаралась максимально точно объяснить очередность Ваших действий. Будут вопросы задавайте.

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

Здесь особой разницы нет.

Главное это не забыть преобразовать картинку или круг в (Клип)Movie Сlip .

Без этого все Ваши труды будут напрасны.

К этому посту я прикрепляю файл со скриптом.
и ссылку на скачивание урока вместе со скриптом (бесплатно!)

СКРИПТ , который надо вписывать в поле Действие.

Поводите здесь курсором мышки и Вы увидите примерный урок. Он сделан на прозрачном фоне.

В надежде избавиться от назойливого размытия при движении объектов на экране (курсор мыши, окна, объекты игр) повёлся на хороший отклик в 2 мс. (BENQ GL2460), у прошлого монитора LG отклик был 8 мс. Но у данного монитора размытие при движении не меньше, почти такое же. Может я что-то не понимаю и так должно быть, не знаю, фамилия в подписи.

Подскажите, пожалуйста, как избавиться от такого "мыла" при движении?

Когда-то давно стоял у меня ЭЛТ-монитор, так на нём вообще никакого размытия при движениях не было. Даже при очень резких двигающийся объект не размывался, а в играх всё игровое пространство, что оставляло очень приятные ощущения в динамичных играх.

BooG@Y, а у вас не включено "Отображать след указателя мыши" ?

А может просто показалось?
А может порыться в настройках монитора?
А может сходить к окулисту?

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

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

Я даже поменял VGA-кабель на HDMI, купил, не поленился сбегать, но безрезультатно.

Ааа, помогите! Моник купил, пойду профиль обновлю

Есть "Игра", но он такой странный. меняет только цвета. всё становится каким-то бирюзовым, игроки BENQ что-то курят

НЕ один ЖК монитор не может по скорости сравнится с ЭЛТ
ближе всего к ЭЛТ это плазменный панели
.
зато ЖК выигрывает у плазмы и ЭЛТ по экономичности и габаритам
.
.увы то что ты читаешь про 2мс то маркетинговые фишки..
там нет стандарта как эту скорость замерять ,каждый изготовитель указывает как ему удобно

P.S.
Запустите TFTTest и в нём летящие квадрат чтобы увидеть разницу во времени отклика.
будешь сильно удивлён этими виртуальными 2мс

Так что привыкай

не хныкай на первых этапах производства ЖК панелей всё было ещё хуже
.
А сейчас с этим можно прекрасно жить
(если рядом с монитором не стоит лампа дневного света..)

120 Гц модель надо было брать - у них с "размытием" поприличнее.

Извиняюсь, недоврал: купил шнур-переходник HDMI-DVI, соответственно, HDMI в соответствующей дырке на видеокарте

Слов нет, ожидал чуда, получил яркую матрицу, нормальную цветопередачу, но, сц*ко, брал из-за 2 мс

Спасибо вам за просвещение, но всё равно не понимаю смысл во времени отклика, если на всех сайтах твердят "Никаких размытий, шлейфов, следов при резких движениях", они походу не играли динамику на ЭЛТ-мониторах.
Наверное надо было брать за двадцать тыщ монитор, а не армянвариант.

их давно сняли с производства
.
ну а "размытие" это всё индивидуально..кто-то видит кто-то нет
есть люди кто видит мерцание подсветки от работы ШИМ контролера

просто надо было не торопится, а походить посмотреть на реальную работу устройств
а не покупать "кота в мешке"

Причем в данном случае под сложностями подразумеваю невозможность поддержания fps на стабильном уровне в 100-120+ кадров в секунду, что в итоге ставит затею использования подобных мониторов для игр под большим вопросом.

И только в случае совпадения этих двух факторов вы получите, то, ради чего и покупаются подобные дисплеи.
.. опыт показал, что даже если система может выдать около 80-90, то видимых улучшений между активацией в настройке системы 60 и 120 Гц нет вовсе.

.
хотя для киношек с частотой кадров 60 и 3D(очки) ЖК мониторы с частотой 120гц самое оно
(хотя плазма даёт 600гц )

Читайте также: