• Перейти до основної навігації
  • Перейти до основного матеріалу
  • Перейти до основної врізки
  • Перейти в кінець сторінки

TechLila

Bleeding Edge, завжди

  • Головна
  • Про нас
  • Контакти
  • Акції та пропозиції
Логотип Techlila
Поділитись
чірікать
Поділитись
Pin
5 акції
Розгорніть програму PHP на Heroku
Вгору Далі

Як безкоштовно розгорнути програму PHP на хмарній платформі Heroku

Ігрові механізми HTML5

TechLila Веб-дизайн і розробка

Створіть власну гру HTML5 за допомогою двигунів розробки HTML5

Аватар Абхіджит Н Арджунан Абхіджіт Н Арджунан
Останнє оновлення: Травень 19, 2017

HTML5! Б'юся об заклад, ви б чули про це не раз, незалежно від того, веб-розробник ви чи ні. Це одна з мов розмітки, яка обговорювалася серед розробників з самого народження. Крім того, ми повинні відзначити, що мова набула величезного відгуку та популярності за дуже короткий час, оскільки було безліч функцій, які допомогли HTML5 стати автономним. Хоча він носить ярлик мови розмітки гіпертексту, його роботи набагато більше, ніж ми очікуємо, напевно. Простіше кажучи, HTML5 є Flash Killer. Було розпочато кілька обговорень щодо пристроїв HTML5 та Apple, оскільки жоден із пристроїв iDevices не поставлявся з підтримкою Flash. Як ви можете здогадатися, компанія заздалегідь визначила збій Flash і скористалася міжплатформною функціональністю HTML5. Більше того, треба сказати, що у Flash дуже мало часу життя, оскільки нова версія мови розмітки вийшла на сцену з вбудованою функцією вбудовування відео, якої достатньо, щоб вбити flash.

Ігрові механізми HTML5

Як ми вже говорили раніше, HTML5 розроблений не тільки для створення веб-сайтів, але й для того, щоб робити те, чого навіть не уявляли попередні версії. Розробники та компанії (включаючи веб-гіганти Google) належним чином визнали можливості HTML5 і запустили багато програм для оприлюднення HTML. У мережі можна побачити кілька експериментів, які спритно використовують можливості HTML5. Найбільш інтуїтивно зрозумілий та інтерактивний додаток HTML, який ми можемо знайти Ігри HTML5! Так, чудові ігри можна розробляти за допомогою HTML5, і розробка набагато простіше, ніж на Flash або інших мовах. Окрім кодування з нуля, ви можете використовувати движки розробки ігор HTML5, якщо у вас менше знань про коди, але ви маєте творчий розум. Сьогодні ми збираємося представити вам кілька чудових движків розробки ігор, які використовують HTML5 і JavaScript.

Побудуйте 2

Construct 2, як механізм розробки ігор, допомагає вам створювати ігри на основі HTML5, не маючи досвіду програмування. Цей двигун розроблений Scirra Limited і доступний БЕЗКОШТОВНО для некомерційних цілей. Те, що вам потрібно зробити для розробки гри HTML5, — це чітке уявлення про вашу гру та творчість. Ви можете просто перетягнути ігрові об’єкти (зазвичай файли зображень) на полотно та визначити для них конкретні властивості та поведінку. Крім того, ви можете використовувати цю службу в будь-якому веб-браузері, який підтримує HTML5, а також у спеціальних програмах для iOS, Android, Windows 8 і Google Chrome.

Побудуйте 2

Недоліком цієї гри є те, що вона може обмежити ваше творче мислення. Якщо ви плануєте гру з великим аспектом і функціями, Construct 2 не зможе вам дозволити. Крім того, якщо ви хочете використовувати свою гру в комерційних цілях, вам доведеться придбати ліцензію у Scirra Limited. Ви можете відвідати веб-сайт Scirra для демонстрації робіт, виконаних за допомогою Construct 2.

Вплив JS

Impact JS — це двигун розробки ігор на основі JavaScript для розробки ігор HTML5. Движок оснащений редактором 3D-рівнів і підтримкою різних пристроїв, включаючи iOS. Крім згаданого вище, Impact JS не є безкоштовним движком розробки ігор, але він має велику колекцію інструментів і розширень у своїй бібліотеці. Використовуючи ці інструменти, ви можете створити величезний візуальний вплив на свої ігри.

Вплив JS

Редактор 2D рівнів є ексклюзивною функцією Impact JS. Цей редактор забезпечує бічні прокрутки та функції ролевої гри зверху вниз, які є приголомшливими. Потужний інструмент налагодження також інтегрований з Impact JS, який підкаже вам недоліки продуктивності та причини. Усі ці функції разом означають, що сплата $99 за ліцензію Impact JS коштує ваших грошей і часу.

LimeJS

Ось ще один БЕЗКОШТОВНИЙ двигун розробки! LimeJS — це фреймворк на основі JavaScript, розроблений для розробки ігор HTML5. Фреймворк, розроблений Digital Fruit, доступний під ліцензією Apache, просто з відкритим вихідним кодом, що дозволяє легально відтворювати та повторно використовувати код. Команда розробників каже, що вони розробили цю платформу для розробки ігор HTML5 без складнощів коду.

LimeJS

Як проект з відкритим вихідним кодом, LimeJS може надати вам більше можливостей у порівнянні з приватним. Величезна кількість демонстрацій та навчальних посібників доступна в Інтернеті, тому вам не доведеться турбуватися про те, що ви не знаєте про фреймворк. Фреймворк підтримує кожен сучасний браузер, а також iOS і Android.

Гра Салат

Ще один механізм розробки ігор із функцією Drag & Drop на основі HTML5. Окрім інших движків, Game Salad має вбудований емулятор, за допомогою якого ви можете побачити, як гра працюватиме на екрані мобільного телефону. Розробка на різних платформах доступна через Game Salad, а підтримуваний список продовжується, як-от iOS, Android, Amazon Kindle та останні, Windows 8.

Гра Салат

Цей двигун має дві версії, БЕЗКОШТОВНУ та ПЛАНУ. Платна версія щороку забирає з вашої кишені 299 доларів. Деякі функції, як-от покупки в додатку, i-Ad, реклама, Game Centre, публікація Android тощо, доступні в професійній версії. Всі перераховані вище функції відсутні в інших движках, і це цілком хороше рішення придбати професійну версію.

Flash JS

Flash JS має невелике відношення як до flash, так і до JS. Ви можете створювати ігри HTML5 за допомогою цього механізму, і ви можете додати коди Action Script 3 в [html] [/html] код, що робить його знайомим і для розробників на базі Flash. Цей також БЕЗКОШТОВНИЙ і з відкритим кодом, який отримує величезний внесок з різних частин Інтернету.

Flash JS

Хитрий JS

Це ще одна платформа для розробки ігор на основі JavaScript, яка має величезну підтримку спільноти в порівнянні з іншими движками. Незважаючи на те, що фреймворк не має підключи і грай, він має деякі переваги, як-от Entity Component System. Використовуючи цю функцію, ви можете просвітити свою гру, надавши компоненти кожній сутності у вашій грі (герою, лиходію тощо). Ця функція напевно допоможе уникнути довгих ланцюжків успадкування від вашого коду. Навіть будучи не дуже простим, Crafty JS, очевидно, є чудовим ігровим движком.

Двигун Quintus

Це новачок у списку HTML5 Game Engine з міткою легкої поведінки. Движок Quintus підтримує розробку як для мобільних пристроїв, так і для комп’ютерів, що корисно для розробників.

Квінти

Спеціальний веб-сайт чекає на користувачів Quintus Engine, а це означає, що сумніви не будуть великим хлопчиком для вас, принаймні, коли з Quintus.

Висновок

Ми розповіли вам про декілька движків розробки ігор для HTML5, і останній вибір залишається за вами. Як ви знаєте, кожен буде мати різні аспекти своєї гри, і різні послуги будуть там, щоб задовольнити різні вимоги. У цьому списку більшість двигунів БЕЗКОШТОВНІ, хоча деякі з них мають версію PRO. Оскільки є слово про вимоги, ми не хочемо сказати, що «цей» найкращий. У будь-якому випадку, повідомте нам про свій досвід розробки ігор HTML5 через коментарі. Ми можемо здогадатися, про що ви подумаєте, прочитавши це. «Чи так легко розробка ігор HTML5?»

Поділитись
чірікать
Поділитись
Pin
5 акції

Розкриття інформації: Вміст, опублікований на TechLila, підтримується читачами. Ми можемо отримувати комісію за покупки, зроблені через наші партнерські посилання, без додаткових витрат для вас. Читайте наш Сторінка відмови від відповідальності щоб дізнатися більше про наше фінансування, редакційну політику та способи нашої підтримки.

Спільний доступ - це турбота

Поділитись
чірікать
Поділитись
Pin
5 акції
Аватар Абхіджит Н Арджунан

Абхіджіт Н Арджунан

Абхіджіт Н Арджунан є пристрасним письменником і блогером з Керали, який знаходить величезну радість, коли пише про популярні технології, речі для гіків і веб-розробку.

Категорія

  • Веб-дизайн і розробка

Теги

HTML5

читач взаємодій

Що люди говорять

  1. Аватар Ракель ДжонсонРакель Джонсон

    Шановний сер,

    Я також у цьому прогресі вивчаю розробку HTML 5, дякую, це допоможе мені краще отримати роботу. Ще раз дякую за обмін!

    відповісти
  2. Аватар МанішаМаніш

    Це чудове джерело інформації для створення гри з використанням движків розробки ігор HTML5. Дякуємо, що поділилися цією інформацією.

    відповісти
  3. Аватар Френка СернаФренк Черн

    Абхіджіт, я насправді думав про те, щоб потрапити в цей простір. Дякую за всю інформацію. З усіх двигунів, згаданих вище, я тільки коли-небудь чув про конструкцію, думаю, мені потрібно багато почитати!

    відповісти
  4. Аватар Джухі АгравалаДжухій Агравал

    Дякую Абхіджіт за інформативний пост. Я вже думав, який із JS використовувати. Розповідаючи про все це, ви просто допомогли мені зробити свій вибір набагато легше.

    відповісти
  5. Аватар Біпул-ханаБіпул Хан

    Дійсно чудові фреймворки для розробки ігор HTML5. Велике спасибі Абхіджіт за те, що поділився цими крутими матеріалами :)

    відповісти
  6. Аватар ЕміліїЕмілія

    Я завжди був збентежений цими HTML матеріалами. Але я вважаю ваш пост дуже цікавим. Дякую, що поділились.

    відповісти
  7. Аватар НехаНеху

    Привіт, Абхіджіт, зараз я вивчаю HTML5, і цей список дає мені деякий поштовх до вивчення HTML ігор і дає мені кілька хороших прикладів. Дякую

    відповісти
  8. Аватар Джеремі С.Джеремі С.

    Вау.. дякую за цю чудову статтю. Я насправді збирався відмовитися від онлайн-уроків кодування. Але це спонукало мене продовжувати. Скоро я створю власну гру. ;)

    відповісти
  9. Аватар СтейсіStacey

    Для мене це досить техніка... Але я знаю багато друзів, яким буде справді цікаво прочитати ваш пост. І я збираюся поділитися цим з ними! Дякую за всю цінну інформацію.

    відповісти
  10. Аватар ШалінаШалін

    Ігровий салат виглядає багатообіцяюче, оскільки він незалежний від платформи і безкоштовний. Треба спробувати, чудова подія!

    відповісти
  11. Аватар ЛавіндриЛавіндра

    Я дійсно ламав голову над переїздом у цю область. Дякую за всі дані

    відповісти
  12. Аватар swapnil rajaсвапніл раджа

    Здається, дуже добре знання про HTML5, це добре!

    відповісти
  13. Аватар YotaYota

    Будь ласка, розгляньте ігровий движок Turbulenz HTML5. Він був відкритий ще в травні.
    http://www.turbulenz.biz/developers

    – Використовуючи цей ігровий движок, ми розробили 3D гру HTML5, http://www.polycraftgame.com
    – Шотландський розробник розробив Word Quest і Save the Day.

    http://www.youtube.com/watch?v=T_oCfbOwKds

    http://www.youtube.com/watch?v=yxa6bKIs-Cw

    відповісти
  14. Аватар ПантераПунтер

    Чудовий список, але я б завжди рекомендував використовувати LimeJS.

    відповісти

Додайте свій коментар Скасувати відповідь

Ваша електронна адреса не буде опублікований. Обов'язкові поля позначені * *

Первинна бічна панель

популярний

Як збільшити швидкість широкосмугового доступу в Windows

10 найкращих програм для запуску Android 2021 року

Що робити після встановлення Windows 10 – поради та підказки щодо Windows 10

10 найкращих пошукових систем, які можна використовувати для приватного пошуку в Інтернеті

55 цікавих фактів про комп'ютер, які вразять вас

На що звернути увагу при покупці ноутбука – посібник із покупки ноутбука

Fusion Drive проти SSD – те, що вам ніхто не розповідає про Fusion проти SSD

Корисні інструменти

• Граматично – Безкоштовна перевірка граматики
• SemRush – Найкращий інструмент SEO, якому довіряють експерти
• Setapp – Єдина підписка для Mac і iOS

Модні теми

  • Android
  • інтернет
  • iPhone
  • Linux
  • Макінтош
  • безпеки
  • Соціальні мережі
  • Технологія
  • Windows

Варто перевірити

10 найкращих звукових еквалайзерів для Windows 10 (2022 Edition!)

14 найкращих скінів VLC, які настійно рекомендуються та безкоштовні

Логотип колонтитулів Текстовий логотип нижнього колонтитула

Нижній колонтитул

Про нас

Привіт і ласкаво просимо до TechLila, відомого технологічного блогу, де ви можете знайти винахідливі статті для освоєння основ і не тільки.

У TechLila наша головна мета — надати унікальну інформацію, таку як поради та підказки щодо якості, навчальні посібники, інструкції для Windows, Macintosh, Linux, Android, iPhone, безпека та кілька різних підтем, таких як огляди.

зв'язку

  • Про нас
  • Контакти
  • відмова
  • Політика Конфіденційності
  • терміни

слідувати

Спеціальна тема з використанням Genesis Framework

Хмарний хостинг від Cloudways

Language

en English
bg Българскиzh-CN 简体中文nl Nederlandsen Englishtl Filipinofr Françaisde Deutschid Bahasa Indonesiait Italianoja 日本語pl Polskipt Portuguêsro Românăru Русскийsr Српски језикes Españolsv Svenskatr Türkçeuk Українськаvi Tiếng Việt

© Copyright 2012–2023 TechLila. Всі права захищені.