Get Adobe Flash player
Главная » Flash Обучение » Видео Уроки Flash » 3D flash карусель от начала до конца серия уроков

Как создать?

Подпишитесь сейчас и вы получите на email серию бесплатных видеоуроков по flash.

Ваш e-mail:

Ваше имя на русском:

Подписавшись, Вы получите 4 видео урока, которые научат вас создавать flash презентации, flash баннеры, flash кнопки буквально за несколько минут!

Курс по flash cs5

 

Adobe Flash CS4 и Actionscript 3.0. Полный курс видео уроков.

Внимание!

Вы можете изучить все секреты flash анимации всего за 3 недели! Перейти из разряда новичка в разряд опытного пользователя даже без посещения дорогих курсов и чтения толстенных талмудов.

110 видео уроков,

в превосходном качестве помогут пройти, Вам, терни flash анимации самым быстрым и легким путём!

+ActionScript 3.0

Подробнее!..

www.megastock.ru
Уведомление об ответственности

Текст перед: Гринспринг шуан хуан лянь http://raiskysad.ru;Разделитель ссылокhttp://molot-str.ru дизельный молот ур1 500 :Текст после

3D flash карусель от начала до конца серия уроков

vitkuz   16 марта 2009    Раздел сайта: Flash Обучение » Видео Уроки Flash

Мы рады представить вашему вниманию новую серию по созданию модного, трех мерного, 100 % притягивающего взгляд баннера – 3D flash карусели.

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

Некоторые из особенностей карусели:

  • Скорость и направления вращения зависит от положения мыши на сцене
  • Подгружает картинки из вне используя файл данных XML
  • Трех мерность реализована за счет изменения масштаба по оси Y и сортировки элементов по Z на основе данного масштаба.

Часть 1

Flash урок #1: Добавление N объектов из библиотеки на сцену и размещаем их случайным образом.

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

Deposit: 1_3d_carusel.rar 5.61 MB | Ifolder: 1_3d_carusel.rar

Flash урок #2: Добавление N объектов из библиотеки на сцену и размещаем их по окружности

Это больше теоретический, нежели практический урок. Если в прошлом видео мы добавляли элементы из библиотеки случайным образом, то сейчас мы должны сформировать их координаты таким образом, чтобы они разместились аккуратно по окружности. В нем я на картинках объясню простую теорию, пользуясь которой, мы равномерно добавим элементы по окружности. Будем говорить о таких вещах, как косинус, синус, радиус, градус, угол. Гуманитарии не пугайтесь  - все наглядно и доходчиво :)

Deposit: 2_3d_carusel.rar 6.51 MB | Ifolder: 2_3d_carusel.rar

Flash урок #3: Добавление N объектов из библиотеки на сцену и размещаем их по эллипсу

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

Deposit: 3_3d_carusel.rar 2.76 MB | Ifolder: 3_3d_carusel.rar

Flash урок #4: Анимируем нашу карусель по часовой стреле.

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

Deposit: 4_3d_carusel.rar 8.62 MB | Ifolder: 4_3d_carusel.rar

Flash урок #5: Изменяем масштаб элементов в зависимости от их координаты.

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

Deposit: 5_3d_carusel.rar 6.88 MB | Ifolder: 5_3d_carusel.rar

Flash урок #6: Сортируем наши элементы по масштабу.

На прошлом шаге у нас возникла маленькая ошибка с глубиной. В этом видео мы исправим эту ошибку. Мы сделаем так, чтобы наша анимирующая функция сортировала наши элементы на сцене в зависимости от их масштаба (Большие элементы находиться впереди, меньшие позади). Этим мы добьемся полноценного эффекта 3D. Также вы научитесь трюку – сохранять ссылку на главную линию времени, что бы иметь возможность сослаться на нее в любой, даже не очень удобный момент.

Deposit: 6_3d_carusel.rar 9.01 MB | Ifolder: 6_3d_carusel.rar

Flash урок #7: Анимируем нашу карусель в обе стороны.

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

Deposit: 7_3d_carusel.rar 8.02 MB | Ifolder: 7_3d_carusel.rar

На этом шаге мы полностью завершаем макет 3D карусели можно перейти к следующей части.

Часть 2

Пред просмотром данной серии уроков рекомендуется посмотреть видеo журнал по теме flash+xml. Т.к. там это было объяснено максимально подробно, здесь же некоторые моменты пропущены.

Flash урок #8: Загрузка управляющего файла данных XML.

Создаем и загружаем во flash файл данных XML. Данный файл мы будем использовать для загрузки картинок и, показывания описаний и для управления переходами, если пользователь кликнул по одной из картинок.

Deposit8_3d_carusel.rar 9.45 MB | Ifolder8_3d_carusel.rar

Flash урок #9: Выводим управляющие параметры узлов XML.

В этом видео уроке мы учимся использовать XML. В цикле мы выведем все ссылки на картинки, которые хотим загрузить во flash.

Deposit: 9_3d_carusel.rar 8.77 MB | Ifolder: 9_3d_carusel.rar

Flash урок #10: Загружаем и размещаем на сцене внешние картинки.

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

Deposit: 10_3d_carusel.rar 5.68 MB | Ifolder: 10_3d_carusel.rar

Flash урок #11:Делаем так, чтобы все работало.

Мы продолжаем копировать код из первой части, добиваясь того чтобы все работало. В результате мы получаем полноценную 3D карусель из внешних картинок-баннеров. Единственное чего не хватает на этом шаге – это того, чтобы человек по клику переходил по нужной ссылке.

Deposit11_3d_carusel.rar 15.65 MB | Ifolder: 11_3d_carusel.rar 15.65 MB


Flash урок #12: Добавляем возможность кликать по картинкам и переходить на нужный адрес.

Заключительный урок по 3D карусели. Делаем так чтобы по клику мыши можно было переходить по конкретной ссылке.

Deposit: 12_3d_carusel_bonus.rar 24.92 MB | Ifolder: 12_3d_carusel_bonus.rar

Исходники CS4: 3d_galery_step_by_step.rar [576,22 Kb] (cкачиваний: 1947)

 

Хочется отметить , что вы можете во flash загружать не только картинки (*.jpg) но и анимированные flash файлы (*.swf).

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

Добавить новость можно в вашем меню, там есть ссылка добавить новость.

Просмотров: 39182 | Комментарии (66) | 3d карусель, actionacript 3, flash уроки, видео
#31   live3d      14 мая 2009 12:22   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Tico, для этого тебе нужно внедрять все картинки, а не грузить их отдельно. Отсылай другу архив с картинками :)
#32   arima005      4 июня 2009 14:50   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Как регулируется положение 3D карусели?
#33   vitkuz      4 июня 2009 17:26   ICQ: --   



Регистрация: 17.07.2008
Публикаций: 100
Комментариев: 164
arima005, посмотрите уроки. Все станет понятно smile
#34   rouz      15 июня 2009 02:20   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
спасибо огромное
#35   scumbria5      18 июня 2009 10:57   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Мне необходимо перевести книжку в жанр флэш-журнала.
и С днём рождения!)
#36   rb      30 июня 2009 03:07   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
класные здесь уроки!
#37   atomnic      3 июля 2009 19:31   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
а у меня при создании выдало ошибку вот в этом коде var.home:MovieClip = this; может кто поможет или объяснит причину dontknow
#38   AlexDr      1 августа 2009 22:01   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

Подскажите плз.
а что нужно изменить чтобы не загружать картинки с папки,
а например прокручивать объекты с библиотеки (простые кнопки 15 шт.).
Спасибо

#39   sloNIK770      16 августа 2009 00:57   ICQ: --   



Регистрация: 15.05.2009
Публикаций: 0
Комментариев: 3
Уроки Супер, Респект Мастеру.
Вопрос Такой ,как Реализовать Всё это в пределах проэкта-мувика и ссылки не на url а на другую сцену определять.
А ещё было бы совсем прикольно использовать набор картинок-иконок лежащих в папочке проекта не используя xml , а прямые пути .хотя с xml -ом удобнее конечно.А ещё было бы совсем прикольно использовать набор картинок-иконок лежащих в папочке проекта не используя xml , а прямые пути .
хотя с xml -ом удобнее конечно.
спасибо огромное за уроки.   
#40   cybersaint      31 августа 2009 00:44   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

Огромное СПАСИБО за урок!
на сейте http://allday.ru/ справа есть текстовое 3D-меню.
не могли бы Вы написать урок к нему, если возможно, или сделать исходик. blush
СПАСИБО!  

#41   8888      1 сентября 2009 21:32   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
доброе время суток )

огромная проблема, урок номмер 4 отсутствует на депро. а с ифолдера не качает у меня...

просьба залейте пожайлуста кто нибуть все уроки "карусель" одним файлом.

заранее спасибо 
#42   golowastik      18 сентября 2009 10:57   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Спасибо !!!
#43   arima005      7 октября 2009 11:23   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
а можно что бы фон был другог цвета?
#44   Avesha      9 октября 2009 22:40   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Уважаемые! Помогите ньюбику)

Скачиваю именно в эту минуту уроки по карусели, а 9 и 10 архивчики не качаются((

Написано, что файла нет.

Спасите! Очень хочется, очень интересно посмотреть - что к чему. Может кто подскажет что делать?)

Заранее благодарна!
#45   Fly      10 октября 2009 00:37   ICQ: --   



Регистрация: 21.07.2008
Публикаций: 66
Комментариев: 600
Скачайте пока с ifoldera, на deposit позже перезалью. Главное не забыть


--------------------
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум
#46   click      12 ноября 2009 19:46   ICQ: --   



Регистрация: 10.11.2009
Публикаций: 0
Комментариев: 7
Вижу что у всех емоции давно перегорели. но я на днях присоеденился...
Вобшем "Карусель" -ето выший пилотаж. Вот где мастер класс!
Спасибо
#47   marina sp      26 ноября 2009 16:17   ICQ: --   



Регистрация: 29.03.2009
Публикаций: 1
Комментариев: 4

Спасибо За классный урок!!!

я делала 3-D карусель и не могу понять как сделать плавное увеличение движущегося объекта при наведении на него мыши. Вроде и скрипт тот написала, но ничего не происходит...Кто-нибудь знает, выручите, пожалуйста...cray

Исходник здесь:  http://files.mail.ru/9FIAMA



--------------------
"Цель жизни — самовыражение. Проявить во всей полноте свою сущность — вот для чего мы живем."

(Оскар Уайльд, «Портрет Дориана Грея»)
#48   Перец      19 декабря 2009 02:02   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Спасибо авторам за проделанный труд!
Версий такой карусели много, хотелось бы добавить эфект отражения, чтоб получилось как тут:
http://www.flashcomponents.net/upload/samples/3155/index.html
Уважаемые авторы, будет ли продолжение?
Я пока еще не осилил CS, привык к макромедии flash8, но буду разбираться.
CS3 - исходники не открывает, а CS4 у меня пока нету.
#49   tong      20 декабря 2009 00:08   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

КАК ФОН правильно ПОДгРУЗИТь ?
Получается виден один обьект (врашается)
а остальные находятся за фоном.
:( = ? 

#50   Перец      27 января 2010 22:21   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Что-то авторы забросили это дело, а могли бы отражение добавить и др. эффекты. Не дождался, пришлось обращаться за помощью к буржуям.
Получилось так:
http://www.sinangels.ru/carousel.php
Эта карусель была еще под флеш 6 на хастлере много лет назад, если у кого есть исходники под ActionScript 2.0 или более ранние, можем поменяться (мыло по ссылке есть).
#51   evgeny.kras      7 февраля 2010 13:59   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

Спасибо за уроки.

А как остановить данную карусель?

stop() не работает...

подскажите пожалуйста.

#52   blackcat      13 марта 2010 20:05   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Это мой первый опыт вообще. Долго держал сайт в закладках, пока не дошли руки попробовать :) Уроки супер! Спасибо. Когда будут продолжения? :) Хотелось бы добавить сюда, как уже говорилось украшательства, типа зеркалирования. И еще хотябы добавить подсказки к картинкам, когда мышка подводится.
#53   94pavel94      4 апреля 2010 16:10   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
 Ваау урок просто супер!!! Все получилось!!! Автору респект!!! goodgood 
#54   mazacho      9 апреля 2010 19:09   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

Объясните пж. почему после компиляции невозможен переход по "ссылкам", а при  просматривании *.swf  файла  на др. компьютерах  приложение либо без загруженых img либо статична?

_____________________________________________________________
Да! знаний у меня мало, но не сочтите за труд объяснить и научить, после полученных знаний я передам их тысячам ищущих просвещения 

#55   Fly      9 апреля 2010 23:15   ICQ: --   



Регистрация: 21.07.2008
Публикаций: 66
Комментариев: 600
Все вопросы, касаемо программирования и анимации во flash - на форум


--------------------
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум
#56   mazacho      10 апреля 2010 00:11   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

Пардон!
Дурной пример заразителен) 

#57   David023      11 сентября 2010 21:16   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0

там есть ошибка с точки зрения ресурсов компа..хоть и не значительные но все равно.

 

при сортировке обьектов в зависимости от scaleX

 

for(var i:int=0;i<numOfItems; i++)

 

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

и

for(sort=0;sort<numOfItems;i++);

#58   сondor      21 октября 2010 12:07   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
чет не работает (
#59   Spakistana      12 марта 2011 21:57   ICQ: не помню   



Регистрация: 12.03.2011
Публикаций: 0
Комментариев: 2
Да, пожалуйста опишите как сделать что бы иконка увеличивалась при наведении на неё стрелки мышки
#60   bajanizd      2 июня 2011 01:24   ICQ: 329716649   



Регистрация: 1.06.2011
Публикаций: 0
Комментариев: 2
Сегодня заболел и день прдвещал быть нудным просидев возле компа... но за день окунулся в мир флеша с помощью вашего сайта и уроков! 
Огромное спасибо)) теперь у меня есть свой сайт с портфолио, а я ведь фотограф)

Информация

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