ct.js — движок для разработки 2D игр без гемора (но с котиками!) / Утилиты / Форум / Проекты / GameDev.ru

ct.js — движок, который делает изучение программирования интересным занятием, а разработку — лёгким делом. Всё благодаря его визуальным инструментам, встроенным докам и туториалам, а также благодаря гибкой модульной библиотеке.

Сайт • Github • Релизы • itch.io • Дискорд (EN) • Дискорд (RU) • Форум (EN)

В последний раз этот пост обновлялся для версии 2.0.2

Мои игры на этом движке (часть старая, когда ещё WebGL не было).
С WebGL и достойные внимания: CoMiGo and the Vacation of Fusions, Welcome to the VOID, Everyone is Afraid to be Forgotten.

Игры на ct.js на итче

Описание движка

+ Показать

− Скрыть

Полнофункциональная IDE с собственным фреймворком, основанном на рендер-движке Pixi.js v5.

Лицензия — MIT (опенсорс, бесплатно, без подводных камней и чего такого)

Язык программирования — JavaScript

На чём работает IDE — Windows, Linux, Mac OS.

На что экспортируются проекты — Веб, Windows, Linux, Mac OS, Android.

Технологии для создания IDE — nw.js, Riot.js v3, Pug, Stylus, TypeScript, Gulp, и что по мелочи.

Жизненный цикл проекта — давно в продакшне и продолжает развиваться.

Очевидные крутые точки — свобода кодинга, визуальный редактор сложных эффектов частиц, экспорт без гемора, встроенные оффлайн-доки, всякие библиотеки для классных визуальных эффектов и не только. Ещё в двиге много котиков.

Очевидные болевые точки — старый редактор комнат (его полная переделка в планах, есть наработки), нет встроенного редактора спрайтов (бэклог).
Для не-англоговорящих: перевод доков давно просрочен, русское комьюнити почти отсутствует по сравнению с международным (и gamedev.ru — один из способов это исправить).

Редактор комнат, вместе с редактором кода — сердце проекта; и если с кодингом всё хорошо, то редактор комнат точно страдает от аритмии и вообще на ладан дышит. В новый редактор комнат хочется много всего крутого добавить. Старый просто меинтейнить сложно уже (он на голом Canvas2DContext написан), но создание нового — процесс трудоёмкий.

Языки интерфейса:

👎 66% Brazilian Portuguese.json
😕 75% Chinese Simplified.json
👎 59% Dutch.json
👎 57% French.json
👎 56% German.json
✅ 92% Japanese.json
🆘 45% Polish.json
🆘 36% Romanian.json
💙 100% Russian.json
👎 63% Spanish.json
💙 98% Turkish.json

Скриншотики

+ Показать

Зачем ещё один движок

+ Показать

− Скрыть

Наверное, большая часть движков создаётся с великими надеждами, розовыми очками и всем таким. Мой движок создался из-за того, что однажды меня дико бомбануло с других продуктов.

История ct.js, на самом деле, очень длинная (9 лет???), но если говорить о том периоде, когда он стал конкретным продуктом, а не поделкой-развлечухой, он создавался для решения следующих задач:

Восполнить нишу удобных бесплатных опен-сорс игровых двигов, которые не только будут просты в изучении, но и которые смогут стать надёжным инструментом в будущем и будут готовы в решении любых задач в 2D игроделии. Любой 2D двиг спотыкается на чём-то из этого — кодинг в GDevelop ужасен и подходит только для простых проектов, Godot проигрывает по кривой обучения, YoYo требует огромного неочевидного бойлерплейта даже для того, чтобы подстраиваться под разные разрешения экрана и имеет другие лимиты в кодинге, и т.п.

Мэинстрим 2D движки серьёзно отстают от 3D движков в своём развитии. Это сказывается на кодинге, создании ассетов, визуале и т.д. Это надо было исправить.

Нужен был инструмент всё-в-одном, а не разрозненные фреймворки вроде Phaser. Создаётся такая среда, где от и до ведётся весь процесс разработки. Пока что это исключает создание сложных текстур и звуковых эффектов, конечно.

Нужна помощь в разработке (да)

+ Показать

− Скрыть

Очень хочется, чтобы все новые фичи в двиге были не догоняющими, а опережающими время. Конечно, есть поводы для хвастовства в сравнении с другими двигами, но также есть и пробелы, на заполнение которых нужны руки.

По большей части двиг делался в одно рыло, и это неправильно. Хочется сделать лучший двиг для 2D игр, и если вы хотите в этом помочь — присоединяйтесь.

Дисклеймер: проект некоммерческий; по крайней мере, значительного выхлопа сейчас с него нет.

Какие навыки нужны для разработки: JavaScript, опыт работы с Pixi.js и/или JS UI фреймворками. У нас используется для UI Riot.js v3, он очень похож на Svelte.
Для разработки интерфейса IDE используется на 97% Riot.js, остальные 3% — на Pixi.js, по мелочи. Логика пишется там же, плюс в отдельных модулях на JavaScript/TypeScript.

Какие ещё виды помощи нужны:

актуализация документации на русском языке. Сейчас она только для ранних первых мажорных версий двига, когда крайней считается вторая мажорная, что просто ужасно.

написание туториалов — в текстовой и видеоформе.

пиар и сарафанное радио — в этом я не силён, так чтоооо любая помощь в этом направлении приветствуется.

С кем связаться: со мной :D
Не пишите тут или в личку. Я не могу гарантировать, что буду чекать этот форум.
Напишите в дискорд, CoMiGo#1234
В телеге я @CoMiGo
Ещё можно писать прямо в Github Issues.

flint2
Забанен

#1
(Правка: 13:21) 12:47, 1 апр 2022

CoMiGo
Симпатично!
Понравилось что на Pixi - всё знакомо.
CoMiGo

Очевидные болевые точки — старый редактор комнат (его полная переделка в планах, есть наработки),

Можно как плагин встроить Tiled. https://www.mapeditor.org/ Есть экспорт в json, да и непосредственный экспорт можно сделать.
Во многих средах разработки так делают. Как пример: https://defold.com/ https://defold.com/assets/

+ Показать

− Скрыть

Для тех, кто привык на LUA сценарии писать, то можно встроить https://fengari.io/
https://github.com/fengari-lua/fengari
Правда кому нужно, сам без проблем встроит.

Какой глубокий смысл заложен в том, что русскоговорящий пишет описания на аглическом, для того чтобы русскоговорящий читал эти хелпы?

CoMiGo / CoMiGo Game
Пользователь

#2
8:32, 2 апр 2022

flint2
> Можно как плагин встроить Tiled. https://www.mapeditor.org/ Есть экспорт в
> json, да и непосредственный экспорт можно сделать.
> Во многих средах разработки так делают.

Спорный вариант. Да, tiled крут, как и ldtk, но даже если полностью интегрировать их в процесс разработки в коте, будет ли он отображать всё так, как будет в игре? Реально ли будет в нём реализовать все фичи? Действительно ли у всех будет всё работать из коробки на каждом линуксе и остальных? Что насчёт модулей со стороны кота? А ручками ведь заколебёшься туда-сюда уровни таскать да конфиги синхронизировать.

flint2
> Какой глубокий смысл заложен в том, что русскоговорящий пишет описания на
> аглическом, для того чтобы русскоговорящий читал эти хелпы?

Не понял, это к чему @_@

flint2
Забанен

#3
(Правка: 2:45) 1:45, 3 апр 2022

CoMiGo / CoMiGo Game

будет ли он
Реально ли будет

Если не попробовать - не узнаешь.
Просто подумал, что довольно затратно по времени будет такое делать.
Если делать круче, то этим отдельно надо заниматься, а так никаких особых трудозатрат не надо.
Просто надо подтянуть своё до этого уровня, чтобы диссонанса не было.

+ Показать

− Скрыть

Не понял, это к чему @_@

К тому, что я работал пять лет в Лондоне (2000-2005), а жил и того больше и некоторые строчки в хелпе ухо режут.
Warum nicht auf Deutsch?
На какую аудиторию рассчитано?
Это фишка такая , на русском не комильфо?

Если интересно, то могу написать замечания по интерфейсу.
Когда сам делаешь - привыкаешь и глаз замыливается.
Всё должно быть очевидно - обкатывать надо.

+ Показать

− Скрыть

Когда я выложил свою поделку на форум писателей, то через год от исходной ничего не осталось.
Причём пришлось кардинально менять не только интерфейс, но и функционал.
Как будто две разные программы. ))

Повторюсь - общее впечатление хорошее, но мясо не прожарено.
Не то что стейк с кровью, просто кусок мяса без какой либо термической обработки.
Но кусок мяса хороший - конфетку можно сделать!

flint2
Забанен

#4
23:21, 3 апр 2022

Действительно ли у всех будет всё работать из коробки на каждом линуксе и остальных?

Проверил. Мин нет! (оно и так было заточено под мульти).
Нет кнопки экспорта в html, во всяком случае не очевидно.
....

CoMiGo / CoMiGo Game
Пользователь

#5
11:23, 17 апр 2022

Warum nicht auf Deutsch?
На какую аудиторию рассчитано?
Это фишка такая , на русском не комильфо?

Я на английском разговариваю довольно свободно, всю жизнь обращался к англоязычным источникам. Любой продукт у меня сначала на английском. С возможностью локализации, но на английском.
Основная аудитория именно англоговорящая (далее португальский).
Делать русскую доку — дополнительные затраты времени ради ничего (по крайней мере, при текущем раскладе дел).

Не то что стейк с кровью, просто кусок мяса без какой либо термической обработки.
Но кусок мяса хороший - конфетку можно сделать!

е❤ть вдохновляет на дальнейшую работу (нет).

Если не попробовать - не узнаешь.

Нет, этот вопрос был риторический. Это путь костылей и велосипедов, если вообще рабочих решений.

CoMiGo / CoMiGo Game
Пользователь

#6
11:29, 17 апр 2022

Тем не менее, апдейт.

v2.0.2 — Куча исправлений для v2, обновления переводов для китайского и турецкого языков.

Список изменений (машинный перевод)

+ Показать

− Скрыть

✨ Новые функции

Внутреннее: два служебных CSS класса для изменения курсора на определенных элементах.

⚡️ Общие улучшения

Добавлена доп. кнопка закрытия в селектор ресурсов, если для него определено действие отмены. Также добавляет пример шаблона кнопки «закрыть» внутри модальных окон в книгу стилей CSS.
Добавлены типы Typescript в объект Window и в глобальный объект (setTimeout и co, atob, btoa и т. д.)
Поддержка ct.pointer в ct.vkeys
Не показывать наполнитель «здесь ничего нет», если средство просмотра активов должно отображать опцию «нет»
Переместить модули узлов частиц в ту же папку, что и тандемы; применять проверки типов для эмиттеров и тандемов по умолчанию; добавьте отсутствующее свойство uid в тандемы эмиттеров.
Настроить продолжительность анимации пользовательского интерфейса; добавить тонкую анимацию в большинство модальных диалогов
Обновление китайских упрощенных переводов (#335 от @emaoshushu)
Обновите турецкий перевод. 100% охват благодаря Sarpmanon.js!

🐛 Исправление ошибок

🍱 Исправить остановку музыки на третьем уровне демоверсии Lab Raid. Спасибо mugeen за обнаружение проблемы и ее источника.
Изменение скорости копии с нуля должно повторно использовать сохраненное направление (zeroDirectionAccessor). Закрывает #334
Исправить стили ввода ресурсов, влияющие на группы кнопок глубже в его дереве.
Исправление неработающих завершений кода с учетом проекта
Исправьте ct.place.moveAlong (который также является this.moveContinuous для копий), используя значения направлений v1 и неправильно обрабатывая последний бит пути.
Исправьте ct.pointer, не записывающий pointer.PrimaryKey, pointer.SecondaryKey в систему действий.
Исправьте селектор ресурсов, применяющий стили к большему, чем должно быть. Исправлена ошибка, из-за которой редактор групп внутри моделей выбора активов был чертовски большим.
Исправлена ошибка, из-за которой селектор ресурсов неправильно регистрировал клики на фоне своего модального окна.
Исправлено использование несуществующих методов ct.place в ct.pointer.

🌐 Сайт

:zap: Обновить список функций в пресс-ките

Скачать с itch.io
Скачать с гитхаба
Скачать с офф. сайта

Valerich
Участник

#7
2:54, 24 июня 2022

Даешь визуальный скриптинг для ct.js! Может быть больше демок. Но главное визуальный скриптинг!:)
Или его и не будет никогда?

CoMiGo / CoMiGo Game
Пользователь

#8
16:12, 24 июня 2022

Valerich, в краткосрочных планах сейчас доделать фреймворк для кучи событий (готов функционал для непараметризируемых событий; игры компилятся на этой системе, но главной целью являются именно параметризируемые события). После — новый редактор комнат (есть старые наработки, UI-макеты), и только потом визуальный скриптинг (есть макеты, описание функционала; 0 кодовых наработок).

Если есть возможность ускорить весь этот процесс — прошу к нам в дискорд.

Valerich
Участник

#9
17:26, 24 июня 2022

CoMiGo / CoMiGo Game с кодом наверное не помогу - могу помочь потом с сообществом. В вк например:) Перетянуть не мало людей на ct.js с движка сообщества у Gdevelop. При наличии визуального программирования у ct.js, или его начала заложенности или же начального функционирования. Еще какой смысл есть сделать визуальный скриптинг! Радует то, что у вас локальные сборки есть. Работает все довольно шустро. Одним словом буду следить за развитием - это и в моих интересах уж точно.