Игровой движок Cocos Creator / Создание 2Д игры
Не так давно появился игровой движок Cocos Creator. Этот движок известен за счет сверх популярного фреймворка Cocos2D. В ходе статьи мы рассмотрим основы движка и разработаем 2Д игру на его основе.
В статье мы вместе с вами познакомится с новым игровым движком, что, скорее, не станет заменой привычных движков по типу Unity или Unreal , но сможет составить неплохую конкуренцию для движка Godot и для создания простых проектов на различные виды устройств.
Немного информации
Сперва давайте узнаем немного информации про движок и его возможности.
Давным давно был разработан фреймворк Cocos2D. Фреймворк был написан на основе языка Objective-C и использовался для разработки мобильных проектов, в частности игр. Он стал невероятно популярным, так как предоставлял возможности для построения игр под разные платформы.
На сегодняшний день, помимо фреймворка, компания выпустила отдельный движок, что получил название Cocos Creator.

Cocos является кроссплатформенным движком для построения игр под мобильные платформы: по типу Андроид и iOS, а также под ПК и веб. Движок бесплатный, легкий в использовании и обладает всеми необходимыми функциями для разработки полноценных проектов.
На движке уже было построено много проектов от крупных издателей игр. Разработка игр на движке происходит на языке JavaScript или же на TypeScript.
Установка Cocos Engine
Cocos полностью бесплатный и доступен как под Windows, так и под Мак. Установить движок можно с официального сайта . Для этого перейдите на вкладку Cocos Creator и скачайте последнюю доступную версию. На сайте потребуется сперва скачать Hub, а уже через него вы сможете скачать и установить движок.

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

Внешний вид
Движок очень схож по дизайну с Godot, а также Unity. Если ранее вы уже работали с игровыми движками, то большая часть окон вам уже знакома. Слева вверху у нас иерархия всех объектов, что есть на игровой сцене. Чуть ниже вкладка, где представлены все файлы вашего проекта. По центру отображается как будет выглядеть ваша игра, а чуть ниже окно для предпросмотра всяческих файлов в проекте. Справа находится вкладка со всеми свойствами определенного объекта.

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


Дальнейшая полная разработка описана в видео формате ниже:
Полезные ссылки:
- Официальный сайт Cocos ;
- Ссылка на скачивание готового проекта из видео.
Дополнительный курс
На нашем сайте также есть углубленный курс по изучению игрового движка Unity . В ходе огромной программы вы изучите не только движок Unity, но также научитесь писать консольные и интерфейсные программы на языке C#. Также вы изучите сам движок Unity, включая создание 2D и 3D игр, а также игр и приложений с дополненной реальностью.
Больше интересных новостей
Как монетизировать web-проект: 6 рабочих моделей
10 крутых игр для программистов – многие о них даже не слышали!
ТОП-7 онлайн профессий в 2023 году
Страны, где разработчики зарабатывают лучше всего
Cocos Creator
Месяц назад китайцы зарелизили Cocos Creator. Что это такое? Это как Unity3d, только с 2-мя симками и телевизором. И бесплатно.

Удивительно, но эта довольно значимая новость для разработчиков игр на хабре осталась незамеченной.
Сейчас я исправлю это недоразумение и кратко расскажу про Cocos Creator (если совсем кратко это надстройка над Cocos2d, повторяющая редактор Unity).
Китайцы скопировали все. Редактор сцен, иерархии, инспектор объектов, в общем кто работал в Unity разберется во всем довольно быстро. Даже в документации написали что именно чему в Unity соответствует ( 9:07 на видео ). Так же реализован компонентно-ориентированный подход.

Список игр сделанных на Cocos впечатляет, есть хиты которые вы наверняка видели в топах. Естественно все они были сделаны без Cocos Creator. С новым редактором движок будет будет еще привлекательнее.
После беглого ознакомления с движком (покрутил его буквально полчаса и собрал тестовые сцены на iOS/Android) могу сказать, что китайцы молодцы. Очень впечатляет. В сравнении с Unity — у Unity основные козыри — кроссплатформенность, Asset Store, большое комьюнити. У Cocos Creator — кроссплатформенность сопоставима ( десктопы / мобильные, под веб есть еще HTML5, что по мне так большой плюс для азиатских рынков, но нет компиляции под приставки), есть некий аналог Asset Store — там представлены некторые рекламные платформы и аналитика, но в целом пока довольно грустно. Комьюнити — пока очень маленькое по сравнению с Unity.
К плюсам Cocos можно отнести более высокую скорость компиляции проекта под веб и (субъективно, тесты не делал) скорость выполнения. По крайней мере могу подтвердить слова из этого поста о том, что Unity 5 генерит тормозной код для Android. Проекты скомпиленные под Unity 4 работают быстрее и без просадок FPS, в отличие от переведенных на Unity 5.
Ну и самый большой плюс — открытый код и бесплатность. На фоне Unity, который мало того что стоит 4500 на 1 разработчика (Pro + iOS + Android), плюс подписка на Cloud Build 25 баксов в месяц, тут все бесплатно. У кого все куплено вряд ли будут переезжать, но начинающие могут рассмотреть этот редактор.
Поддержку C++ обещают сделать в июле. Пока, к сожалению, её нет. Тогда же обещают полноценный Asset Store ( Editor extension market в их терминологии ).
В общем думаю что Cocos Creator составит конкуренцию Unity и UE4, по крайней мере в разработке 2d игр. А своей ценовой политикой возможно заставит пересмотреть ценник на Unity.
Introduction to COCOS2D Game Development and evolution to COCOS creator 3.0
![]()
Cocos has had extraordinary accomplishments with PC and versatile games with its 2D game motor. Presently it is taking the open-source programming to the third measurement with Cocos Creator 3.0, and most of the COCOS2D Game Development Companies in Bangalore India are using the same technology to develop the COCOS Game.
Cocos is remembering it’s first just for one 3D motor and supervisor with the new arrival of the Cocos game motor, which follows its underlying foundations back 10 years to Cocos2d-x. Cocos has been utilized by more than 1.4 million designers to date, and more than 100,000 games in the application stores use it. Cocos has attempted to assemble 3D instruments previously, however it resembled adding something onto a high rise.
Cocos Creator is an open-source and adjustable 2D/3D game motor with a free manager that assists engineers with building their games with hub segment structure utilizing TypeScript, a well-known apparatus for building Javascript applications.
Aside from distributing games to the conventional stages like iOS, Android, Windows, and Mac OS X, Cocos Creator likewise empowers game designers and Game Development Companies are into constructing their games and applications for more than 20 distinct stages, including HTML5, TikTok, and WeChat. People can make games for moment gaming stages from significant telephone organizations, including OnePlus, Xiaomi, Huawei, and Samsung.
Luke Stapley, an abroad advertising chief for the organization, said in an email to Games Beat that the introduction to 3D is a major advance for the organization, as its past endeavors have zeroed in on 2D games.
Cocos is the overseer of Cocos2d-x, the biggest open-source game motor, which devs essentially use to make portable games. It contends with Unity Technologies Unity 3D motor, which has had an emphasis on 2D and 3D since its starting points. With the expansion of 3D, Cocos will likewise rival Epic Games Unreal Engine at the high finish of game turn of events, also the Best Game Development Companies, that utilize in-house motors. In the 3D for HTML5 space, PlayCanvas is a contender.
Major COCOS2D Game Development Company has effectively utilized Cocos Creator to fabricate stunning games. These incorporate Ubisoft, FunPlus, Square Enix, and Tencent.
Presently Cocos is imparting this update to a huge number of game and application engineers everywhere in the world so they can utilize 3D. Designers can download this update here utilizing the Cocos Dashboard.
“We have had numerous designers requesting 3D, and with how the game business has been moving towards 3D in versatile games, we need to help more engineers,” Stapley said. “We’ve generally been a portable and HTML5 based organization, so we need to help both our Chinese and worldwide designers. We as of now have had a couple of games by DxGameStudio be delivered with our underlying adaptation, ‘Cocos Creator 3D’ that was just situated worldwide. Their help and interest have helped push us to push ahead with the change.”
The 3D update incorporates a resources framework with improved help for large undertakings and monstrous resources. It has a game substance creation device including chain of command the board, resource the executives, scene editorial manager, movement proofreader, fabricate board, resource pickup, hubs, and resources channel, and that’s only the tip of the iceberg.
It additionally has an inherent light guide preparing instrument. What’s more, it has an editorial manager expansion framework, absolutely modularized, unadulterated message-driven combined 2D and 3D render pipeline that adjusts adaptability and execution. The updates additionally have 3D resource support for glTF2.0 and FBX, from both open-source and business resource developers. It has truly based light, camera, and material for full PBR delivery; And it has present-day designs API (Vulkan and Metal) support with programmed fallback to OpenGL ES3.
The motor has a 3D molecule framework for complex special visualizations, a 3D physical science module with different physical science backend motors including lightweight cannon.js, and Web Assembly from slug physical science.
Conclusion
You can utilize the motor to distribute games across stages, including Mac, Windows, iOS, Android, HTML5, and moment gaming stages. It incorporates support for new Apple gadgets with M1 CPUs and NPM module support. Most of the COCOS2D Game Development Companies are utilizing these technologies for the updated and best visual experience for the player.
Cocos creator что это

Панель Ресурсы (Assets) может отображать структуру каталогов любой иерархии. Значок типа
представляет собой папку. Нажав значок треугольника в левой части папки, вы можете развернуть содержимое папки. После полного разворачивания папки, панель Ресурсы (Assets) будет выглядеть так, как показано ниже.

аудио-документ, который обычно является mp3-файлом. Звуковые документы jump (прыжок) и score (очки), будут воспроизводиться соответственно, когда персонаж прыгает и получает очки.
растровый шрифт, который совместно формируется шрифтом и png-документом. Растровый шрифт является широко используемым ресурсом шрифтов в разработке игр. Для получения подробной информации, пожалуйста, прочитайте Шрифт- Существуют различные виды сокращенных значков, все из которых представляют собой ресурсы изображения, обычно это документ png или jpg. После импорта в проект документ изображения будет грубо преобразован в ресурс типа texture (текстура). Затем эти ресурсы можно перетащить в сцены или свойства компонентов для использования.
- Изображения сцены и слова (Sprite, Label)
- Персонажи
- Скрипты игровой логики прикрепленные к узлам сцены в форме компонентов
- Щелкните на каталоге assets на панели Assets, убедившись, что сцена будет создана в этом каталоге
- Щелкните значек плюсика в верхнем левом углу панели Assets и выберите Scene во всплывающем меню

- Мы создали документ сцены под названием New Scene (Новая Сцена). Щелкните правой кнопкой мыши и выберите Rename (Переименовать), чтобы переименовать ее в game .
- Дважды щелкните на сцене game , и она будет открыта в scene editor (редакторе сцены) и в Node Tree (Дереве Узлов).