Естественный способ задания движения точки. Уравнение движения точки по траектории имеет вид Анимация по траектории

Делать flash-ролики с анимацией движения , но это движение было по прямой. Теперь пора разобраться, как делать движение по заданной траектории. Для задания траектории нам понадобится дополнительный слой.

Откройте программу Macromedia Flash Professional 8 , и создайте в ней новый документ. Слои создаются на временной ленте с помощью нажатия иконки Insert Layer (вставить слой). Для создания нового слоя можно также выбрать в меню Insert — Timeline — Layer . Так создается обычный слой. Возможно, Вы это уже делали, когда создавали без траектории.

Но теперь Вам понадобится направляющий слой. Он создается с помощью иконки Add Motion Guide (добавить направляющую движения), или с помощью меню Insert — Timeline — Add Motion Guide . Создайте его, он у Вас появится на временной ленте выше основного слоя. Если направляющий слой будет ниже — он не будет работать. В таком случае его нужно перетащить мышкой вверх.

Выделяете в основном слое первый кадр, с которого начнется анимация движения, и если он не ключевой, делаете его ключевым с помощью меню Insert - Timeline - Keyframe (или с помощью нажатия на него правой клавишей мыши и выбора Insert Keyframe ). Размещаете на этом кадре объект. Это может быть импортированная картинка, группа объектов, или текст. Если Вы импортируете картинку, сначала подготовьте ее в графическом редакторе, и затем в программе Macromedia Flash выберите в меню File — Import — Import to Stage . Если объект рисованный, то сгруппируйте его с помощью меню Modify — Convert into Symbol .

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

Выделяете первый кадр в направляющем слое, если он не ключевой, делаете его ключевым, и размещаете на нем траекторию движения: выделяете первый ключевой кадр в направляющем слое, и создаете траекторию любыми инструментами, которые создают линию. Это может быть ломаная, кривая, часть окружности и так далее.

После этого выделите первый кадр, и перетащите объект на начальную точку траектории. Объект на начальной точке должен закрепиться. Вы увидите, как он притянется к начальной точке — контуры объекта станут жирнее.

Чтобы в программе Macromedia Flash Professional 8 объект притянулся, в меню View — Snapping должны быть включены пункты Snap to Guides (захват по направляющим) и Snap to Objects (захват по объектам). Также проверьте, включен ли пункт Snap Align (захват по выравниванию). Хотя последний пункт на притяжение объекта к траектории не влияет, все же его лучше тоже включить.

Теперь перейдите программе Macromedia Flash на конечный кадр. Выделите его в направляющем слое, и выберите в меню Insert — Timeline — Frame . Добавится обыкновенный кадр, не ключевой (для добавления можете также нажать правой клавишей мыши на кадр, и выбрать Insert Frame ). Таким образом, у Вас будет на конечном кадре в основном слое ключевой кадр, а в направляющем слое простой кадр.

После этого в последнем кадре притяните объект к конечной точке траектории. Далее делаете в программе Macromedia Flash анимацию движения: выделяете какой-нибудь промежуточный кадр между начальным и конечным, и в панели Properties выбираете в списке Tween (заполнение кадров) пункт Motion (движение). Если Вы хотите, чтобы объект поворачивался по направлению траектории, а не просто перемещался, включаете в панели свойств пункт Orient to Path (если этого свойства Вы не видите, нажмите на белый треугольник в правом нижнем углу панели свойств).

Также в панели свойств в программе Macromedia Flash Professional 8 Вы можете добавить следующие свойства для Вашей анимации движения:

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

Ease (замедление): используется, если нужно ускорить, или замедлить движение. Для применения опции передвиньте бегунок вверх или вниз, или впишите в окошко цифры от −100 до 100.

Rotate (вращение): объекты при движении вращаются по или против часовой стрелки, Количество оборотов объекта во время анимации движения прописывается в окошке.

Задание: сделать flash-ролик с анимацией движения по траектории. Вот, что получилось у меня:

В этом flash-ролике я использовал, кроме анимации движения (кораблик) также (слова) и (волны).

Видео о том, как сделать анимацию движения по траектории в программе Macromedia Flash Professional 8

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

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

Покадровая анимация

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

В новом документе выберем инструмент Oval Tool (O) запретим создание заливки в палитре Fill Color и нарисуем овал. При помощи инструмента Selection Tool (V) подредактируем его как показано на рисунке. Затем выделим рисунок, и удерживая клавишу Alt сделаем копию рисунка.

Выберем инструмент Oval Tool (O) в панели Color Mixer выберем радиальную заливку для левого ползунка поставим белый цвет а для правого синий.

Нарисуем один глаз а затем при помощи инструмента Selection Tool (V) выделим его, и удерживая клавишуAlt скопируем.

Теперь у нас все готово для того чтобы начать делать анимацию.

На панели Timeline для первого слоя в десятом кадре вставим ключевой кадр.

Insert > Timeline > Keyframe , делается это для того, чтобы он у нас был видим на протяжении всех десяти кадров.

Для второго слоя в третьем кадре вставим ключевой кадр и при помощи инструмента Selection Tool (V) немного перетащим зрачки, далее вставим ключевой кадр в пятом кадре и еще немного переместим зрачки и так продолжаем до десятого кадра.

Вот и все, можно протестировать ролик, как вы уже знаете делается это при помощи сочетания клавиш Ctrl + Enter .

Анимация движения

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

Прежде чем начать что то делать на практике, давайте для себя определим, что же такое анимация? Анимация это изменение свойств объекта с течением времени.

А теперь давайте на примере рассмотрим процесс создания анимации движения.

При помощи инструмента Text Tool (T ) напишем какой нибудь текст и преобразуем его в графику, сделать это можно дважды применив команду Break Apart меню Modify или сочетание клавишь (Ctrl+B ).

Выделим двадцатый кадр на панели Timeline и сделаем его ключевым, выбрав в контекстном меню комаду Insert Keyframe. В любом кадре между первым и двадцатым вызовем контекстное меню и выберем командуCreate Motion Tween (Создать анимацию движения). Если все сделано правильно промежуточные кадры должны окраситься в голубоватый цвет, а первый и двадцатый кадр соеденяться стрелкой, это значит что программа сгенерировала промежуточные кадры между первым ключевым кадром и двадцатым.

Теперь все готово, только никакой анимации мы пока не увидим потому что у нас первый и последний кадр одинаковы, но мы сейчас это исправим.

Давайте сделаем так чтобы текст сначала был невидим но постепенно появлялся.

Для этого выделим первый ключевой кадр и в панели Properties в раскрывающемся списке Color выберем пункт Alpha (прозрачность), с помощью ползунка выставим значение 0.

Протестируем ролик (Ctrl+Enter )

Таким образом мы можем перемещать объект, вращать, изменять цвет, размеры, а так же применять фильтры, а ведь все это можно проделывать сразу с несколькими объектами размещенными на разных слоях, представляете какой простор для творчества?

Создание движения объектов по траектории

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

Рисуем траекторию

Для этого нам достаточно на самом первом слое нарисовать линию (не обязательно замкнутую), используя, например, «pencil tool ». Я рекомендую вам поставить сглаживание на Smooth в опциях карандаша, чтобы движения были плавными и без рывков.

Создание «путевого» слоя

Теперь этот слой нам надо преобразовать в «траекторный» слой. Правой кнопкой мыши кликаем на слое, на котором расположена наша траектория и выбираем «Guide ». Иконка перед названием слое дожна измениться с листа на молоток. Если это так, значит вы все делаете правильно правильно и уже близки к конечному результату. Теперь, когда «путевой» слой готов, нам необходимо ему подчинить ему слой с объектом. Для этого создадим новый слой, поместим на него рисунок, который должен двигаться по траектории, затем зажмите левую кнопку мши на новом слое и перетащите под слой траектории так, чтобы слой стал зависим (иконка и название слоя немного сместится вправо, иконка слоя с траекторией тоже изменится).

Создание движения объекта

Однако это не все. Теперь нам необходимо заставить объект двигаться по траектории. Для этого на слое с объектом передвинем его к началу траектории:

Перейдем на 15 кадр и создадим там KeyFrame нажатием F6 . В этом кадре передвинем объект к концу траектории:

Теперь чтобы тело двигалось, нам нужно создать Motion Tween . Для этого кликаем правой кнопкой мыши на пространстве между первым и последним кадром и выбираем Create Motion Tween , в свойствах необходимо поставить галочку Orient to path . Все, теперь за 15 кадров объект переместится из начала траектории в ее конец.

ВАЖНО: При создании замкнутой траектории не стоит забывать, что флеш выбирает кратчайший путь, и если просто передвинуть объект на последнем кадре ниже по траектории относительно первого кадра движения по окружности не получится, можете убедиться сами. Для этого можно разбить траекторию на три участка, т.е. начальной точкой для второго участка будет конец первого, для третьего - конец второго и т.д. Удачи!

Ориентация вдоль пути

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

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

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

Технология создания движения по траектории состоит в следующем:

1. Создайте новый файл (Ctrl-N ).

В рабочей области:

1. В левом верхнем углу рабочей области нарисуйте окружность и залейте ее радиальным градиентом (в первом кадре появится ключевой кадр).

В шкале времени:

1. Создайте простую расчетную анимацию на 30 кадров:

• Первый кадр должен быть выделен, если нет - выделите его. В главном меню выберите Insert - Timeline - Create Motion Tween (или в контекстном меню). Теперь кадр имеет светло-фиолетовый цвет.
• Создайте ключевой кадр в 30-м кадре.

При нажатии в шкале времени на кнопки

- Onion Skin Outlines (Смежные кадры в виде контуров) - отображаются контуры смежных кадров,

- Edit Multiple Frames (Редактирование нескольких кадров) - режим одновременного редактирования нескольких кадров - видны задаваемые состояния объекта - шарика и контуры - все расчетные состояния, обеспечиваемые использованием твининга (черная стрелка на светло-сиреневом фоне)

1. Для того, чтобы добавить направляющий слой, нужно выбрать слой, на котором находится ваш символ (шарик), и, нажав правую клавишу мыши, в выпавшем меню выбрать Add Motion Guide (Добавить направляющий слой). При этом исходный слой с шариком становится направляемым (guided layer ). Добавить направляющий слой можно и с помощью кнопки, под слоями (см. тему про слои).
2. Теперь в слое Guide нужно нарисовать траекторию движения. Траекторией может быть любая кривая, не являющаяся областью заливки.
3. Выделите в этом слое первый кадр и в рабочей области нарисуйте любую кривую. Управляющий слой готов. Вы можете его запретить для редактирования, чтобы было удобней работать, а в дальнейшем и вовсе сделать его невидимым.
4. Чтобы анимация по траектории заработала, нужно привязать символ к траектории. Для этого нужно взять (левой клавишей мыши) символ за центральную точку и перетащить ее на траекторию.
5. Как только вы увидите маленький кружок на символе - это будет значить, что он "зацепился " за траекторию. Вы почувствуете, когда символ "зацепится" за нее, и увидите, как он будет по ней скользить. То же самое нужно сделать и для второго ключевого кадра в 30 кадре - прицепить символ к концу траектории. Если нужно, чтобы объект поворачивался согласно траектории, а не просто двигался по ней, то на панелиProperties нужно включить флажок Orient to path.

1. А чтобы проверить привязку символа к траектории, нажмите кнопки - Onion Skin Outlines (Смежные кадры в виде контуров) и - Edit Multiple Frames (Редактирование нескольких кадров). Если вы увидите контуры символа, расположенные по траектории, значит привязка произошла успешно. Если нет, попытайтесь еще раз выполнить с 8 пункта данного примера.
2. Протестируйте свою анимацию.

Если нужно, чтобы объект поворачивался согласно траектории, а не просто двигался по ней, то на панелиProperties нужно включить флажок Orient to path.

Четверг, 09 Октября 2014 г. 13:07 + в цитатник

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

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

И так, разберёмся подробнее как же создать движение объекта по заданной траектории. Будем анимировать осенние листики.
Для этого создадим новый флеш документ Action Script 3
Файл - Создать

Далее на Временной шкале Основного рабочего поля (Монтажный кадр 1) создаём 2 слоя
1. Фон
2. Листики
Временная шкала Основного рабочего поля (Монтажный кадр 1) будет выглядеть следующим образом.

Сохраняем созданный проект под каким либо названием, например "Падающий лист"

В Библиотеку программы импортируем любую картинку с осенним фоном и файл AI "Лист", который можно скачать из вложения ниже

Вложение:

Файл - Импорт - Импортировать в библиотеку

После загрузки в Библиотеке будут следующие файлы

Инструментом "Стрелка" на слой "Фон" на основном Рабочем поле Монтажный кадр 1 из Библиотеки перетаскиваем фоновую картинку и, либо изменяем размеры Рабочего поля под размеры картинки, либо трансформируем размеры картинки под размеры Рабочего поля.

После того как в диалоговом окне создания нового символа нажмёте "ОК", то попадаем в окно редактирования символа "Лист". Переименовываем Слой 1 на Временной шкале в "Анимация лист"
Из Библиотеки инструментом "Стрелка" на Рабочее поле символа "Лист" добавляем графический символ "Лист".

На Временной шкале на слое "Анимация лист" щелкаем в кадре 140 и, вызвав контекстное меню, выбираем пункт "Вставить ключевой кадр".

Между кадрами 1 и 140 появились промежуточные кадры. Теперь щелкаем на любом кадре между первым и сто сороковым и, в появившемся контекстном меню, выбираем пункт "Создать классическую анимацию движения". После этого автоматически такая анимация будет создана.

Добавленный на Рабочее поле листик, мы пока не трогаем, а продолжаем работать с Временной шкалой.
На Временной шкале щелкаем 140 (последний и ключевой) кадр нашей анимации и, вызвав контекстное меню, также выбираем пункт "Создать классическую анимацию движения". Таким образом мы включаем последний 140 ключевой кадр в созданную нами классическую анимацию движения.

Теперь пришло время создать траекторию по которой будет лететь наш объект "Падающий лист"
Для этого щелкаем по слою "Анимация лист" и, вызвав контекстное меню, выбираем пункт "Добавить направляющую классической анимации".

После этого мы увидим, что на Временной шкале появился новый слой - "Направляющая", а слой "Анимация лист" оказался в "подчинении" у этого слоя.

Теперь, траектория для движения объекта, созданная на слое "Направляющая", будет руководством к действию (движению) для слоя "Анимация лист", то есть вся классическая анимация движения созданная на слое "Анимация лист", будет происходит по траектории изображенной на слое "Направляющая".
Слой "Направляющая" при этом является рабочим и вся графика размещённая на нём при публикации флеш ролика отображаться не будет.
Итак создадим (нарисуем) на слое "Направляющая" какую - либо траекторию для падения осеннего листочка сверху вниз.
Для рисования траектории воспользуемся инструментом "Карандаш" в режиме "Режим карандаша со сглаживанием" и, выделив слой "Направляющая" и его первый кадр, изобразим кривую линию для необходимой траектории.

После того как направляющая линия создана, переходим на слой "Анимация лист", выделяем первый ключевой кадр и начинаем создавать классическую анимацию движения для падающего листика. Для этого Инструментом "Стрелка" помещаем листик в начало нарисованной нами траектории. При этом точка регистрации нашего листика (в нашем случае точка регистрации находится в центре) должна обязательно!!! находится на линии траектории направляющей.

При этом щелкните ещё раз на первом кадре слоя "Анимация лист" и убедитесь, что он выделен. Теперь откройте вкладку "Свойства" и найдите там раздел "Анимация". Проставьте галочки в чекбоксах, как указано на картинке.

На слое "Анимация лист" щёлкните 140 (последний) ключевой кадр и Инструментом "Стрелка" поместите наш осенний листик в конец нарисованной траектории. При этом точка регистрации графического объекта листик также должна находится на линии траектории движения.
Либо если привязка к "Направляющей" у вас сработает без всяких проблем, то когда вы щелкните последний кадр анимации, листочек автоматически сам переместиться в конец направляющей.

После этого ещё раз щелкните 140 кадр, чтобы убедиться, что он выделен и открыв вкладку "Свойства" в разделе "Анимация" также проставьте галочки в чекбоксах, как указано на картинке.

Ещё раз щёлкните по выбору любой кадр на слое "Анимация лист", например 40 кадр, и убедитесь, что наш листик двигается строго по нарисованной траектории.

Если всё нормально, то анимация "Падающего листа" по заданной траектории создана и можно вернуться на Основную Рабочую сцену - Монтажный кадр 1.
Находясь на Монтажном кадре 1, выделите слой "листики" и Инструментом "Стрелка" перетащите из Библиотеки на него видеоролик "Лист", поместив его в самом верху фоновой картинки.

Видеоролику "Лист" примените фильтр "Тень" со следующими параметрами. Напоминаю, что раздел "Фильтры" можно найти на вкладке "Свойства".

Зажав клавиши Shift+Ctrl можно размножить видеоролик "Лист" и получить несколько падающих листиков. С помощью Инструмента "Свободное преобразование" можно изменить размер и угол поворота видеоролика "Лист", чтобы листочки падали не совсем одинаково.

Зажав клавиши Ctrl+Enter просматриваем полученный в результате флеш ролик. Если всё устраивает, то сохраняем флешку как проект в формате FLA
Файл - Сохранить
Экспортируем флеш ролик для дальнейшей публикации
Файл - Экспорт - Экспортировать ролик

Траектория (от позднелатинского trajectories – относящийся к перемещению) – это линия, по которой движется тело (материальная точка). Траектория движения может быть прямой (тело перемещается в одном направлении) и криволинейной, то есть механическое движение может быть прямолинейным и криволинейным.

Траектория прямолинейного движения в данной системе координат – это прямая линия. Например, можно считать, что траектория движения автомобиля по ровной дороге без поворотов является прямолинейной.

Криволинейное движение – это движение тел по окружности, эллипсу, параболе или гиперболе. Пример криволинейного движения – движение точки на колесе движущегося автомобиля или движение автомобиля в повороте.

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

Путь

Путь – это длина траектории. Путь является скалярной величиной и в международной системе единиц СИ измеряется в метрах (м). Расчёт пути выполняется во многих задачах по физике. Некоторые примеры будут рассмотрены далее в этом учебнике.

Вектор перемещения

Вектор перемещения (или просто перемещение ) – это направленный отрезок прямой, соединяющий начальное положение тела с его последующим положением (рис. 1.1). Перемещение – величина векторная. Вектор перемещения направлен от начальной точки движения к конечной.

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

Модуль вектора перемещения равен пройденному пути, когда путь совпадает с траекторией (см. разделы и ), например, если из точки А в точку Б автомобиль перемещается по прямой дороге. Модуль вектора перемещения меньше пройденного пути, когда материальная точка движется по криволинейной траектории (рис. 1.1).

Рис. 1.1. Вектор перемещения и пройденный путь.

На рис. 1.1:

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

Правило сложения векторов

Векторы перемещений складываются геометрически по правилу сложения векторов (правило треугольника или правило параллелограмма, см. рис. 1.2).

Рис. 1.2. Сложение векторов перемещений.

На рис 1.2 показаны правила сложения векторов S1 и S2:

а) Сложение по правилу треугольника
б) Сложение по правилу параллелограмма

Проекции вектора перемещения

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

Выберем ось ОХ так, чтобы вектор лежал с этой осью в одной плоскости. Опустим перпендикуляры из точек А и В (из начальной и конечной точек вектора перемещения) до пересечения с осью ОХ. Таким образом мы получим проекции точек А и В на ось Х. Обозначим проекции точек А и В соответственно А x и В x . Длина отрезка А x В x на оси ОХ – это и есть проекция вектора перемещения на ось ОХ, то есть

S x = A x B x

ВАЖНО!
Напоминаю для тех, кто не очень хорошо знает математику: не путайте вектор с проекцией вектора на какую-либо ось (например, S x). Вектор всегда обозначается буквой или несколькими буквами, над которыми находится стрелка. В некоторых электронных документах стрелку не ставят, так как это может вызвать затруднения при создании электронного документа. В таких случаях ориентируйтесь на содержание статьи, где рядом с буквой может быть написано слово «вектор» или каким-либо другим способом вам указывают на то, что это именно вектор, а не просто отрезок.

Рис. 1.3. Проекция вектора перемещения.

Проекция вектора перемещения на ось ОХ равна разности координат конца и начала вектора, то есть

S x = x – x 0

Аналогично определяются и записываются проекции вектора перемещения на оси OY и OZ:

S y = y – y 0 S z = z – z 0

Здесь x 0 , y 0 , z 0 — начальные координаты, или координаты начального положения тела (материальной точки); x, y, z — конечные координаты, или координаты последующего положения тела (материальной точки).

Проекция вектора перемещения считается положительной, если направление вектора и направление координатной оси совпадают (как на рис 1.3). Если направление вектора и направление координатной оси не совпадают (противоположны), то проекция вектора отрицательна (рис. 1.4).

Если вектор перемещения параллелен оси, то модуль его проекции равен модулю самого Вектора. Если вектор перемещения перпендикулярен оси, то модуль его проекции равен нулю (рис. 1.4).

Рис. 1.4. Модули проекции вектора перемещения.

Разность между последующим и начальным значениями какой-нибудь величины называется изменением этой величины. То есть проекция вектора перемещения на координатную ось равна изменению соответствующей координаты. Например, для случая, когда тело перемещается перпендикулярно оси Х (рис. 1.4) получается, что относительно оси Х тело НЕ ПЕРЕМЕЩАЕТСЯ. То есть перемещение тела по оси Х равно нулю.

Рассмотрим пример движения тела на плоскости. Начальное положение тела – точка А с координатами х 0 и у 0 , то есть А(х 0 , у 0). Конечное положение тела – точка В с координатами х и у, то есть В(х, у). Найдём модуль перемещения тела.

Из точек А и В опустим перпендикуляры на оси координат ОХ и OY (рис. 1.5).

Рис. 1.5. Движение тела на плоскости.

Определим проекции вектора перемещения на осях ОХ и OY:

S x = x – x 0 S y = y – y 0

На рис. 1.5 видно, что треугольник АВС – прямоугольный. Из этого следует, что при решении задачи может использоваться теорема Пифагора , с помощью которой можно найти модуль вектора перемещения, так как

АС = s x CB = s y

По теореме Пифагора

S 2 = S x 2 + S y 2

Откуда можно найти модуль вектора перемещения, то есть длину пути тела из точки А в точку В:

Ну и напоследок предлагаю вам закрепить полученные знания и рассчитать несколько примеров на ваше усмотрение. Для этого введите какие-либо цифры в поля координат и нажмите кнопку РАССЧИТАТЬ. Ваш браузер должен поддерживать выполнение сценариев (скриптов) JavaScript и выполнение сценариев должно быть разрешено в настройках вашего браузера, иначе расчет не будет выполнен. В вещественных числах целая и дробная части должны разделяться точкой, например, 10.5.

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

Декартов лист - плоская кривая третьего порядка, удовлетворяющая уравнению в прямоугольной системе. Параметропределяется как диагональ квадрата, сторона которого равна наибольшей хорде петли.

При переходе к параметрическому виду получаем:

Программная реализация выглядит следующим образом:

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Windows.Forms;

namespace WindowsFormsApplication1

public partial class Form1: Form

private int x1, y1, x2, y2;

private double a, t, fi;

private Pen pen = new Pen(Color.DarkRed, 2);

InitializeComponent();

private void Form1_Load(object sender, EventArgs e)

x1 = ClientSize.Width / 2;

y1 = ClientSize.Height / 2;

t = Math.Tan(fi);

private void Form1_Paint(object sender, PaintEventArgs e)

Graphics g = e.Graphics;

g.DrawEllipse(pen, x2, y2, 20, 20);

private void timer1_Tick(object sender, EventArgs e)

t = Math.Tan(fi);

x2 = x1 + (int)((3 * a * t) / (1 + t * t * t));

y2 = y1 - (int)((3 * a * t * t) / (1 + t * t * t));

private void button1_Click(object sender, EventArgs e)

Описание ряда интересных кривых для создания траектории движения можно найти в «Википедии» в статье «Циклоидальная кривая».

Задание по лабораторной работе

Изучите с помощью справки MSDNметоды и свойства классовGraphics ,Color ,Pen иSolidBrush . Создайте собственное приложение дляанимации в соответствии с индивидуальным заданием.

циклоиде .

гипоциклоиде приk =3,k =4,k =6,k =2,1,k =5,5

Создайте программу движения окружности по эпициклоиде при различных значенияхk .

Разработайте программу отображающую процесс построения гипотрохоиды .

Создайте программу моделирующую построение кривых с помощью спирографа .R , r , d задаются произвольно.

синусоиде .

Движение окружности по спирали .

Разработайте программу движения окружности по трактрисе (кривой погони).

Движение окружности по трисектрисе Каталана (Кубика Чирнгауза).

фигур Лиссажу , с произвольными задаваемыми параметрами.

Разработайте приложение, отображающее процесс построения связанных звезд , с произвольным числом вершин.

Создайте программу, отображающую движения маятника с затуханием.

Создайте программу анимирующую процесс построения различных спиралей (параболических, логарифмических, архимедовых спираль Корню, клотоида).

Разработайте программу, отображающую процесс построения Лемнискаты Бернулли.

Создайте программу движения объекта по кривой Персея при различных значенияхa ,b ис .

Разработайте программу движения точки вдоль кривой Безье четвертого порядка. Узловые точки задаются произвольно пользователем до построения кривой.

Разработайте программу анимации падения снежинки , которые падают по разным траекториям и с разными скоростями.

Разработайте программу анимации летающего бумеранга .

Создайте программу, показывающую падение нескольких звезд одновременно.

Создайте приложение, отображающее хаотичное движение звезды в окне.

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

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

Разработайте программу анимации движения планет в солнечной системе.

Создайте программу, показывающую движение квадратика по траектории, состоящей из 100 точек, и хранящихся в специальном массиве.