ria pc game
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
20 июня 2019 9:06
Вход Регистрация Забыли пароль ?

megainformatic - Создание изображений огня, воды, неба
        [к содержанию] [назад] [далее]       &
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic cms seo

Поддержка сайтом нескольких языков - модуль multi lang

Поддержка сайтом нескольких языков - модуль multi lang

megainformatic - Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор

установка нового шаблона в joomla 2.5.4

Описание продукта megainformatic cms social

Описание продукта megainformatic cms social

megainformatic - ТЗ на сайт по аналогии rys-stroi.ru

megainformatic cms groupon

megainformatic - дизайн сайта строительной компании УЛЬТРА-СТРОЙ

megainformatic - Тестирование подключения платежной системы

megainformatic - Выпадающее окно регистрации на сайте

megainformatic - Тестирование подключения к платежной системе с использованием скрипта эмулятора

megainformatic - Модуль для регистрации пользователя на сайте

megainformatic - Код для модуля регистрации пользователя на сайте

megainformatic - Быстрый подсчёт ключевых слов в статье

megainformatic - Модуль подсчёта ключевых слов в статье

megainformatic - Онлайн-сервис для подсчёта статистики ключевых слов

megainformatic - Пишем слайдер на javascript с нуля

megainformatic - Логика работы слайдера на javascript

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob - часть реализации для личного кабинета

megainformatic - Пишем свою соц. сеть - Реализация файлового хранилища предложений в csv-файле

megainformatic - Тестирование подключения к платежной системе ЕДИНЫЙ КОШЕЛЕК (w1.ru) с использованием скрипта эмулятора

megainformatic - Пишем свою cms - шаг 1

megainformatic - Пишем свою cms - шаг 2

megainformatic - Пишем свою cms - шаг 3

megainformatic - бесплатная флеш игра freeway fury 2 - разработчик Serius Games

megainformatic - бесплатные флеш игры сторонних разработчиков

megainformatic - Как я осваивал Flash

megainformatic - Список уроков на тему создания flash приложений и игр

megainformatic - Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр

проект портала Идеи Комфорта

megainformatic - игра Веселый Буквоежка

megainformatic - игра Веселый Буквоежка

megainformatic - Использование cron, crontab и планировщика задач

megainformatic - Совместное использование jquery и mootools или других js-фреймворков

megainformatic - Модуль content php performer для megainformatic cms

megainformatic - Пишем компактный слайдер

megainformatic - Что нужно знать для создания сайта ?

megainformatic - Что нужно знать для создания сайта ? Глава 2 - Кодировки и DOCTYPE

megainformatic - Что нужно знать для создания сайта ? Глава 3 - Идём дальше - нанизываем новый код - где объявляются стили css и код javascript

megainformatic - Что нужно знать для создания сайта ? Содержание

megainformatic - Что нужно знать для создания сайта ? css - стили

megainformatic - preg_match или Использование регулярных выражений в php

megainformatic - статьи Тимонина Андрея - Flash. Содержание

megainformatic - статья Тимонина Андрея - Flash. Подготовка к работе.

megainformatic - статья Тимонина Андрея - Flash. Hello world.

megainformatic - статья Тимонина Андрея - Flash. Экспорт SWC библиотеки.

megainformatic - Тимонин Андрей - Несколько слов о себе

megainformatic - статьи Тимонина Андрея - уроки из области веб программирования, создания казуальных игр

megainformatic - статья Тимонина Андрея - Обеспечиваем доступ к объекту из любой точки программы. Singleton

megainformatic - статья Тимонина Андрея - Хронология работы программы. Создаем Лог

megainformatic - статья Тимонина Андрея - Поиск файлов. Получаем список файлов каталога.

megainformatic - статья Тимонина Андрея - Исключения. Создаем класс обработки исключений.

megainformatic - статья Тимонина Андрея - States. Создаем менеджер состояний игры.

Как я осваивал Flash - шаг 1

Доброго времени суток ! В данном цикле статей я поделюсь с вами своим опытом освоения технологии Flash.

Эта технология позволяет встраивать в страницы вашего сайта интерактивные приложения flash, в том числе игры.

Такие игры не требуют инсталляции - открыл браузер и играй !

Что очень привлекательно для пользователей.

Итак, что же нужно для того, чтобы научиться делать собственные flash-игры ?

Первым делом Вам надо найти подходящую среду разработки, за основу можно взять продукт Adobe Flash.

В данном цикле статей Мы рассмотрим работу в Adobe Flash CS4.

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

С чего же начинается разработка Flash игры ?

Первым делом, когда Вы вообще еще не представляете с чего начать после того как запустили Adobe Flash и не знаете что же делать дальше,

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

Например, я нашел в сети исходник игры про марио.

Графика и смысл игры там конечно же оставляют желать лучшего.

Но в качестве учебного примера это вполне хорошее начало.

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

Остается только понять как оно всё работает :)))

Чем мы сейчас собственно и займёмся.

Анимация прыгающего шарика.

Запускаем Adobe Flash CS4, выбираем пункт меню ФАЙЛ > СОЗДАТЬ > ФАЙЛ FLASH (ACTION SCRIPT 3.0)

Получим новый пустой документ белого цвета.

Попробуем изменить размеры документа и цвет фона.

Правой кнопкой щелкаем на пустом белом пространстве документа и выбираем пункт меню
СВОЙСТВА ДОКУМЕНТА

СВОЙСТВА ДОКУМЕНТА

Попробуем задать новые размеры - 600 х 400 пикселей -

новые размеры - 600 х 400 пикселей ДОКУМЕНТА

Там же можно изменить цвет фона, давайте изменим его на зеленый -

ЦВЕТ ФОНА ДОКУМЕНТА

После этого жмём ОК.

Теперь в панели инструментов справа выберем примитив - Овал.

Инструмент Овал

И попробуем изобразить окружность как показано на рисунке -

Овал

Теперь надо научиться менять свойства созданного объекта.

В панели инструментов справа выберем ИНСТРУМЕНТ СТРЕЛКА -

ИНСТРУМЕНТ СТРЕЛКА

Теперь наведем указатель мыши на область окружности и щелкнем по ней -

ВЫБОР СВОЙСТВА ЗАЛИВКА

Как Вы заметили она стала выделена точками, которые заполняют всё её пространство.

В панели свойств справа теперь можно легко изменить цвет заливки, изменим например на желтый.

ЖЕЛТАЯ ЗАЛИВКА

Аналогично при помощи ИНСТРУМЕНТа СТРЕЛКА можно выбрать контур (ОБВОДКУ) окружности и изменить его цвет и толщину -

КРАСНЫЙ УТОЛЩЕННЫЙ КОНТУР

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

В нижней части окна Adobe Flash CS4 вы можете видеть ПАНЕЛЬ ВРЕМЕННОЙ ШКАЛЫ.

Там наш примитив ОВАЛ (будем называть его Шарик :) ) пока имеет всего 1 ключевой кадр.

Давайте щелкнем правой кнопкой кадр номер 5 и выберем пункт ВСТАВИТЬ КЛЮЧЕВОЙ КАДР.

Вставляем 5 ключевой кадр

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

Для этого выбираем ИНСТРУМЕНТ СТРЕЛКА и перемещаем наш Шарик в 5 кадре немного вверх.

имитируем 'ПОДСКОК' шарика

По аналогии создаем ключевой кадр 10 и и возвращаем Шарик в исходное положение, либо можно просто скопировать 1 кадр и вставить его на место 10.

Нажимаем CTRL + ENTER чтобы посмотреть полученную анимацию -

Нам с Вами остается научиться экспортировать полученный ролик в формат SWF.

Для этого выбираем пункт меню ФАЙЛ > ЭКСПОРТ > ЭКСПОРТИРОВАТЬ РОЛИК.

Выбираем РОЛИК SWF, задаем имя файла и Сохраняем.

Получим файл SWF, который можно внедрять на страничку вашего сайта при помощи например такого кода -

<div style="text-align: center;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=4,0,2,0" width="600" height="400">
<param name="movie" value="http://megainformatic.ru/papers/flash_dev/hilf_s_1/images/jumped_ball.swf">
<param name="quality" value="high">
<embed src="http://megainformatic.ru/papers/flash_dev/hilf_s_1/images/jumped_ball.swf" quality="high"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="600" height="400">
</object>
</div>

Файл разумеется нужно разместить в указанной папке на вашем сайте.

Например мой файл расположен здесь - http://megainformatic.ru/papers/flash_dev/hilf_s_1/images/jumped_ball.swf

Спасибо за внимание !!!

Надеюсь этот урок помог Вам сделать 1ый шаг в освоении флеш, как и мне, который его сделал и написал данный урок для Вас :)))

Удачи !!!

В следующем уроке мы попробуем разобраться как заставить шарик перемещаться по экрану по нажатию клавиш стрелок ВВЕРХ, ВНИЗ, ВЛЕВО и ВПРАВО с применением кода ACTION SCRIPT.

megainformatic live chat
Начать беседу
X
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 0,8474