Мені було цікаво, чи можуть хто-небудь з експертів там поділитися знаннями та ресурсами того, що потрібно, щоб почати робити ігри з найновішими стандартами HTML та JavaScript (або з того, що деякі хочуть називати HTML 5). Чи є бібліотеки JavaScript, які є важливими для цього процесу? Крім <canvas>тегу, які ще фрагменти HTML нам потрібні?
Відповіді:
Ви повинні знати про теги аудіо та відео . Веб-зберігання є досить важливим, якщо вам потрібно зберегти багато даних для збережених ігор тощо.
Вже є декілька ігор JavaScript html5, акіхабара досить популярна.
Щодо інших бібліотек, Jquery і Functional Javascript - це 2 моїх улюблених.
Просто, щоб викинути більше ресурсів, перевірити RaphaelJS . Це дуже приємна бібліотека малюнків та анімації SVG, яка має приємний API. Не забудьте перевірити демонстрацію.
Загалом, я б рекомендував <canvas>теги за прямі маніпуляції з DOM (наприклад, зробити кожен спрайт власним, <div>щоб зробити тестування хітів просто вражаючим). Легко отримати маніпуляції з DOM неправильно та погано виконати, тоді як традиційні стратегії розвитку 2d добре працюють на HTML-полотні.
Окрім деяких фреймворків для ігор, які там знаходяться, вам слід знати про Burst Engine, який є JS-рамкою для відображення анімації на основі SVG в HTML5-полотні:
Поки я бачив, як люди згадують про теги та теги, але є й інші речі DOM, які є життєво важливими для розробки ігор JS / HTML, включаючи такі речі, як додавання виклику EventListener до елемента для таких речей, як події 'mousemove' та 'mousedown'. Наприклад, цей беруть перший елемент полотна, який він може знайти, і налаштовує його так, що при натисканні на полотно він викликає функцію, яку ви визначили під назвою "shootAtClick":
document.getElementsByTagName ("CANVAS") [0] .addEventListener ('mousedown', shootAtClick, false);
Ви можете бачити це в цьому прикладі, коли я розширив двигун Akihabara, щоб прийняти базове управління мишею. (Для початку натисніть Z, для переміщення використовуйте клавіші зі стрілками, клацніть мишкою, щоб стріляти в напрямку курсору.)
Знання, які компоненти HTML5 підтримуються в яких браузерах.
Незважаючи на те, що сумісність між веб-переглядачами стає все кращою та рівномірнішою з часом, деякі нові компоненти все ще не підтримуються повністю однаково.
Локальне зберігання даних може мати деякі специфічні відмінності браузерів, а також для підтримки старих версій ви напевне будете потребувати бібліотеці , такі як jStorage або YUI Storage Lite .
Веб-сокети також можуть мати специфічні відмінності для браузера, але socket.io виглядає як багатообіцяюча бібліотека, яка забезпечує зручну абстракцію.
Аудіо сумісність - це досить важливий компонент, який вимагає різних звукових файлів для різних браузерів: http://html5doctor.com/native-audio-in-the-browser/
У Chrome є кілька істотних помилок аудіо, наприклад , неможливість відтворення коротких аудіофайлів , а відтворення багатьох одночасних звуків може призвести до збою всього браузера.
Головне - зрозуміти відмінності веб-переглядача, використовуючи бібліотеки для абстрагування та надання необхідної підтримки.
HTML та JavaScript - це чесно досить погані платформи для розробки ігор, але це не має значення, поки ви не зважитеся на якусь гру. Відповідь кардинально відрізнятиметься від шутера від першої особи, RTS або головоломки.
Зауважте, що ви починаєте отримувати розпливчасті відповіді, коли махаєте рукою, відбиваючи випадкові технології, які здаються акуратними. Це попереджувальний знак, що ви не ставили запитання з особливо законною відповіддю.
Ви також можете запитати, які C ++ речі вам потрібні для написання програм. Це залежить. Розкажіть нам більше про проект, і ви можете отримати корисну відповідь.
Загалом, є причина, що майже всі веб-ігри все ще є Flash.