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


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
21 февраля 2019 0:19
Вход Регистрация Забыли пароль ?

megainformatic cms social Руководство пользователя
Проект социальной сети megainformatic cms social РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ Заходим на сайт http://megainformatic.ru/webprojects/mcs_pb/ Чтобы войти в личный кабинет в форме ВХОД НА САЙТ вводим известные вам логин и пароль. После входа в ЛИЧНЫЙ КАБИНЕТ (дал
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - Как создать игру - Веселый Единственный Буквоежка - игровое меню

megainformatic - Как создать игру - Веселый Единственный Буквоежка - движение и анимация героя

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

megainformatic - Примеры моих работ

megainformatic - Музыкальные темы

megainformatic - Уроки Photoshop - Чудеса

megainformatic - Купить Уроки Photoshop - Чудеса

megainformatic - Онлайн Обучение, Репетитор

megainformatic - Уроки Photoshop - Рисуем и Анимируем

megainformatic - Уроки Photoshop - Рисуем и Анимируем - Урок 1 - Старт

megainformatic - Уроки Photoshop - Рисуем и Анимируем на AllSoft.ru

megainformatic - DirectX 9c - Изучаем пример MultAnimation

megainformatic - megainformatic cms Система Управления Контентом

megainformatic - Темы для WordPress

megainformatic - Что нужно для создания собственного сайта ?

megainformatic - Макет дизайна Вашего сайта

скачать megainformatic cms

megainformatic - Итоги 2010 года

megainformatic - Что нужно для создания собственного сайта ?

megainformatic - как создать инсталлятор для собственной cms

megainformatic - Новости - страница 2

Нововведения в megainformatic cms

Web Администрирование

Уроки Верстки

Система автоматизированной е-майл рассылки

Система автоматизированной е-майл рассылки

megainformatic - Выгрузка файла на сайт

megainformatic - выпадающее меню на html и css

megainformatic - Использование checkbox

Краеугольная особенность работы Web-form на примере смены состояния checkbox

Технологии WEB

Технологии WEB - AJAX-запросы

Часто Задаваемые Вопросы

Продукты

Проблемы с кодировками при отображении страниц

игра Нечто: Необъяснимое Нить Накала - "в плену желаний"

Система Автоматизации Доставки Электронных Заказов megainformatic cms e-pro

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

webinformatic: Музыкальная страничка трэкера

megainformatic - Создание музыки и звука

webinformatic: Создание музыки и звука: урок 2

megainformatic - Создание музыки и звука: урок 3 - настройка Impulse Tracker для работы в WinXP

megainformatic - Создание музыки и звука: урок 4 - Введение в Mod Plug Tracker

megainformatic - Создание музыки и звука: урок 5 - Первая композиция в Mod Plug Tracker

megainformatic - Создание музыки в Impulse Tracker 2.14 - урок 6 - Ввод Нот

megainformatic - Создание музыки в Impulse Tracker 2.14 Первая мелодия

megainformatic - Создание музыки в Impulse Tracker 2.14 Настройка параметров сэмплов

megainformatic - Создание музыки и звука: теория и практика создания трэкерской музыки

megainformatic - Инструкция по оплате услуг средствами WebMoney

Основы работы в Microsoft Visual Studio 2008 и DirectX 9 (DX SDK Aug 2008)

Введение в программирование игр на С++ для платформы DirectX 9 - Первый старт

Введение в программирование игр на С++ для платформы DirectX 9 - Меняем иконку приложения

Введение в программирование игр на С++ для платформы DirectX 9 Добавляем другую модель

Введение в программирование игр на С++ для платформы DirectX 9 Программирование игр в directx. Hello, World!

подробнее

Шаг 4 в освоении Flash-технологий - как анимировать персонажа и управлять им

[к содержанию]

Хочу поделиться своими изысками и экспериментами, а также опытом в области создания Flash-игр.

В данном обширном уроке я попытался охватить следующую тему:

Как создать простейшую игру - анимированный персонаж ходит по экрану по нажатию клавиш стрелок ВЛЕВО/ВПРАВО

Вопросы рассматриваемые в ходе урока:

1) Как создать приложение в среде FlashDevelop ?
2) Как подготовить анимацию персонажа во Flash CS5 и экспортировать в SWC библиотеку
3) Как использовать полученную в SWC библиотеке анимацию в AS3-приложении
4) Как управлять анимированным персонажем от клавиатуры и мыши
5) Фокус ввода для Flash-приложения в браузере

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

Для того, чтобы управлять зомби кликните по нему мышкой, а затем используйте клавишу стрелка ВПРАВО.



1) Как создать приложение в среде FlashDevelop ?

Ну что ж, приступим.

1) Запускаем IDE FlashDevelop;

2) Закрываем текущий проект (если он был открыт) File > Close All, создаем новый проект AS3 - Project > New Project > AS3;

вставляем такой код в файл Main.as

package walked_zomby
{
import flash.display.Sprite;
import flash.events.Event;
import flash.events.TimerEvent;
import flash.utils.Timer;

public class Main extends Sprite
{

public function Main():void
{

if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);

}

private var _sprite:Sprite;
private var _vx:Number = 1;
private var _vy:Number = 0;
private var _timer:Timer;

private function init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, init);
// entry point

_sprite = new Sprite();
_sprite.graphics.beginFill(0xffff00, 100);
_sprite.graphics.drawCircle(0, 0, 50);
_sprite, graphics.endFill();
_sprite.x = 0;
_sprite.y = 50;
addChild(_sprite);
_timer = new Timer(25);
_timer.addEventListener("timer", onTimer);
_timer.start();
}

public function onTimer(event:TimerEvent):void {
_sprite.x += _vx;
_sprite.y += _vy;
}

}

}

и выполняем сборку проекта.

Получаем swf ролик, работу которого можно проверить в браузере, например в GoogleChrome или в любом другом браузере при наличии установленного для этого браузера плагина Adobe Flash Player.

Данный проект демонстрирует анимацию желтой окружности по таймеру с интервалом 25 миллисекунд.

Итак, если с созданием проекта в среде FlashDevelop у вас вопросов больше нет (а если есть - то посмотрите еще такие статьи - Учимся создавать флеш-игры, что нужно знать для того, чтобы заняться созданием flash приложений и игр ?

Изучаем Flash

)

Перейдём ко 2 вопросу -
2) Как подготовить анимацию персонажа во Flash CS5 и экспортировать в SWC библиотеку

Если у вас нет под рукой готового персонажа, то предварительно надо его нарисовать и анимировать. Это подробно описано в одной из моих статей - Рисуем волка

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

Итак, будем считать, что персонаж уже у вас готов и анимирован. Нам остается только разобраться каким образом вставить его в ваше приложение Flash Develop.

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

Для работы Вам понадобится среда Adobe Flash CS5 или выше.

Пошагово процесс выглядит так:

1) Запускаем Flash CS5.

2) Создаем новый пустой проект AS3.

3) Выполняем File > import > import to stage > png - обращаю ваше внимание что каждый кадр анимации должен быть представлен отдельным PNG-файлом. При этом удобно создать для всех кадров отдельную папку, а при импорте сразу выбрать эту папку и все файлы в ней.

4) Произойдёт вставка всех изображений в сцену AS3-проекта. Пока выделение с объектов не снято - кликните по ним правой кнопкой мыши и выберите пункт Distribute to Layers (т. е. распределить по слоям)

Произойдёт вставка всех изображений в сцену AS3-проекта. Пока выделение с объектов не снято - кликните по ним правой кнопкой мыши и выберите пункт Distribute to Layers (т. е. распределить по слоям)

5) Далее даем каждому слою имя, которое будет однозначно определять каждый кадр анимации и пока слой выделен нажимаем F8 чтобы преобразовать его в символ.

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

6) Не забудьте включить сглаживание изображения ­ (smoothing) в библиотеке - для этого нужно кликнуть по изображению правой кнопкой в панели списка изображений СПРАВА и выбрав Properties > Bitmap properties установить сглаживание - для PNG сжатие желательно вообще отключить. Тогда никаких искажений не будет.

Не забудьте включить сглаживание изображения ­ (smoothing) в библиотеке - для этого нужно кликнуть по изображению правой кнопкой в панели списка изображений СПРАВА и выбрав Properties > Bitmap properties установить сглаживание - для PNG сжатие желательно вообще отключить. Тогда никаких искажений не будет.

Не забудьте включить сглаживание изображения ­ (smoothing) в библиотеке - для этого нужно кликнуть по изображению правой кнопкой в панели списка изображений СПРАВА и выбрав Properties > Bitmap properties установить сглаживание - для PNG сжатие желательно вообще отключить. Тогда никаких искажений не будет.

7) Теперь остается экспортировать ваш анимированный спрайт в SWC библиотеку. Об этом уже рассказано в статье Flash. Экспорт SWC библиотеки.

8) В результате получим некий SWC библиотечный файл, который вам остается разместить в папке lib вашего FlashDevelop проекта.

После того, как это сделано, нужно добавить классы swc-библиотеки во FlashDevelop проект. Для этого в рабочей среде FlashDevelop просто кликаем правой кнопкой по названию добавленной SWC библиотеки и выбираем пункт Add to Library.

После того как эти шаги успешно сделаны Вы можете перейти к решению следующего вопроса:

3) Как использовать полученную в SWC библиотеке анимацию в AS3-приложении
Сделать это можно самыми разными способами, тот способ который я предложу вам в данной статье не является истиной в последней инстанции, но главное - он уже дает нужный нам результат - т. е. перемещаемого и анимированного персонажа.

Вот собственно необходимый код для реализации -

====================

package walked_zomby
{

import flash.display.Sprite;
import flash.events.Event;
import flash.events.TimerEvent;
import flash.utils.Timer;

public class Main extends Sprite
{

public function Main():void
{

if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);

}
private var _vx:Number = 1;
private var _vy:Number = 0;
private var _timer:Timer;

private var zomby_frames: Array;

private var current_frame: int;

private function init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, init);
// entry point

current_frame = 1;

zomby_frames = new Array();

zomby_frames.push(new walked_zomby_right_1);
zomby_frames.push(new walked_zomby_right_2);
zomby_frames.push(new walked_zomby_right_3);
zomby_frames.push(new walked_zomby_right_4);

zomby_frames.push(new walked_zomby_right_5);
zomby_frames.push(new walked_zomby_right_6);
zomby_frames.push(new walked_zomby_right_7);
zomby_frames.push(new walked_zomby_right_8);

for ( var i:int = 0; i < 8; i++ )
{
addChild(zomby_frames[i]);
(Sprite)(zomby_frames[i]).visible = false;
}
(Sprite)(zomby_frames[0]).visible = true;

_timer = new Timer(100);
_timer.addEventListener("timer", onTimer);
_timer.start();
}

public function onTimer(event:TimerEvent):void {

for ( var i:int = 0; i < 8; i++ )
{
var sx:int = (Sprite)(zomby_frames[i]).x;
if ( sx > 300 )
{
sx = 0;
(Sprite)(zomby_frames[i]).x = sx;
}

(Sprite)(zomby_frames[i]).x += _vx;
}

(Sprite)(zomby_frames[current_frame-1]).x += _vx;

(Sprite)(zomby_frames[current_frame-1]).visible = false;

if ( current_frame < 8 )
{
current_frame += 1;
}
else {
current_frame = 1;
}

(Sprite)(zomby_frames[current_frame-1]).visible = true;

}
}

}

====================
У нас с вами остаются 2 вопроса -

4) Как управлять анимированным персонажем от клавиатуры и мыши
5) Фокус ввода для Flash-приложения в браузере

4) Как управлять анимированным персонажем от клавиатуры и мыши

Пока опыт мой во флеше не такой уж большой, поэтому всё что я здесь опишу - это лишь результаты моих проб и ошибок. Я конечно добиваюсь, чтобы поставленная задача была решена, но имейте в виду, что всё что здесь написано - ни в коем случае не самое правильное и оптимальное решение.

Итак, приступим. Оказывается, чтобы заставить вашего персонажа реагировать на клавиши СТРЕЛКА ВЛЕВО/СТРЕЛКА ВПРАВО нужно учесть всего 2 важных момента:

4.1 ) Это правильно написать "слушатель" - т. е. метод объекта класса вашего приложения, который будет обрабатывать события ввода

и второе -

4.2) Сделать так, чтобы ваш объект мог получать "фокус ввода". В противном случае нажатия клавиш не будут обрабатываться правильно, т. е. попросту говоря персонаж не будет перемещаться по нажатию клавиш.

Теперь рассмотрим необходимый для этого код -

//в метод public function Main():void добавляем такой код

stage.focus = this;
addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);

//в классе приложения объявляем метод "слушатель" onKeyDown

private function onKeyDown(event:KeyboardEvent):void {

if ( event.keyCode == Keyboard.RIGHT )
{
MoveHero();
}
}

//ну и наконец самое главное

//в код, который я уже приводил выше нужно добавить такую строку -

for ( var i:int = 0; i < 8; i++ ) //это код, который я уже приводил выше, когда рассматривал вопрос номер 3
{//это код, который я уже приводил выше, когда рассматривал вопрос номер 3
addChild(zomby_frames[i]);//это код, который я уже приводил выше, когда рассматривал вопрос номер 3
(Sprite)(zomby_frames[i]).visible = false;//это код, который я уже приводил выше, когда рассматривал вопрос номер 3

(MovieClip)(zomby_frames[i]).buttonMode = true; //это новая строчка кода, благодаря которой зомби сможет быть управляем от клавиатуры !!!



}//это код, который я уже приводил выше, когда рассматривал вопрос номер 3
(Sprite)(zomby_frames[0]).visible = true;//это код, который я уже приводил выше, когда рассматривал вопрос номер 3


5) Фокус ввода для Flash-приложения в браузере

Тут всё просто - делайте свои флеш-приложения таким образом, чтобы пользователь постоянно что-то кликал в них мышкой. Тогда фокус ввода будет постоянно находится на области вашего Flash-приложения и всё будет ОК.



[к содержанию]

подробнее

     
     
  уроки Photoshop - чудеса  
     
  Уроки Photoshop - Чудеса  
     
  Коллаж от нуля  
     
  [содержание] [далее]  
     
 

Что такое коллаж ? Я понимаю под этим совмещение нескольких разных изображений в одном. В результате получается нечто новое и запоминающееся.

Бывают фотоколлажи, коллажи сочетающие рисунки и графику и настоящие картины, шедевры изобразительного искусства. Интересно, что такие вещи научились создавать еще далеко до появления компьютеров. Например, вспомним картины всем известных художников - Айвазовского, Шишкина, Репина и многих многих других.

Конечно на такую работу уходили годы. Но и результат впечатлял.

 
     
  Мы попробуем создать собственный коллаж и рассмотрим основные техники необходимые для этого.  
     
  дорога уходящая в даль  
     
  Возьмем в качестве основы данную фотографию - щелкнув по её изображению можно скачать изображение 1024х768 пикселей  
     
 

Данная картинка была взята с сайта bfoto.ru и обработана таким образом, чтобы сделать изображение бесшовным по горизонтали.

Попробуйте применять к картинке горизонтальный сдвиг

Фильтр > Другие > Сдвиг

и Вы это сами увидите.

 
     
  горизонтальный сдвиг примененный к данной бесшовной картинке  
     
  Если взять обычную фотографию и начать её сдвиг по горизонтали Вы сразу же увидите шов, т. к. левый и правый края фотографии нестыкуются друг с другом.  
     
  Я не буду Вам здесь объяснять как сделать фотографию бесшовной - материалы на эту тему можно найти в Уроках Photoshop.  
     
 

Наша главная цель - превратить эту фотографию в коллаж.

Я покажу как сделать это путём создания на основе данного изображения видоизменного графического рисунка и плюс к этому добавить в картину новые элементы. После таких манипуляций картина будет выглядеть следующим образом

 
     
 

итоговый результат того, что у Вас в результате получится -

создаем удаленный лес на горизонте

 
     
  Изображение уже имеет размер 1024х768, давайте увеличим его еще вдвое  
     
 

Изображение > Размер изображения

увеличение изображения

 
     
  А затем пересохраним в формате psd для дальнейших работ  
     
  Файл > Сохранить как > И в выпадающем списке нужно выбрать формат PSD  
     
  сохранение в формате psd  
     
  Далее создаем новый слой и рисуем на нем небо и землю - щелкнув по изображению можно скачать оригинал размером 2048х1536 пиксель  
     
  основа неба и земли  
     
  При помощи инструментов осветление и затемнение придаем земле объем  
     
  При помощи инструментов осветление и затемнение придаем земле объем  
     
  рисуем облака -  
     
  рисуем облака  
     
  добавляем изображение дороги  
     
  добавляем изображение дороги  
     
  рисуем растительность - траву и кусты  
     
  рисуем растительность - траву и кусты  
     
  добавляем еще больше растительности  
     
  добавляем еще больше растительности  
     
  рисуем небольшие деревца находящиеся вдалеке  
     
  рисуем небольшие деревца находящиеся вдалеке  
     
  создаем удаленный лес на горизонте  
     
  создаем удаленный лес на горизонте  
     
  Теперь необходимо рассмотреть как это было сделано более подробно и в деталях - [далее]  
     
  [содержание] [далее]  
     
подробнее

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

Как создать игру ? - Программируем сами.

Рассмотрение программирования игр под DirectX 9c на C++ с использованием среды разработки MSVS 2005 или выше.

 
     
  [содержание] [назад] [страница 4] [далее]  
     
  Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами  
     
   
     
 

- Если Вам надоело только играть и хочется самим научиться создавать игры;

- Вы хотите не только создать игру, но и сделать её красивой и интересной;

- Не знаете с чего начать ?

Тогда Вам нужно всего лишь приобрести ПОЛНЫЙ ИСХОДНЫЙ КОД игры ВЕСЕЛЫЙ БУКВОЕЖКА за символическую плату - 200 рублей.

Фактически Вы получаете ПОЛНЫЙ ИСХОДНЫЙ КОД игры БЕСПЛАТНО. Ведь не секрет, что такие наработки представляющие полноценный движок игры стоят больших денег.

Кроме того, все ответы на свои вопросы по созданию игры Вы найдете на этом сайте и на нашем форуме.

 
     
     
 
 
     
  Что умеет и на что рассчитан движок игры Веселый Буквоежка - Вы это можете увидеть сами - скачав бесплатно игру Веселый Буквоежка, созданную на этом движке -  
     
  Веселый Буквоежка - игра  
     
  Итак, Ваш выбор сделан и Вы приобрели ПОЛНЫЙ ИСХОДНЫЙ КОД игры Веселый Единственный Буквоежка, что дальше ?  
     
 

Вам потребуется среда разработки

- Microsoft Visual Studio 2005, 2008, 2010 или выше;

- DirectX SDK Aug 2008 или выше;

 
     
 

Всё - теперь Вы готовы создавать собственную игру. Начните с прочтения [содержание],

если у Вас возникают вопросы - обращайтесь на форум или по e-mail, указанному внизу данной страницы.

 
     
  Желаю Вам удачи на поприще создания игр !!!  
     
     
  [содержание] [назад] [страница 4] [далее]  
     
подробнее

     
  Каталог статей  
     
     
     
     
  Настольная игра "Веселый Буквоежка"  
     
  Не успели герои Веселый Буквоежка, Жора, Щукин, Галя и другие вздохнуть, как предстала перед ними иная реальность и ждали их новые приключения ...  
     
 

Стоимость: 110 руб.

 
     
  Представляем Вам Настольную игру "Веселый Буквоежка" - пока Вы это читаете, многие уже во всю играют !!!  
     
   
     
  В неё можно играть на столе и на полу, вдвоем, втроем и вчетвером и более - вплодь до 8 человек.  
     
  1) игровое поле (еще есть поле битвы); 2) таинственные места (всего их 4); 3) вещь - лейка - можно брать и использовать для полива; 4) куча мусора - их надо убирать лопатой; 5) а вот и сама лопата; 6) герой - можно выбирать одного из 8ми; 7) дерево - от таких деревьев можно брать саженцы; 8) плитка - можно брать, если есть лопата, там может быть буква, приз, антиприз или пустая плитка; 9) островок игрового поля с цифрами; На рисунке также видны - игральные кубики и небо (на заднем плане) :)))  
     
 

1) игровое поле (еще есть поле битвы);

2) таинственные места (всего их 4);

3) вещь - лейка - можно брать и использовать для полива;

4) куча мусора - их надо убирать лопатой;

5) а вот и сама лопата;

6) герой - можно выбирать одного из 8ми;

7) дерево - от таких деревьев можно брать саженцы;

8) плитка - можно брать, если есть лопата, там может быть буква, приз, антиприз или пустая плитка;

9) островок игрового поля с цифрами;

На рисунке также видны - игральные кубики и небо (на заднем плане) :)))

 
     
 

Это первая в мире Настольная игра, которая поставляется электронным способом !!! :)))

Оказывается по сетям передачи данных можно передавать и настольные игры !!!

 
     
  На поле битвы - 1) герой; 2) злой паук; 3) кружок для хода по полю боя; 4) поле боя;  
     
 

На поле битвы

1) герой;

2) злой паук;

3) кружок для хода по полю боя;

4) поле боя;

 
     
 

В настольной игре "Веселый Буквоежка" Вас ждёт:

- непередаваемая атмосфера обучения с увлечением;

- забавные герои;

- секреты (таинственные места) и призы;

- взятие и использование инвентаря - лопата и лейка, посадка и полив саженцев, расчистка от мусора, поиск источников воды, борьба с пауками, открытие плиток, взятие букв и складывание слов;

- действие разворачивается на основном игровом поле и на поле боя;

 
     
 

Требования: для игры Вам не потребуется компьютер ! Для распечатки игры Вам потребуются - компьютер, цветной принтер, бумага для распечатки 9 / 15 листов (без распечатки правил / с правилами); для сборки игры потребуются ножницы и клей;

Правила игры, подробная инструкция по распечатке и сборке прилагаются.

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

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



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


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