Які хороші бібліотеки JS для ігрових розробників? [зачинено]

Якщо я вирішу написати просту гру як текстової, так і графічної (2d), які бібліотеки я б використовував? (Припустимо, ми використовуємо браузер, сумісний з HTML5)

Основні речі, про які я можу придумати

• Відображення тексту на екрані
• Анімаційні спрати (з використанням зображень / css)
• Введення (захоплення клавіш зі стрілками та отримання відносних позицій миші)
• Можливо, якийсь ресурс попередньої завантаження або динамічно завантажується ресурси та вибирається замовлення
• Звук (але я не впевнений, наскільки це буде важливо для мене спочатку). Можливо, зі змішуванням та прив’язуванням звуків чи циклічністю назавжди до зупинки.
• Мережа (низька пріоритетність) для підключення користувача до іншого або для постійного отримання даних без багаторазового запиту (я знаю, що це існує, але я не знаю, наскільки це легко налаштувати або використовувати. Але для мене це не важливо. Це для питання).

jQuery та MooTools - чудові бібліотеки JavaScript; Я більше віддаю перевагу jQuery. Будь-хто з них допоможе вам у розробці ігор JS, якщо ви використовуєте DOM. Якщо ви перейдете з візуалізацією Canvas, я все ще думаю, що вам слід скористатися однією з цих бібліотек, але вам потрібно буде вивчити функції Canvas. Ось підручник, який знайомить вас із полотном, створюючи клон Breakout, тож це може бути саме та річ, яку ви шукаєте (і для цього використовується jQuery).

Анімація спрайтів - це питання зміни src зображення або попереднього завантаження декількох зображень та заміни їх, або на полотні, просто малюючи кадри анімації. Вищезазначені бібліотеки можуть допомогти у будь-якому з цих випадків. Бібліотеки також допомагають у введенні даних (вивчайте такі події, як onkeypress та onmousemove).

Щодо попереднього завантаження ресурсів, мені здається, деякі ігри, в яких використовується одне зображення «спрайта аркуша» ( ось ця для гри Pacman Google ). Я вважаю, що вони в основному створюють DIV одного розміру плитки, при цьому властивість CSS background-image встановлюється на спрайтовому аркуші, а властивість background-position встановлюється на зміщення плитки на аркуші спрайту. Я не бачив бібліотеки, яка б це зробила для вас, але jQuery або MooTools можуть допомогти вам, наскільки динамічно створювати DIV і маніпулювати його CSS. В іншому випадку попередня завантаження зображень - це створення <img>тегів зображень, які ви хочете завантажити, а не додавання їх на сторінку (або додавання їх невидимим чином). Ось допис у блозі який містить код для функції, що використовує jQuery для попереднього завантаження зображень для вас.

SoundManager 2, здається, є звуковою бібліотекою JS; Я знаю, що Вантія використовує це, і Pacman від Googleвикористовував щось подібне (або, принаймні, таку саму техніку, використання прихованого файлу Flash на сторінці для відтворення звуків).

Для мереж jQuery може працювати з AJAX для вас, або якщо ви хочете набагато більше мереж у режимі реального часу (і для цього потрібен сервер), загляньте в розетки JavaScript . Я не знаю, чи є там стабільна бібліотека, але ви можете заглянути в це чи це . По суті, він використовує прихований файл Java або Flash на сторінці, щоб ви могли здійснити справжнє спілкування сокета з JavaScript, що набагато швидше, ніж опитування AJAX і трохи ефективніше, ніж "AJAX Push" . Однак, швидше за все, AJAX Push буде тим, що ви хочете, а APE (Ajax Push Engine) - це, ймовірно, бібліотека, яку слід використовувати.

Також тут йдеться про технічну розмову Google про "Створення ігрового двигуна на основі JavaScript" для Інтернету " . Це виглядає акуратно.

Коли я деякий час тому я оцінював двигуни JavaScript, улюбленим був Crafty:

http://craftyjs.com/

Було розкрито варіанти, які мені довелося розглянути, і деякі інші, які мені сподобалися, були:

http://easeljs.com/

http://www.limejs.com/

http://code.google.com/p/casualjs/

(Між іншим, інший варіант, який спочатку виглядає досить гладко, - це http://impactjs.com/, але, враховуючи, що це коштує грошей, а інші варіанти, на які я дивився, були двигунами з відкритим кодом, були деякі яскраві упущення, наприклад, неможливість приєднання елементів дисплея до герархія.)

UPDATE: Пройшов майже два роки з тих пір я відправив цю відповідь , і ситуація дещо змінилася (це є зароджується областю технології.) Хоча Лукавий ще великий вибір, в минулому році EaselJS підняв великий імпульс (особливо зважаючи на те, що Adobe стрибнув на поїзді EaselJS .) Я перейду до цього інструменту для майбутніх проектів (також зауважте, що у нього є новий веб-сайт )

Двигун Effect Games (javascript) є фантастичним для 2d-ігор на основі плиток / спрайтів. Веб-сайт не дуже добре описує те, що в ньому так чудово, але як тільки ви перекопаєтеся у відмінній документації, ви побачите, наскільки це було покрито для вас:

• спринт
• виявлення зіткнення
• редагування рівня
• управління активами
• аудіо
• введення та управління
• створення і управління набором плиток
• нашарування
• анімація
• продуктивність (блокування кадрів)
• крос-браузерна підтримка та абстракції
• хостинг
• вбудовування
• Підтримка HUD

Я справді не можу надати вичерпного списку, оскільки він так повно представлений. Одне, чого не вистачає, - це можливість створювати ігрові меню та інтерфейс користувача (наприклад, менеджери обладнання тощо), але це нібито в списку todo.

Я підтримую 2-ігровий двигун, який називається JawsJS - http://jawsjs.com/

Джерело @ https://github.com/ippa/jaws

скелі:

• Читаний, задокументований код
• 12+ документованих прикладів
• Корисні конструктори, як Sprite (), SpriteSheet () та Animation ()
• Стани гри - окремі розділи вашої гри для кращого організованого коду
• Активи - Щелепи попередньо завантажать усі ваші активи до початку гри
• Не залежить від будь-якої іншої бібліотеки javascript
• Основується на уроках, отриманих за роки розвитку Chingu, ігрової лінійки Ruby

Вплив буде хворий! Просто погляньте на демо-гру, Biolab Disaster .

Останнім часом я сам займався деякими дослідженнями в цій галузі, тому дозвольте мені скопати 0,02 долара:

PlayN - це крос-платформна бібліотека від Google, яка збирає об’єктно-орієнтовану гру з Java на javascript / Flash / Android. Він буде обробляти JSON (AJAX), моделі даних, і має здорову семантику для оновлень та візуалізації. Дуже класні речі.

Обробка - це проста у користуванні бібліотека, яка орієнтована на дизайнерів та художників. Це виключно просте у використанні і може дати вам чудові результати. Я використовував версію Java для наукового моделювання, і це захоплення. 3D-сцени знадобляться WebGL, але 2D-сцени працюють без цього.

Three.js має кілька чудових демо-версій. Він вимагає WebGL, але результат здається того вартий. У Інтернеті також є декілька прикладів, що виходять.

Ось деякі інші елементи моїх особистих посилань, які стосуються WebGL:

• http://www.glge.org/
• http://scenejs.org/
• https://github.com/itsnotlupus/webgl-mmo
• http://www.c3dl.org/
• http://creativejs.com/

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

http://rocketpack.fi/, здається, щось з'являється.

Ще одна, яку я нещодавно з великим інтересом розглядала, - це CreateJs . Це колекція бібліотек з відкритим кодом, щоб включити ...

• EaslJs: Html5 Canvas Helper
• Помічник анімації TweenJs
• SoundJs: Sound
• PreloadJs: завантаження та управління активами

Додатково це EaslJs добре грає з Box2D JS

Плагіни Pixie

Творці Contrasaurus випустили багато своїх окремих компонентів !!!

Вони мають код для перетворення матричних перетворень , абстракцій полотна та багатьох інших цікавих речей.

Їх код великий, а їх бібліотеки справді корисні.

Impact JavaScript Game Engine для iOS виглядає перспективно. Посилання показує демонстраційну версію, але вона ще не була випущена.

Дивно, що про бібліотеку закриття Google не згадували. Він має величезний API, дозволяє більше об'єктно-орієнтованого стилю кодування та має компілятор.

Поки що я використовував лише компілятор, але я планую якнайшвидше вивчити відпочинок.

Я зазвичай використовую jawsjs тому що це дуже просто встановити і почати розробляти гру за лічені хвилини. У ньому є дуже багато корисних класів за замовчуванням (Tilemap, Viewport, Sprite та інші), які справді допомагають при розробці гри.

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

2D ігрові двигуни

• Cocos2D як правило, трохи модніше. Нещодавно тут і там на Stackoverflow вискакували питання Cocos2D.
• Вплив , ви можете побачити орієнтир, який працює на офіційному веб-сайті.

3D ігрові двигуни

Фонд Mozilla працює над 3D-ігровим двигуном на ім’я Paladin . Гадаю, це Mozilla.

Також є gameQuery, ігровий движок на основі jQuery. Має гідну документацію щодо їх API, а також декілька API звукових обгортків, на які вони посилаються на своєму сайті.

http://gamequery.onaluf.org/

Mozilla Gaming має список на своїх ресурсах . Він посилається на Diggy , який є ігровим двигуном DHTML, який я створив заздалегідь . Жива демонстрація тут!

Matrix.js добре, якщо ви хочете отримати матричні перетворення стилю Flash.

Том, тут, з Scirra, ми - команда з 2 чоловік, яка створила Construct 2, виробник ігор HTML5 . (Безкоштовна версія доступна)

Можливо, ви захочете розглянути такий двигун, як наш, оскільки він робить для вас велику кількість ніжок. Наприклад, зробити зіткнення в коді самостійно може бути дуже складно (подумайте, зіткнення полігонів). Все у вашому списку легко досягти за допомогою Construct 2.