создание анимационный клип

взаимодействие с базами данных создание flash фотогалереи xml шаблоны сайтов ЗАКАЗАТЬ раскрутка сайтов уроки рисования flash анимация программирование flash уроки создания flash сайтов. Обучение принципам программирования, анимации создание анимационный клип использования программ флэш. Создание фотогалереи с xml файлом настройки. В этой статье расмотрим, пример создания фотогалереи в которой используеться внейшний конфигурируемый XML фаил, через который мы будем добавлять фотографии. Также во внешнем файле мы будем хранить описание фотографий. вот пример фотогалереи которую мы собираемся рассмотреть для перехода к следующей или предыдущей фотографии можно использовать клавишы стрелок на клавиатуре для лучшего понимания процесса создания фотогалереи, вам необходимы познания в некоторых базовых вопросах связанных со взаимодействием xml во флэше, вот ссылки которые помогут вам разобраться в этих вопросах: (в разработке) давайте теперь начнём. Первое что мы сделаем, это создадим фаил с данными в xml формате. Просто скачайте создание анимационный клип сохрание image.xml фаил в каталоге с файлами вашей фотогалереи. Затем откройте этот фаил редактором который может редактировать текст в ASCII формате (это может делать например Notepad из стандартного комплекта программ для Windows) я не буду расписывать работу по созданию flash (флэш) файла, вы её создание анимационный клип так умеете делать. Вот ссылка на уже готовый фаил, с элементами внешнего вида, которые будут использоваться в фотогалереи. Я вам предлагаю скачать этот фаил. Нет мне не лень объяснять как создавать внешний вид для фотогалереи, но на самом деле там особо ничего не надо делать, запустив фаил вы создание анимационный клип всё поймёте. напоминаю что images.xml создание анимационный клип файлы которые вы только что скачали, должны находиться в одном создание анимационный клип томже каталоге. откройте только что скаченный фаил, вы увидете, следующие элементы: Ваша задача, назначить этим шести объектам имена по которым к ним будут обращаться. выберите Empty Movie Clip указателем мыши. Посмотрите внижний левый угол вашего экрана, вы увидите панель свойств, там расположенно теккстовое поле в котором написанно < Instance Name >. Здесь указываються имена используя которые вы сможете обращаться к ролику через AS. щёлкните на этом текстовом поле создание анимационный клип введите имя picture. Всё вы имя по которому можно обращаться к ролику через код. Теперь повторите эту операцию с оставшимися пятью роликами. вот список роликов, создание анимационный клип их имён которые я хочу, что бы вы им задали. Empty Movie Clip = picture (это имя уже задано) Preloader Movie Clip = preloader Dynamic Text #1 = desc_txt Dynamic Text #2 = pos_txt Previous Button = previous_btn Next Button = next_btn Теперь давайте добавим код создание анимационный клип сосредоточимся на его понимании. Для этого создайте новый слой, выберите ключевой кадр, скопируйте код ниже создание анимационный клип вставте его в панель Actions находящуюся внизу экрана (используя F9 можно открыть или закрыть панель Actions) function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild; image = []; description = []; total = xmlNode.childNodes.length; for (i=0; i0) { p--; picture._alpha = 0; picture.loadMovie(image[p], 1); desc_txt.text = description[p]; picture_num(); } } function firstImage() { if (loaded == filesize) { picture._alpha = 0; picture.loadMovie(image[0], 1); desc_txt.text = description[0]; picture_num(); } } function picture_num() { current_pos = p+1; pos_txt.text = current_pos+" / "+total; } теперь сохраните этот фаил, можно уже просмотреть как работает фотогалерея выбрав в меню File | Publish Preview | HTML. Не беспокойтесь я далее объясню, каждую строчку кода. для того что бы изменить фотографии которые отображает фотогалерея вам нужно всего лишь изменить данные в XML фаиле. рассмотрим как небходимо редактировать фаил, для этого откройте его в текстовом редакторе подойдёт Dreamweaver или notepad. вы увидите в этом файле колонки с текстом похожим на этот Path to Image Image Caption Path to Image Image Caption вы можете изменить путь к фотографиям, на ваш собственный. Этот путь может быть как обсалютным, так создание анимационный клип относительным. Но следует помнить, что относительный путь, относителен месту, где находиться SWF фаил. создание анимационный клип не тому месту где находиться ваш XML фаил. Вы можете также изменить текст описаний если вы хотите удалить фотографию из фотогалереи, вам нужно полностью удалить узел . Например, если вы хотите удалить Image1 из фотогалереи. Удаляете узел соответвующий этой фотографии Image1 The first image! Image2 The second image После удаления соответсвующего узла, фаил будет выглядить следующим образом Image2 The second image Что бы добавить фотографию, вам нужно действовать схожим образом. Нужно добавить следующий текст внутрь узла : Путь до фотографии Описание Вы можете разместить текст, внутри Как вы видете, большинство стандартных изменений можно (и желательно) изменять во внешнем XML файле. Но не всё у нас в фотогалереи контралируеться через этот фаил. Например размер шрифта, его цвет, расположение фотографий создание анимационный клип т.д. можно изменять у нас только в FLA файле. как я пологаю, после понимания всех аспектов программирования фотогалереи, вы сможете создать или изменить мою фотогалерею, в более продвинутую программу Этот сегмент кода управляет загрузкой xml файла : function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild; image = []; description = []; total = xmlNode.childNodes.length; for (i=0; i Image1 The first image! Image2 The second image Самый базовый уровень в нашем xml файле это , который содержит дочернии узлы, называемые . Эти дочерние узлы содержат ещё по два дочерних узла называемые создание анимационный клип , в них мы уже записываем наши данные. function loadXML(loaded) { if (loaded) { xmlNode = this.firstChild; image = []; description = []; total = xmlNode.childNodes.length; for (i=0; i ). Это поможет нам знать сколько всего фотографий у нас есть. Зная количество фотографий, мы можем корректно переходить по фотографиям, до самого конца. вот графическое представление структуры узлов данных в нашем xml файле: Используя xmlNode.childNodes.length для данных xml представленных в схеме выше, мы получим значение равное 3, потому что тут имееться три узла. Единственная тонкость в том, что отсчёт начинаеться от 0. Теперь наша задача пройтись в цикле по всем узлам файла, создание анимационный клип получить данные всех под узлов (таких как image создание анимационный клип caption). Наш цикл должен повторяться до тех пор пока мы не дойдём до самого конца (последнего узла) вот код котрый я для этого использую : for (i=0; i0) { p--; picture._alpha = 0; picture.loadMovie(image[p], 1); desc_txt.text = description[p]; picture_num(); } } В этой функции мы возвращаем предыдущее значение р (уменьшаем его на еденицу), что приводит к отображению предыдущей фотографии. Я также назначаю значение прозрачности равное нулю. Я хочу что бы предыдущая фотография также плавно проявилась. Следующие две строчки, такиеже как создание анимационный клип предыдущей функции, они позвояляют загрузить создание анимационный клип отобразить на экране фотографию с её описанием. Всё что у нас поменялось это значение p. function firstImage() { if (loaded == filesize) { picture._alpha = 0; picture.loadMovie(image[0], 1); desc_txt.text = description[0]; picture_num(); } } Эта функция отвечает за отображение самой первой фотографии, когда анимационный клип только загрузился, без каких либо пользовательских действий. Я проверяю загрузилась ли фотогрфия, устанавливаю значение прозрачности на ноль, создание анимационный клип затем загружаю ролик. Вместо использования image[p] как я делал в предыдущих функциях prevImage() создание анимационный клип nextImage(), я использую image[0]. Причина этого, в том что мне нужно просто отобразить самую первую фотографию, создание анимационный клип мне не нужны никакие другие фотографии в самом начале. Поэтому мне проще использовать константу. Все остальные строчки такиеже как в предыдущих двух функциях. Вот собственно создание анимационный клип всё, теперь наша фотогалерея готова. перейти к созданию flash (флэш) игры: 2D шутера Вернуться к выбору уроков продвинутого программирования шаблоны сайтов | flash шаблоны| форумы | шаблоны для PHP сайтов | WordPress шаблоны | готовые интернет магазины 2008 © webanet.ru все права защищены разделы помещение шиномонтаж помещение шиномонтаж помещение шиномонтаж помещение шиномонтаж помещение шиномонтаж помещение шиномонтаж помещение шиномонтаж дихроичное зеркало дихроичное зеркало корпоративный обслуживание зеркало багуа конкурентный анализ gislaved отзыв gislaved отзыв gislaved отзыв gislaved отзыв gislaved отзыв gislaved отзыв gislaved отзыв gislaved отзыв gislaved отзыв букмекерский контора шанс дюпон краска сборный доставка индустриальный монитор время владимир icq купить вилатерм бензопила импортный операторский центр решетка оцинкованный куллер 478 курьерский почта перегородка сантехкабин инженерный геодезия доставка канцелярия инженерный геодезия raymond weil кострома риелтор бак накопитель система дымоудаления северский доломит дефектоскопия сварной швов переводческий бюро кружка индивидуальный банковский ячейка вино роза флеш презентация мужчина выходной mobil cut аэробика гиря торговый калибровочный силуэт слимент лифт холодный зеркало факультет психология купить букмекерский линия комнатный перегородка газовый заправка снегоуборочный машина купить хлебопечку миканитовые втулка купить джойстик купить джойстик купить джойстик купить джойстик купить джойстик купить джойстик купить джойстик колодец канализационный пластиковый маска косметический карбид кальций чиллеры врач-гинеколог сбор д/полоскания горло зубной боль перевод итальянский циклон сцн-40 центральный детский мир штукатурка фасадный сканер штрихкодов флажок настольный стелаж пищеблок покраска рчв покраска рчв электро лаборатория электро лаборатория электро лаборатория электро лаборатория электро лаборатория электро лаборатория охота бабочка зубной протез кулер регулируемый градирня вентиляторные грд восстановление файл укрепление откос бюджетирование fag разогреть вчерашний обед создание анимационный клип