admin / 24.03.2018

Construct 2 уроки

Друзья, представляю вам список уроков по программе Construct 2. Все статьи написаны достаточно подробно и рассчитаны в первую очередь на новичков.


1) Знакомство с Construct 2
Обзор программы, создание проекта и объектов.

2) Поведения объектов в Construct2
Стандартные поведения объектов и их параметры.

3) Переменные в Construct 2
Работа с числовыми, текстовыми и логическими переменными.


4) Материалы для разработки игр на Construct 2
Красивая графика и приятная музыка для разработки игры.


Экспресс-курс по созданию платформера:

5) Персонаж и его анимация
Создание персонажа, добавление анимаций и необходимых поведений.

6) Создание уровня
Настройка макета, добавление платформ и оформление уровня.

7) Интерфейс игры
Создание пользовательского интерфейса (количество жизней, кнопки, результаты уровня).

7.1) Расположение элементов интерфейса
Автоматическое позиционирование элементов интерфейса относительно различных экранов.

8) Список уровней
Настройка макета, добавление необходимых переменных и событий.

9) Сохранение игры
Использование локального хранилища для сохранения глобальных переменных.

10) Враги персонажа (часть первая)
Создание врагов, добавление анимаций и необходимых поведений.

11) Стрельба персонажа (скоро…)
Добавление необходимых анимаций, объектов и событий.



12) Компьютерная мышь и клавиатура
Добавление в игру поддержки компьютерных устройств ввода.

13) Собственный экран загрузки
Нестандартный стартовый экран для своей игры.

14) Постепенно появляющийся текст
Эффект динамического появления текста по отдельному символу.

15) Округление чисел
Функция математического округления нецелых чисел.


Экспорт на различные платформы:

16) Экспорт игры под Windows
Экспорт под операционную систему и создание установщика игры.

17) Собственная иконка для Windows приложения
Изменение стандартной иконки с помощью программы Resource Hacker.


18) Экспорт игры под Android
Экспорт под сенсорные устройства с операционной системой Android.

19) Подпись APK файла
Использование специальной утилиты для подписания apk файла.

20) Загрузка игры на Google Play
Добавление своей игры в популярный магазин приложений.

21) Установка плагинов
Плагины для Construct 2, позволяющие подключать рекламные и социальные сервисы.

22) Реклама AdMob в игре
Добавление рекламных баннеров для заработка на своей игре.

22.1) Construct 2. Можно ли заработать на своей игре?
Небольшая статистика по одному из моих игровых приложений.

23) Добавление видеорекламы с вознаграждением
Добавление рекламы, вознаграждающей пользователей за просмотры.


24) Экспорт игры под Windows Store
Экспорт под магазин приложений операционной системы Windows.

Construct 2 is a powerful ground breaking HTML5 game creator designed specifically for 2D games. It allows anyone to build games — no coding required! Use Construct 2 to enter the world of game creation. Teach the principles of programming in a fun and engaging way. Produce games without having to learn difficult languages. Rapidly create mockups and prototypes, or use it as a faster alternative to coding.

Construct 2 Features:

Quick & Easy
Bring your work to life in hours and days instead of weeks and months. With Construct 2 making games is a piece of cake: just drag and drop objects around, add behaviors to them, and make everything come alive with events!With a quick and easy to grasp Ribbon interface, you have clear access to a wide set of tools that allows anyone to jump into game creation with little to no prior game development knowledge.

Powerful Event System
Make your game do what it needs to do in a visual and human readable way with the powerful Event System. There’s no need to memorize complicated and cryptic languages. With events programming becomes intuitive putting your focus on what really matters: designing your game! Events are created by selecting possible conditions and actions from an organized list.

The result list of events, or Event Sheet, is designed to be as easily readable as possible, so that beginners can get instant results as well. Entire event sheets can be re-used by other levels, saving you re-creating events for other levels.

Flexible Behaviors
Behaviors work as pre-packaged functions that you can assign to objects and reuse whenever needed. They provide an instant way to add capabilities to objects, speeding up development and increasing productivity. They include movements such as 8 directions, platform, and car; advanced features like physics and pathfinding; and useful utilities like fade, flash, wrap, pin and drag & drop. Most behaviors can be replicated with events, but it simply is far more time consuming to do so. That’s why behaviors can be great time savers, without limiting what’s possible when you need to go further.

Instant Preview
In Construct 2 you can preview your games instantly at any time. There’s no need to wait for compiling or other time consuming processes. In the press of a button you get your game running in a browser window ready to be tested. This allows for fast prototyping and iterative development which enables testing during the entire creation process, making a lot easier to detect and correct problems. This way game creation becomes a lot more intuitive, especially for beginners.

Stunning Visual Effects
Let your games go from good to gorgeous using C2’s blend modes, effects and particle system. There are over 70 WebGL-based pixel shader effects to warp, distort, blend, blur, mask, re-color and more. You can add these to objects, layers and layouts for quick special effects and also stack them up to create incredible results. You can even see everything applied in real time in the editor!

Multiplatform Export
Publish your games on a broad selection of platforms with a single project. There’s no need to maintain multiple codebases. By using Construct 2’s HTML5-based engine you can export to most major platforms. Easily reach the web by publishing to your own website, Chrome Web Store, Facebook, Kongregate, NewGrounds, Firefox Marketplace or use our Scirra Arcade to share your creations. Export your game to desktop PC, Mac and Linux apps by using the Node-Webkit wrapper.

Как сделать игру в Construct 2? Создание проекта и первого уровня игры

Additionally publish to Windows 8 Store or as a native Windows Phone 8 app.

Easy Extensibility
Construct 2 comes with more than 20 built-in plugins, over 20 behaviors and more than 70 visual effects. They range from displaying text and sprites, sound and music playback, input, data manipulation and storage, particle effects, movement presets, Photoshop-like effects, and many more. If you are a power user and still needs some specific functionality, Construct 2 let you create your own plugins and behaviors using our fully documented Javascript SDK. You can also create your own visual effects using GLSL shader language.

Note: Limited functionality in demo version.

Download Construct 2 Latest Version


Крючков Савелий Владимирович 1


Саитова Лилия Нафисовна 1

1Муниципальное бюджетное общеобразовательное учреждение «Средняя школа №2 с углубленным изучением отдельных предметов»

Текст работы размещён без изображений и формул.
Полная версия работы доступна во вкладке «Файлы работы» в формате PDF


Меня, как и многих людей, интересуют компьютерные игры. На определённом этапе мне захотелось попробовать создать собственную компьютерную игру. Компьютерную игру я решил создать с помощью конструктора игр Construct 2, который представляет из себя, что-то на подобии конструктора двумерных игр.Здесь не нужно знать какой-либо язык программирования. Поведение всех объектов в игре настраивается с помощью продвинутой системы событий. Такой подход позволяет создать игру человеку, который не знаком с программированием.

Объект исследования: программа для создания компьютерной игры

Предмет исследования: создание компьютерной игры средствами конструктора игр Construct 2.

Гипотеза: можно ли без знания языков программирования создать компьютерную игру.

Цель: рассмотреть особенности создания компьютерной игры средствами конструктора игр Construct 2, создать простую компьютерную игру.

Задачи исследования:

  1. Изучить и проанализировать специальную литературу по теме исследования.

  2. Изучить требования, предъявляемые к компьютерным играм.

  3. Разработать макет компьютерной игры и систему персонажей.

  4. Продумать сцену игры.

  5. Создать простую развивающую компьютерную игру средствами конструктора игр Construct 2.

Методы исследования: изучение литературы,анализ и синтез, классификация и обобщение.

Глава 1. Теоретическая часть

1.1. Описание конструктора игр Construct 2

Construct 2 позволяет каждому желающему создавать 2D-игры любой сложности и любого жанра, даже не имея навыков программирования. Игры, сделанные на нём, легко портируются на все основные платформы — PC, Mac, Linux, браузеры с поддержкой HTML5, Android, iOS, WindowsPhone, Blackberry 10, AmazonAppstore, ChromeWebStore, Facebook и пр. Интерфейс программы интуитивно понятен и прост в освоении, благодаря визуальному WYSIWYG-редактору от человека не требуется знаний программирования и опыта в разработке игр. Логика игр в Construct 2 создается с помощью системы событий (англ. events) и связанных с ними действий (англ. actions).

Как научиться делать игры?

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

1.2. Функциональностьконструктора игр Construct 2

Редактор Construct 2 написан на языке C++, а игры кодируются в Javascript. При экспорте проекта JavaScriptминифицируется, однако есть возможность подключить JavascriptPlugin SDK и модифицировать код вручную. Также плюсом является то, что Construct 2 имеет модульный дизайн, поэтому любые плагины или поведения, которые не используется в проекте, не включаются в скрипт, что помогает оптимизировать проект и сократить его вес.

На данный момент программа имеет более 20 встроенных поведений, включая Platformer, 8 Direction, Bullet, Car, Pathfinding, Turret, Drag’n’drop и т.д., которые облегчают процесс создания игры.

Construct 2 — это первый игровой движок, который официально поддерживает эффекты частиц (particleeffects) на HTML5.

Встроенный игровой движок Box 2D Physics дает возможность качественно моделировать законы физики и легко воспроизводить интересные физические эффекты. Кроме того, доступно множество плагинов, расширяющих базовые возможности программы.

1.3. Предыдущие версии

Предыдущая версия Construct после релиза Construct 2 сменила название на ConstructClassic. К настоящему моменту она уже лишилась официальной поддержки разработчиков, однако продолжает поддерживаться энтузиастами. Впрочем, популярность её все ещё высока, особенно в сфере разработки 2D и 3D-игр для операционной системы Windows. В отличие от Construct 2, версия Classic имеет открытый исходный код и является отличной бесплатной альтернативой таким платным аналогам, как GameMaker. Опыт разработки версии Classic был активно использован при создании Construct 2, хотя фактически последний представляет собой абсолютно новый конструктор, переписанный с нуля. В отличие от предыдущей версии Construct 2 использует OpenGL вместо DirectX, а игры используют WebGL (OpenGL в браузере) для быстрого рендеринга с аппаратным ускорением.

1.4. Стоимость программы

Construct 2 — платный конструктор игр. Однако программа имеет базовую бесплатную версию, имеющую ограничение в 100 событий, 4 слоя, 2 эффекта, некоторые платформы для экспорта и исключающую использование в коммерческих целях.

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

Глава 2. Поисковый этап

2.1. Анкетирование одноклассников

Прежде чем приступить к выполнению проекта, была проведена следующая работа: в школе среди одноклассников было проведено анкетирование, в результате которого выяснилось, что в компьютерные игры играют все 26 человек (рисунок 1), умеют сами создавать компьютерные игры только 2 человека (рисунок 2).

Рисунок 1

Рисунок 2

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

Глава 3. Технологический этап выполнения проекта

3.1. Технология создания компьютерной игры

с помощью конструктора игр Construct 2

1.Запустите Construct 2 и выберите пункт меню «File ->New». Сделаем пустой проект с расчётом на экраны с большим расширением. Выберите шаблон «Newempty HD portrait 1080p project» (игра будет работать в портретной ориентации) и нажмите кнопку «Open».

2.Кликаем два раза по белому экрану, затем кликнуть по кнопке Sprite и выбрать любой фон.

3.Сделать всё тоже самое что и в 3 пункте только выбрать пункт button и в правом углу рядом, где будет надпись Textнаписать любой текст.

4.Перейти во вкладку EventSheetEditor кликнуть два раза, выбрать button, нажать на надпись +newaction и выбрать gotolayout, и написать название лэйаута, если он переименован, а если нет, то просто поставить его цифру.

5.Перейти в layout 2 и кликнуть два раза выбратьsprite, выбрать любой фон.

6. Кликнуть два раза, выбрать sprite, затем любой блок или же другой предмет, во вкладке Attributes поставить галочку у надписи solid.С помощью этих блоков сделать уровень.

7.Кликнуть два раза, выбрать sprite, затем выбрать любой спрайт, это будет ваш персонаж. Во вкладке Behaviors выбрать поведение platform.

Переходы между уровнями

1. Кликнуть два раза, выбрать sprite, выбрать любой спрайт, это будет ваш портал в другой уровень.

2. Переходим во вкладку EventSheetEditor, кликнем два раза, выбираем нашего персонажа, выбираем oncollisionwithanotherobjectвыбираем наш портал. Нажимаем на вкладку +newactiongotolayout, и написать название лэйаута, если он переименован, а если нет, то просто поставить его цифру. Далее делаем новый уровень.


1. Заходим во вкладку Animator, кликаем по вкладке Angelanimationspeed выбираем 2, всё остальное делаем на 0, а анимацию называем stand, кликаем правой кнопкой мыши, нажимаем на addnewanimation.Добавляем новую анимацию переименовываем её в run, animationspeed выбираем 2, всё остальное делаем на 0, дублируем 1 кадр, открываем второй и вставляем анимацию №2, и так делаем столько сколько нужно (я делал 6 раз).

2.Заходим во вкладку EventSheetEditor, кликаем 2 раза, выбираем нашего персонажа, выбираем в верхнем углу вкладку Platform-ismoving, +newaction, в нижнем углу выбираем вкладку Animation-setanimation, пишем название ряда нашиханимаций, в моём случае это (run), нажимаем на кнопку finish.


1.В последнем уровне, когда персонаж соприкасается с порталом, он должен попасть туда, чтобы это сделать переходим во вкладку EventSheetEditor, кликаем два раза, выбираем нашего персонажа oncollisionobject.


В ходе исследования цель, поставленная в работе, была достигнута, все поставленные задачи – выполнены.

  1. При изучении и анализе литературы были использованы различные информационно-технологические и программистские издания.

  2. Были изучены требования, предъявляемые к компьютерным играм.

  3. При проектировании будущей игры был сделан ее макет и продумана система персонажей.

  4. Была продумана сцена игры.

  5. Была создана простая компьютерная игра средствами конструктора игр Construct 2.

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

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

Разработанная игра способствует развитию интереса к урокам информатики и программирования, а так же позволит развивать внимание и навык работы с клавиатурой.

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

Список использованной литературы

  1. Валиуллин С. Этапы разработки игры глазами гейм-дизайнера [Электронный ресурс]. Режим доступа:"

  2. Зыков И. Компьютерные игры: этапы разработки [Электронный ресурс]. Режим доступа:

  3. Илькун В. Инструментальные средства для разработки компьютерных игр жанра экшн от первого и третьего лица [Электронный ресурс]. Режим доступа:"

  4. Истомина И. Г. Информатика. Техническая графика. – Москва – Ростов – на — Дону, 2005. – 368с.

  5. Левин А. В. Самоучитель компьютерной графики и звука – СПб.: Питер, 2003.- 258с.

  6. Мураховский В. И. Компьютерная графика / под ред. С. В. Симановича. – М.: «АСТ – ПРЕСС СКД», 2002. – 640с.

  7. Скорик. М. Gamification мобильных игр [Электронный ресурс]. Режим доступа:

Просмотров работы: 310

Что такое Construct 2?

Как утверждает официальный сайт Construct 2 является новаторским средством для создания HTML5 игр. Он позволяет любому делать игры без опыта программирования.

Construct 2 легoк в освоении и не требует программирования (вернее, требует только простого визуального программирования). Описание логики игры производится выбором подходящего типа объекта, настройки его свойств, определения событий и действий. Полученная игра работает на любой операционной системе в любом современном HTML5-браузере на компьютере, ноутбуке, планшетах, смартфонах. Для управления в игре можно использовать клавиатуру, мышь и тачскин.

Типы игр, которые можно создавать в Construct 2, — это преимущественно пазлы, шутеры, экшены и аркады, т.к. они не могут содержать сложных математических вычислений или физики.

Плюсы и минусы

Что меня привлекло в Construct 2 — это тот факт, что созданный проект можно скомпилировать в PhoneGap проект и таким образом превратить сие в мобильную кроссплатформенную игру, которая будет доступна для iOS, Android, Windows Phone, BlackBerry, Bada, Symbian, webOS. Теперь фраза “Всё гениальное — просто” ассоциируется у меня с Construct 2.

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

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

Что действительно заставило меня помучаться морально в начале работы с Construct 2, так это то, что IDE доступна только для Windows XP/Vista/7. И ведь, как назло, я использую Mac OS и Windows 8, они меня полностью устраивают, и перейти на другую операционную систему ради установки одной программы было чрезвычайно трудно.

Ну и, конечно, то, что не все возможности в Construct 2 можно использовать в бесплатной версии, не порадует, хотя средств для разработки вполне достаточно для знакомства со средой.

Существует 2 типа платной версии программы: Personal Edition и Business Edition. Их отличия только в лимитированном коммерческом использовании для Personal Edition. В свою очередь, бесплатная версия считается непредназначенной для такового. Цена за Personal Edition составляет 79 фунтов, а за Business Edition — 259 фунтов.

Отличия платных версий программы от бесплатных в том, что в платных версиях открываются возможности для создания iOS, Android и Desktop приложений, убираются ограничения бесплатной версии на 100 событий, 4 слоя и 2 эффекта в проекте и т.д.

Скачать программу можно с главной страницы официального сайта. Ну, а теперь перейдем к созданию игры с помощью Construct 2.

Начало работы

Запускаем Construct 2 и создаем новый проект. Изменяем Layout Size, если это требуется. Я буду использовать 640 на 480.

Теперь стоит добавить новый объект в лист событий. Делаем двойной клик по рабочей области, и появляется всплывающее окно:

Выбираем Touch. В дальнейшем функция Insert New Object будет часто использоваться.

Добавляем еще 1 слой (просто нажимаем на плюс) и переименовываем оба слоя, используя кнопку Rename layer. Теперь нижний слой у нас носит название Background, а основной слой — Main.

Начнем с создания главного персонажа в игре. Не забывайте о том, что для того, чтобы взаимодействовать с необходимым слоем, сначала нужно выбрать его в меню Layers (предыдущая картинка). Делаем двойной клик по рабочей области, и видим появившееся окно Insert New Object, в котором выбираем из вкладки General — Sprite. При необходимости изменяем имя объекта и жмем на кнопку Insert. После чего всплывает окно Edit image, в котором мы выбираем необходимую картинку с помощью кнопки Load an image from a file:

Далее просто закрываем окно, и изображение появляется на рабочей области.

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

Начнем с добавления элемента на рабочую область. Далее, в меню Properties добавляем новое поведение для элемента:

Во всплывающем окне выбираем Bullet, как показано ниже:

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

Угол перемещения пули можно задать в меню Properties — Angle. По умолчанию установлен 0, и это именно тот угол движения, который в данном случае понадобится (изображение будет двигаться слева направо).

Также стоит добавить несколько поведений для элемента Character. Это будет BoundToLayout (это поведение не позволяет спрайту выйти за границы рабочего слоя) и 8Direction (это поведение необходимо для управления элементом, и после его установки уже возможно перемещать спрайт во время работы игры, используя клавиши вверх/вниз/влево/вправо на клавиатуре).

В данный момент уже можно сделать первый тест, на котором будет видно, как пуля перемещается по рабочей области 1 раз при запуске игры. Для запуска просто нажмите Run layout, после чего будет открыт браузер по умолчанию (убедитесь, что он поддерживает HTML5).

Теперь перейдем к Event sheet и добавим первое событие — появление пули по нажатию на рабочую область. Выбираем вкладку Event sheet 1 и добавляем событие с помощью Add event: выбираем Touch, нажимаем кнопку Next, выбираем On any touch end и нажимаем Done. Следующим шагом стоит добавить то действие, которое будет происходить при нажатии на рабочую область. Нажимаем Add action и добавляем для Character событие Spawn another object, где в качестве объекта выбираем Sparrow. Так же добавим действие для Sparrow — Move forward и установим значение в 50 пикселей. Вот что получилось в итоге:

Таким образом, теперь по нажатию в любой точке рабочей области будет создаваться объект Sparrow на 50 пикселей правее центра Character и двигаться слева направо.

Перейдем к созданию вражеских элементов в игре. Пусть это будет облако. Добавляем спрайт на рабочую область. Устанавливаем поведение для данного элемента: DestroyOutsideLayout и Bullet (так как, по сути, вражеский элемент должен двигаться по образу и подобию пули). Не стоит забывать о свойстве Angle: именно от него будет зависеть в какую сторону будет двигаться облако. Я устанавливаю это значение равным 180.

Добавляем на рабочую область спрайт взрыва. Причем спрайт взрыва будет состоять из нескольких картинок, которые добавляются при помощи Add frame.

Таким образом при соприкосновении Sparrow и Cloud оба элемента уничтожаются и в то же время создается элемент Fire.

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

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

После чего добавляем описанные ранее события для Character.

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

Осталось добавить функцию регулярного создания вражеских элементов. Пусть вражеский элемент создается каждые 3 секунды. Координаты по оси х будут равны 720 (так как размер экрана равен 640, а половина размера изображения равна 80 по оси х), а по оси у — рандомное число от 60 до 420.

Теперь, чтобы разнообразить, добавим еще один тип врага — Balloon, и создадим для него похожие свойства.

В properties установим скорость для cloud = 200, для balloon = 300 и для sparrow = 600.

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

Список уроков по Construct 2

Делаем двойной клик по рабочей области, видим появившееся окно Insert New Object, в котором выбираем из вкладки General — Tiled Background и далее добавляем изображение. Теперь закрываем окно и устанавливаем необходимый для нас размер изображения.


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

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

ссылка на оригинал статьи


Submit a Comment

Must be required * marked fields.