Difference between revisions of "Doc:Following a Spline/ru"

From Synfig Studio :: Documentation
Jump to: navigation, search
m (Результат: add gif)
 
(23 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<!-- Page info -->
 
<!-- Page info -->
{{Title|Движение вдоль кривой BLine}}
+
{{Title|Движение вдоль кривой}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials}}
 
{{Category|Tutorials Advanced}}
 
{{Category|Tutorials Advanced}}
 +
{{NewTerminology}}
 
<!-- Page info end -->
 
<!-- Page info end -->
  
 
== Введение ==
 
== Введение ==
  
Если вы используете версию 0.61.08 или ниже, то используйте {{l|Following a BLine (the old way)|старую версию}} этой статьи, эта статья актуальна для версии 0.61.09 и старше.
+
Если вы используете версию Synfig 0.61.08 или ниже, то читайте {{l|Following a BLine (the old way)|старую редакцию}} статьи, а эта статья актуальна для версии 0.61.09 и старше.
  
Эта статья о том как создать объект следующий вдоль произвольной кривой и поворачивающий при этом в сторону направления следования.
+
Итак статья о том как создать объект следующий вдоль произвольной кривой и поворачивающий при этом в сторону направления кривой.
  
 
== Содержание ==
 
== Содержание ==
 
Нам предстоит:
 
Нам предстоит:
  
* {{l|Following a BLine#Create the Layers|Нарисовать кривую и "стрелку"}}
+
* {{l|Doc:Following a BLine#Create the Layers|Нарисовать кривую и "стрелку"}}
* {{l|Following a BLine#Make the Arrow Move and Rotate|Связать стрелку и её "вращение"}} с кривой чтобы она следовала по ней
+
* {{l|Doc:Following a BLine#Make the Arrow Move and Rotate|Связать стрелку и её "вращение"}} с кривой чтобы она следовала по ней
  
 
=== Создаём новый файл ===
 
=== Создаём новый файл ===
  
Файл > New
+
Файл > Создать
  
 
=== Создаём слои ===
 
=== Создаём слои ===
  
Выберите инструмент "Кривые"
+
Выберите инструмент {{l|Spline Tool|"Кривые"}}.
[[File:Bline_tool.png]]
+
  
поставьте флажок только напротив параметра "Создать кривую контура",
+
[[File:Spline-tool-0.63.06.png|frame|none]]
  
 +
Поставьте флажок только напротив параметра "Создать кривую контура",
 
нарисуйте кривую вдоль которой будет двигаться наша стрелка и
 
нарисуйте кривую вдоль которой будет двигаться наша стрелка и
 +
нажмите кнопку {{Literal|Создать кривую}} в нижней части {{l|Tool_Options_Panel|Панели Параметров Инструмента}}.
  
нажмите кнопку "Создать кривую" в нижней части Панели Параметров Инструмента.
+
Теперь, не переключаясь с инструмента "Кривые" выберите флажки {{Literal|Создать кривую контура}} и {{Literal|Создать кривую области}} на Панели Параметров Инструмента,
  
Теперь, не переключаясь с инструмента "Кривые" выберите флажки "Создать кривую контура" и "Создать кривую области" на Панели Параметров Инструмента,
+
нарисуйте стрелку или что то подобное, указывающую на право. [[File:Spline-Tool-Options_0.63.06.png|frame|center]]
  
[[File:Tool_Options.png]]
+
Переключитесь на {{l|Transform Tool|инструмент трансформации}}.
  
нарисуйте стрелку или что то подобное, указывающую на право
+
Кликните на контур "стрелки" и нажмите {{Shortcut|ctrl}}+{{Shortcut|a}} чтобы выделить все {{l|Handle|контрольные точки}} контура, зелёная точка "позиции" при этом останется не выделенной, перетащите выделенные контрольные точки так чтобы зелёная точка "позиции" оказалась в центре "стрелки", после чего добавьте {{l|Rotate Layer|"Слой вращения"}} над слоями контура и заливки "стрелки" и {{l|Group|сгруппируйте}} эти три слоя в одну группу.
  
переключитесь на инструмент трансформации.
+
Теперь у нас есть два основных слоя, один слой с кривой контура и второй групповой со "стрелкой" и слоем вращения.
 
+
Выделите слой с контуром "стрелки" и нажмите control-a чтобы выделить все контрольные точки контура, зелёная точка "позиции" при этом останется не выделенной, перетащите выделенные контрольные точки так чтобы зелёная точка "позиции" оказалась в центре "стрелки", после чего добавьте "Слой вращения" над слоями контура и заливки "стрелки" и изолируйте эти три слоя в один объединяющий слой.
+
 
+
Теперь у нас есть два основных слоя, один слой с кривой контура и второй изолирующий со "стрелкой" и слоем вращения.
+
  
 
=== Заставляем стрелку двигаться и вращаться ===
 
=== Заставляем стрелку двигаться и вращаться ===
 
+
Выделите слой группу кликнув на него в {{l|Layers Panel|панели слоёв.}}
Выделите объединяющий слой кликнув на него в панели слоёв.
+
  
 
Выделите его зелёную точку "позиции" кликнув по ней в окне холста,
 
Выделите его зелёную точку "позиции" кликнув по ней в окне холста,
также выделите слой Вращения удерживая Control и кликнув по нему на панели слоёв,
+
также выделите слой Вращения удерживая {{Shortcut|ctrl}} и кликнув по нему на панели слоёв,
в добавок ко всему этому выделите синюю точку "контроля вращения" удерживая Control кликнув по ней в окне холста.
+
в добавок ко всему этому выделите синюю точку "контроля вращения" удерживая {{Shortcut|ctrl}} кликнув по ней в окне холста.
 
+
so now we should have 2 layers selected, and one duck from each of those 2 layers selected
+
  
now additionally select the curved bline layer (it should be the last layer in the Layer panel's list) by holding Control and clicking on it
 
  
right-click on the dotted line that indicates the position of the curved bline - not on any duck, but on the dotted link between ducks
+
Ну вот, у нас должно быть выделено два слоя и по одной контрольной точке из каждого слоя,
 +
теперь добавьте к этим выделенным слоям ещё и слой с кривой (он должен быть последним на панели слоёв) кликнув на него удерживая {{Shortcut|ctrl}}.
  
from the context menu that pops up, select "Link to BLine"
+
Кликаем правой кнопкой на пунктирной линии которая показывает форму кривой, не на какую нибудь точку на кривой, а именно на линию между точками.
[[File:Link_to_Bline.png]]
+
  
the encapsulated arrow should move so that its green position duck is on the bline, and it should rotate so that the arrow points along the bline at that point
+
В контекстном меню которое появится выберите {{Literal|Привязать к кривой}}.
  
select just the encapsulation layer, and drag its green duck around.  you'll see that the duck is constrained now to lie on the bline, and that dragging it also affects the rotation of the arrow as expected
+
[[Image:Spline-Link-to-0.63.06.png|frame|none]]
  
we can now animate the arrow.  turn on "animate edit mode" by clicking the icon in the bottom right of the canvas window.
+
Сгруппированный слой со "стрелкой" должен переместиться так что его зелёная точка "позиции" окажется на кривой и она должна повернутся указывая в сторону направления кривой в этой точке.
  
at time 0f, drag the encapsulation layer's green position duck to one end of the bline
+
Выделите только сгруппированный слой и потаскайте зелёную точку "позиции" туда-сюда. Вы увидите что зелёная контрольная точка "стрелки" теперь двигается только вдоль кривой, перемещение также вызывает вращение "стрелки" как и ожидалось.
  
at time 5s, drag the same position duck to the other end of the bline
+
Теперь мы можем анимировать стрелку, включите {{l|Animate_Editing_Mode|Режим редактирования анимации}} нажав на иконку в нижнем правом углу окна холста.
  
Try File > Preview or View > Play to watch the animation.
+
* На нулевом кадре '''0f''', поместите зелёную контрольную точку группового слоя "стрелки" на одном конце кривой.
 +
* На пятой секунде '''5s''', перетащите эту точку в другой конец.
  
== Results ==
+
Посмотрите что получилось нажав {{c|<Меню холста>|<Файл>|Предпросмотр|}}.
  
This is the animation I ended up with: {{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}
+
== Результат ==
  
== Controlling the linear velocity ==
+
Вот анимация которая получилась в результате:
 +
[[File:Arrow-follows-bline.gif|center]]
  
By default, the arrow takes the same time to move along each segment of the bline. So if there's a long straight part then a bendy complex part, the arrow will move much faster along the straight parts (since there will be less vertices in that part). In physics terms, the linear velocity (that is, the speed over the bline) is not constant.
+
{{l|Media:Arrow-follows-bline.sifz‎|Arrow-follows-bline.sifz‎}}
  
By enabling the ''homogenous'' parameter of Link to BLine, the velocity becomes constant, as one almost always wants. See [http://www.youtube.com/watch?v=3PGXroxBcuo this demo].
+
== Контроль ускорения ==
 +
Если вы выделите слой группы и посмотрите на Панель параметров то заметите что параметр Исходной точки {{L|convert|конвертирован}} в тип {{Literal|Spline Vertex}}. Это происходит автоматически когда вы используете "привязывание к кривой". Вы можете также отключить дополнительный параметр "однородность" после чего скорость стрелки перестанет быть постоянной и начнёт зависить от количества сегментов на кривой, проходя между каждым сегментом за одно и тоже время она будет "пролетать" на длинных прямых участках кривой на большой скорости и "еле ползти" на изломанных участках содержащих большее количество вершин, так как теперь проходит от вершины к вершине за один и тот же промежуток времени.  
 +
 +
Видео по теме контроля ускорения [http://www.youtube.com/watch?v=3PGXroxBcuo здесь].

Latest revision as of 07:59, 14 June 2014

Languages Language: 

English • čeština • Deutsch • español • français • русский



Введение

Если вы используете версию Synfig 0.61.08 или ниже, то читайте старую редакцию статьи, а эта статья актуальна для версии 0.61.09 и старше.

Итак статья о том как создать объект следующий вдоль произвольной кривой и поворачивающий при этом в сторону направления кривой.

Содержание

Нам предстоит:

Создаём новый файл

Файл > Создать

Создаём слои

Выберите инструмент "Кривые".

Spline-tool-0.63.06.png

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

Теперь, не переключаясь с инструмента "Кривые" выберите флажки "Создать кривую контура" и "Создать кривую области" на Панели Параметров Инструмента,

нарисуйте стрелку или что то подобное, указывающую на право.
Spline-Tool-Options 0.63.06.png

Переключитесь на инструмент трансформации.

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

Теперь у нас есть два основных слоя, один слой с кривой контура и второй групповой со "стрелкой" и слоем вращения.

Заставляем стрелку двигаться и вращаться

Выделите слой группу кликнув на него в панели слоёв.

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


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

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

В контекстном меню которое появится выберите "Привязать к кривой".

Spline-Link-to-0.63.06.png

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

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

Теперь мы можем анимировать стрелку, включите Режим редактирования анимации нажав на иконку в нижнем правом углу окна холста.

  • На нулевом кадре 0f, поместите зелёную контрольную точку группового слоя "стрелки" на одном конце кривой.
  • На пятой секунде 5s, перетащите эту точку в другой конец.

Посмотрите что получилось нажав "<Меню холста> → <Файл> → Предпросмотр".

Результат

Вот анимация которая получилась в результате:

Arrow-follows-bline.gif

Arrow-follows-bline.sifz‎

Контроль ускорения

Если вы выделите слой группы и посмотрите на Панель параметров то заметите что параметр Исходной точки конвертирован в тип "Spline Vertex". Это происходит автоматически когда вы используете "привязывание к кривой". Вы можете также отключить дополнительный параметр "однородность" после чего скорость стрелки перестанет быть постоянной и начнёт зависить от количества сегментов на кривой, проходя между каждым сегментом за одно и тоже время она будет "пролетать" на длинных прямых участках кривой на большой скорости и "еле ползти" на изломанных участках содержащих большее количество вершин, так как теперь проходит от вершины к вершине за один и тот же промежуток времени.

Видео по теме контроля ускорения здесь.


Languages Language: 

English • čeština • Deutsch • español • français • русский