Як створити свій браузер за допомогою Construct 2

30 0 Новини високих технологій

На кожному робочому комп'ютері встановлений браузер. І це зрозуміло, адже цю програму використовують для виходу в мережу Інтернет. Але чи замислювалися ви, як створюються браузери, що потрібно знати і, взагалі, складно це? На сьогоднішній день на ринку існує лише декілька популярних браузерів, якими часто користуються. Наприклад: "Яндекс. Браузер Chrome, Opera, Firefox. Якщо створювати з нуля, то, звичайно, конструювання браузера здасться вам дуже довгим і складним процесом. Але можна використовувати вже готові інструменти, при цьому створити новий "Яндекс. Браузер" можна буквально за пару хвилин! Не вірите? У цій статті розповімо про те, як створити свій веб-переглядач з допомогою програми Construct 2 на основі Chrominium.


Про Construct 2

Construct 2 - це програма для розробки додатків, зокрема ігор, під різні платформи. Продукти, створені в цій програмі, можна запускати як на мобільних пристроях, так і на Windows. Хочеться відзначити, що для розробки не потрібні знання програмування, все будується на події. Завдяки цьому абсолютно будь-яка людина зможе навчитися створювати ігри або програми за пару тижнів! Але ми будемо використовувати Construct 2 для швидкої розробки свого браузера. Є платна і безкоштовна версії програми. У безкоштовної версії немає можливості створювати софт під мобільні платформи, але для створення браузера він згодиться. Приступаємо до розгляду питання про те, як створити свій браузер!

Підготовка

Для початку потрібно скачати і встановити Construct 2. Скачати можна на офіційному сайті. Звичайно, є сайти, де пропонують зламані версії, але вони можуть працювати некоректно. Ми ж створюємо додаток браузер, нам вистачить і безкоштовній версії. Встановлюємо у зручний нам місце і запускаємо. Виглядає Construct 2 наступним чином:


Як створити свій браузер за допомогою Construct 2
Але перед тим, як почати розробку, потрібно завантажити плагін IFrame. Знайти його можна на офіційному сайті програми. Встановлюється він досить просто. Спочатку виходимо з Construct 2. Викачуємо плагін, вміст архіву потрібно перекинути в папку Construct2/exporters/html5/plugins. Плагін встановлений!

Створюємо проект

Все готово, можемо приступати до створення браузера. Для цього спочатку запускаємо Construct 2. У лівому верхньому куті натискаємо на кнопку File - New. Після чого перед нами з'явиться наступне:
Як створити свій браузер за допомогою Construct 2
Вибір величезний, різні формати та інше. Але все це потрібно при створенні ігор під мобільні платформи. Нам необхідно вибрати саму першу і натиснути на Open. Створюється проект, але він виглядає потворно:
Як створити свій браузер за допомогою Construct 2
Потрібно визначити розміри. Зліва, у вкладці Properties, можна помітити поле Layout size. Там вказуються розміри проекту, спочатку це 1708x960. Поміняємо ці значення на більш зручні: 640x480. Далі в цій же вкладці натискаємо на кнопку View і в полі Windows Size так само міняємо значення на 640x480. Привели проект в нормальний вигляд, залишилося тільки створити свій браузер. Як легко було все налаштовувати, так само легко буде створювати!

Створення браузера

Все підготовлено, можна починати. Клікаємо ПКМ на нашу поля і натискаємо Insert New Object. Бачимо наступне:
Як створити свій браузер за допомогою Construct 2
Це список плагінів. Пам'ятайте, ми встановлювали плагін IFrame, ось його-то в цьому списку і потрібно знайти. Якщо ви все правильно встановили, то він тут буде. Виглядає він так:
Як створити свій браузер за допомогою Construct 2
Клікаємо по ньому 2 рази і розтягуємо з'явився об'єкт по всьому полю. Ось так:
Як створити свій браузер за допомогою Construct 2
Після чого нам потрібно додати події, щоб браузер почав працювати. Для цього переходимо у вкладку Event Sheet. Знайти його можна зверху по центру. Переходимо туди і натискаємо ПКМ - Add Event - System. У списку шукаємо On start of layout, що означає "При запуску рівня".
Як створити свій браузер за допомогою Construct 2
І натискаємо Done. Поряд з подією, яке ми додали, є кнопка Add Action. Натискаємо туди і вибираємо наш плагін. У вікні шукаємо Set Url і натискаємо туди, у поле URL вводимо посилання на пошукову систему. Але ми напишемо посилання на FB.ru. Все має виглядати наступним чином:
Як створити свій браузер за допомогою Construct 2
Натискаємо Done. Все готово! Для тесту необхідно запустити наш проект натисненням F5. Запускається наш браузер, і виглядає він наступним чином:
Як створити свій браузер за допомогою Construct 2
Не забувайте, що Construct 2 дає можливість скомпілювати свій проект під різні платформи: Android, iOS, Windows, Linux та інші! У цій статті ми розглянули питання про те, як створити свій браузер. Як можна помітити, це зробити досить легко, а сам процес займає всього кілька хвилин. Звичайно, це браузер не з нуля, а на основі готового, але все ж це початок!