Add to Technorati Favorites

Красивая 3-D анимация от Balder

Опубликовано 9 Фев | Автор Vash
Ключевые слова:

Демонстрации 3D-движка для Silverlight.
(more…)

Popularity: 3% [?]

Add to zakladki:
Нет Комментариев | Примеры | Вся статья

Создание Анимации в Blend Studio

Опубликовано 16 Ноя | Автор LOB
Ключевые слова:, , ,

Анимация в Blend Studio

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

(more…)

Popularity: 95% [?]

Add to zakladki:
1 комментарий | Новости, Примеры | Вся статья

Анимация

Опубликовано 16 Ноя | Автор LOB
Ключевые слова:, ,

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

(more…)

Popularity: 92% [?]

Add to zakladki:
Нет Комментариев | Примеры | Вся статья

Ну что продолжим с вами знакомиться с практической частью создания Silverlight. И так как я отношусь по большой части к дизайнером, то больше всего меня интересует создание анимации, чем сегодня с вами и займемся. Так как мы только знакомимся с вами с этой программой, то сегодня попробуем сделать с вами очень простую анимацию в буквально несколько кадров.
Запускаем наш Expression Blend 2, создаем новый проект (кто не занеет как, смотрим тут). Выбираем инструмент - Перо, и рисуем кривую похожую на морскую волну
Animation SilverLight

Затем откройте вкладку Properties, и выберите для заливки соответствующий синий цвет, у нас же все-таки волна должна получиться.
Animation SilverLight

Сейчас перейдем непосредственно к анимации, для этого в панели Object and TimeLine выбираем Create new Storyboard, нажав для этого “+”. В появившемся окне вводим название нашей шкалы,снимаем галочку с пункта Create as a Resource и нажимаем кнопку ОК.
Animation SilverLight

В панели Object and TimeLine мы видим, что появилась временная шкала (напоминает шкалу во Flash). Выбираем инструмент Direct Selection, перетягиваем ползунок на 1, и деформируем нашу волну, после этого опять перетягиваем, ползунок на значение 0, и нажимаем кнопку Record Keyframe, видим что появилось два кадра.
Animation SilverLight

Выделяем нулевой кадр копируем его и перетягивает шкалу на значение - 2, и вставляем туда первый кадр, можем сейчас попробывать проиграть анимацию. Однако у нас анимация прогрывается только один раз, чтоб поставить ее на зацикливание кликаем по наше шкале (на название шкалы - в нашем случае Wave), выделив ее, и в закладке Properties в поле RepeatBehavior вписываем значение Forever.
Animation SilverLight

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

Ну вот и произошло наше первое знакомстов с анимацией в SilverLights, с чем собственно всех и поздравляю)

Popularity: 50% [?]

Add to zakladki:
Нет Комментариев | Новости, Примеры | Вся статья