Код для игры для сайта: 15 HTML5 игр с открытым исходным кодом

13 лучших игр с открытым кодом на Gamedev.js Jam 2022 / Хабр

В 2022 году в сообществе Gamedev.js прозвучал призыв делиться исходниками игр на GitHub. Подборку игр с открытым кодом представляем к старту курса по Fullstack-разработке на Python. Автор этого материала — основатель Enclave Games и конкурса js13kGames.

---

Возможно, вы уже слышали о конкурсе js13kGames, который начал историю в 2012 году. Помимо увлекательной задачи разместить ресурсы игры в zip-архиве на 13 килобайт, ещё одно требование — представить исходники в удобочитаемой форме на GitHub. 

Сообщество Gamedev.js также зародилось примерно в 2012 году, и со временем сосредоточилось на местных встречах и хакатонах, а еженедельный информационный бюллетень Gamedev.js публикуется с 2014 года. Призыв делиться исходниками прозвучал в 2022.

И на него ответили. Открыт исходный код 27 из 95 игр. Ниже вы найдёте 13 лучших по общим результатам работ. Тема этого года звучала как «RAW» (сырой):

1.

Поиски Аарона IV: Пока Моисея не было (Aaron’s Quest IV: While Moses Was Away)

• Играть

• Исходный код

• @jimbly

Рейтинги: #2 в общем зачёте, #2 — в номинации «Игровой процесс», #2 — в «Инновациях», #7 — в «Аудио».

Joep van Duinen: Игра кажется действительно стоящей. Много чего можно добавлять в неё, например, новые улучшения, карты/режимы (испытания на время для получения определённых предметов), возможно, здесь есть разные рабочие или улучшения для них, которые по мере прохождения игры делают их сильнее. Сделана по-настоящему простая игра, но она прекрасно работает, поздравляю! С интересом буду следить за её будущим.

2. Суши-мания (Sushi mania)

• Играть

• @jorge-frvr

Рейтинги: #9 в общем зачёте, #4 в номинации «Тема», #8 в номинации «Игровой процесс», и #8 — в «Графике».

Raptor9999: Увлекательный игровой цикл! Все неплохо сбалансировано, и управление работает очень даже хорошо. Я сам удивился, насколько хорошо смог нарезать нужные продукты, даже когда лента двигалась так быстро!

3. Оно не готово! (IT’S TOO RAW!)

• Играть

• Исходный код  

• @xem

Рейтинги: #12 место в общем зачёте, #1 в номинации «Тема», #2 в номинации «Децентрализация», и #3 в «Веб-монетизации».

Omhet: Эта игра рассмешила меня! Крайне инновационный подход к казуальному жанру. Думаю, Гордону это понравилось бы.

4. Режим .raw (.raw mode)

• Играть

• Исходный код

• @caiofov

Рейтинги: #14 в общем зачёте, #1 в номинации «Инновации» и #12 в номинации «Игровой процесс».

Johnonym: Эта игра имеет интересную и уникальную механику, которую определённо хочется изучать дальше. Возможность поменять местами любой бит упростила игру.

5. Пещеры голема (Golem Caves)

• Играть

• Исходный код

• @svntax

Рейтинги: #17 в общем зачёте, #3 — в номинации »Децентрализация» и #9 в номинации «Игровой процесс».

Photonstorm: Очень весело! Хотя мне бы хотелось, чтобы кирка работала намного быстрее, очень долго прорубать себе путь. Зато после очень прикольно собирать сокровища!

6. Доработка (UNRAWIFY)

• Играть

• Исходный код

• @Stiggstogg

Рейтинги: #18 в общем зачёте, #3 в номинации «Инновации», #6 в номинации «Веб-монетизация», и #12 в номинации «Тема».

J.C. Games: Мне нравится, что фичи добавляются по ходу игры!

7. Супер-простой симулятор салата (Super Simple Salad Simulator)

fig:

• Играть

• Исходный код  

• @piesku

Рейтинги: #24 место в общем зачёте, #6 в номинации «Тема» и #14 в номинации «Инновации».

Makritzaa: Мне понравилось! Получилось очень круто!

8. Чез RAW (Chez RAW)

fig:

• Играть

• Исходный код

• @thomasssaulay

Рейтинги: #26 место в общем зачёте, #8 в номинации «Тема».

Ardiam Games: Весёлая и экстравагантная небольшая игра! И спрайты очень милые. Правда, тяжело было убивать поросят. Отличная работа!

9. Суши Dou (Sushi Dou)

• Играть

• Исходный код 

• @Elfet

Рейтинги: #28 место в общем зачёте, #3 в номинации «Децентрализация»

Melky Pop: Какая милая игра! Я не понимал, как подавать тарелки, пока не прочитал инструкцию, думаю, что инструкции не помешали бы в самой игре. Игра начинается сумбурно и сложно, а клиенты в ней просто не хотят ждать!

10. Играй рок и забудь (Rock to forget)

fig:

• Играть

• Исходный код

• @Horncn

Рейтинги: #30 место в общем зачёте, #2 в «Аудио».

Caiofov: Хорошая игра! Тот факт, что в игре вы делаете кавер на песню, делает ее ещё лучше. Мне она показалась довольно трудной. Я хочу продолжать играть! Надеюсь на обновления в будущем!

11.

Беги (RunAWay)fig:

• Играть

• Исходный код  

• @gregwoodsfrontier

Рейтинги: #33 в общем зачёте, #13 в «Графике».

Heru: Мне понравился арт и анимация на стартовом экране. Хорошая работа.

12. R.A.W.-бол (R.A.W. Ball)

• Играть

• Исходный код 

• @tpwatson

Рейтинги: #36 в общем зачёте, #7 в номинации «Децентрализация», #8 в «Веб-монетизации», #9 в номинации «Аудио», и #13 в номинации «Графика».

BuyMyBeard: Мне понравилась визуальная составляющая игры, интро и главная тема.

13. Веб-шутер Raw Ascii (RAWS: a Raw Ascii Web Shooter)

• Играть

• Исходный код

• @fdadeau

Рейтинги: #41 место в общем зачёте.

Dashing Strike: Это действительно крутая игра! Играл довольно много раз, удалось набрать 4600 очков. И… увидел комментарий о том, что кто-то прошёл игру полностью, так что пришлось снова играть, пока и я этого не сделал. Мне очень нравится ASCII-графика, хотя она определённо не похожа на эмулятор терминала. Здорово получилось создать настроение. Звук тоже хорош!

---

Это всё! Не забудьте проверить всю коллекцию на itch.io, если хотите увидеть другие игры. Мы надеемся, что на Gamedev.js Jam 2023 будет ещё больше игр с выложенным на GitHub исходным кодом. Не забудьте присоединиться к itch.io, чтобы не пропустить мероприятие!

Хотите стать частью сообщества? Подписывайтесь на @Gamedevjs в Twitter и присоединяйтесь к нашему серверу в Discord. А мы поможем прокачать ваши навыки или с самого начала освоить профессию, востребованную в любое время:

• Профессия Fullstack-разработчик на Python

• Профессия Data Scientist

Выбрать другую востребованную профессию.

Grid Garden, Elevator Saga и другие / Хабр

В детстве мы постигаем премудрости жизни через игру. Это важнейший элемент развития личности, социальных навыков, получения знаний об окружающем мире. Игры — хороший «контейнер» для донесения и закрепления каких-либо знаний. Яркий пример — игры, в которых нужно писать код. Наверняка все вы о них слышали, а в некоторые даже играли. Их первичная задача — развлечь людей, уже владеющих навыками программирования, но они могут использоваться и для обучения. Эти игры помогут освежить свои знания по тому или иному языку, отвлечься и заняться более простой алгоритмической задачей.

Grid Garden

http://cssgridgarden.com/
Язык: CSS

В этой незатейливой игре с несколько инфантильным интерфейсом нужно с помощью CSS-кода поливать полезные растения в огородике. Доступно 28 несложных для прохождения уровней.

Elevator Saga

http://play.elevatorsaga.com/
Язык: JavaScript

Если вы мечтали создавать алгоритмы для лифтов (а в реальности это весьма интересная и сложная алгоритмическая задача), то Elevator Saga — отличная песочница. Здесь абстрактно представлено здание из нескольких этажей и лифты, перевозящие людей. Нужно запрограммировать движение лифтов так, чтобы перевезти определённое количество пассажиров за указанный срок. По мере прохождения уровней увеличивается этажность и поголовье лифтов, а условия становятся строже.

CheckIO

https://checkio.org/
Язык: JavaScript, Python

Наверное, эта игра всё же ближе к обучающим, но и «уже обученным» программистам она тоже будет интересна. К тому же здесь очень приятная графика. С помощью кода нужно исследовать острова и решать различные задачи.

CodinGame

https://www.codingame.com/
Язык: C, С#, C++, Java, JavaScript, Python, Python 3, Bash, Clojure, Dart, F#, Go, Groovy, Haskell, Lua, Objective-C, OCaml, Pascal, Perl, PHP, Ruby, Rust, Scala, Swift, Swift 3, VB.NET

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

CodeWars

https://www.codewars.com/
Язык: Clojure, C, C++, C#, Crystal, Dart, Elixir, F#, Go, Haskell, Java, JavaScript, PHP, Python, Ruby, Rust, Shell, SQL, Swift, TypeScript

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

CSS Diner

https://flukeout.github.io/
Язык: CSS

Простенькая игра, позволяющая освоить (или освежить) азы CSS.

Untrusted

https://alexnisnevich.github.io/untrusted/
Язык: JavaScript

Приключенческая игра с олдскульной символьной графикой. Вам даются текстовые задания, которые нужно решить — внимание! — с помощью кода на JavaScript. Как неожиданно!

CodeHunt

https://www.codehunt.com/
Язык: C#, Java

Игрой это можно назвать весьма условно. Вам предлагается кусочек кода, нужно найти в нём ошибку и исправить. Большая круглая кнопка посередине вверху запускает проверку.

CodeCombat

https://codecombat.com/
Язык: Python, Java, CoffeeScript, Lua

В принципе, это игра больше обучающая, но пойдёт и знающим программистам. Сделана она в стиле RPG, с помощью кода нужно управлять персонажем и достигать поставленных целей.

Screeps

https://screeps.com/
Язык: JavaScript

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

TIS-100

http://www.zachtronics.com/tis-100/
Язык: ассемблер

Это игра с открытой концовкой. В ней нужно переписывать испорченные куски кода на ассемблере, чтобы восстановить TIS-100 и раскрыть его секреты.

Знаете другие игры для программистов? Кидайте ссылки в комменты.

Игры по программированию для изучения Python и JavaScript

Наша инновационная технология обучения на основе игр изменила способ обучения студентов программированию.

• Игровое обучение

• Текстовое кодирование

• IMPACT Студент

Игровое обучение

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

Текстовое кодирование

custom_code_engine_blurb»> Наш движок и интерпретатор пользовательского кода предназначен для начинающих и позволяет обучать настоящим языкам программирования Python, JavaScript и C++ с использованием понятных для начинающих терминов.

Student Impact

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

Ozaria Classroom

Ozaria — это наша новая приключенческая игра и готовое решение для обучения информатике. Наши __слайды__ для учащихся и заметки для учителей упрощают и ускоряют планирование и проведение уроков.

Исследуйте Озарию

codecombat_classroom»> CodeCombat Classroom

Наша оригинальная игра учит реальным навыкам с помощью игры. Составленная учебная программа систематически основывается на опыте и знаниях учащихся по мере их прогресса.

Профессиональное развитие

Изучите навыки эффективного преподавания компьютерных наук с помощью нашего самостоятельного курса повышения квалификации, аккредитованного CSTA. Зарабатывайте до 40 кредитных часов в любое время и с любого устройства. Хорошо сочетается с Ozaria Classroom.

Узнайте больше о профессиональном развитии

Онлайн-классы CodeCombat Live

Наши онлайн-курсы кодирования сочетают в себе мощь игрового процесса и персонализированные инструкции, которые понравятся вашему ребенку. Доступны как частные, так и групповые варианты, это дистанционное обучение, которое работает.

Изучите онлайн-классы

CodeCombat AI League

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

Исследуйте AI League

__num__ миллион

Ученики

__num__ миллиард

Строки кода

140 000

Учителя

190

стран

66199

Страны

661919

global_subtitle4″> Страны

66. Ни один из них не соответствует CodeCombat и Ozaria. Любой учитель, который хочет, чтобы его ученики научились программировать… начните здесь!

Скотт Бэйли, Средняя школа Бобби Дьюка

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

Латтафон Похпон, родитель

У меня всегда было стремление создавать видеоигры и учиться программировать… это дает мне прекрасную отправную точку.

Джоуи, 10-й класс

Официальный член CSforAll

Лучший творческий инструмент для учащихся

featured_partners_blurb3″> Лучший выбор для обучения

Официальный партнер Code.org

Партнер Hour of Code Activity

Какие языки программирования доступны?

В настоящее время мы поддерживаем Python и JavaScript.

Почему вам стоит выбрать Python?
Python удобен для начинающих и в настоящее время используется крупными корпорациями (такими как Google). Если у вас есть младшие или начинающие учащиеся, мы настоятельно рекомендуем Python.

Почему вам следует выбрать JavaScript?
JavaScript — это язык Интернета, который используется почти на каждом веб-сайте. Вы можете выбрать JavaScript, если планируете также изучать веб-разработку. Мы также упростили для студентов переход с Python на веб-разработку на основе JavaScript.

Синтаксис JavaScript немного сложнее для начинающих, чем Python, поэтому, если вы не можете выбрать между ними, мы рекомендуем Python.

С чего начать?

1. Создайте учетную запись учителя
2. Создайте класс
3. Добавьте учеников
4. Расслабьтесь и наблюдайте, как ваши ученики с удовольствием учатся программировать

Могу ли я использовать CodeCombat или Ozaria в качестве основной учебной программы?

Абсолютно! Мы потратили время на консультации со специалистами в области образования, чтобы разработать учебный план и материалы специально для учителей, которые используют CodeCombat или Ozaria без какого-либо опыта работы с компьютерными науками. Многие школы внедряют CodeCombat и/или Ozaria в качестве основной учебной программы по информатике.

Поддерживают ли CodeCombat и Ozaria функцию Clever Instant Login?

Да! Ознакомьтесь с нашим __clever__, чтобы узнать больше о том, как начать работу.

А как насчет Google Classroom?

Ага! Обязательно используйте модальный Google Single Sign-On (SSO) для регистрации своей учетной записи учителя. Если у вас уже есть учетная запись, использующая электронную почту Google, используйте модальное окно единого входа Google для входа в следующий раз. В модальном окне «Создать класс» вы увидите опцию «Связать Google Classroom». В настоящее время мы поддерживаем регистрацию только через Google Classroom.

Примечание: вы должны использовать Google SSO, чтобы зарегистрироваться или войти хотя бы один раз, чтобы увидеть возможность интеграции с Google Classroom.

Сколько стоит доступ ко всем доступным курсам и ресурсам?

Мы настраиваем решения для школ и округов и работаем с вами, чтобы понять ваш вариант использования, контекст и бюджет. __контакт__ для получения дополнительной информации! См. также наш __funding__, чтобы узнать, как использовать источники финансирования CARES Act, такие как ESSER и GEER.

Есть ли рекомендуемый браузер и операционная система?

CodeCombat и Ozaria лучше всего работают на компьютерах с оперативной памятью не менее 4 ГБ в современных браузерах, таких как Chrome, Safari, Firefox или Edge. Chromebook с 2 ГБ ОЗУ могут иметь незначительные проблемы с графикой на более поздних курсах. Требуется минимум 200 Кбит/с на одного учащегося, хотя рекомендуется 1+ Мбит/с.

Проверка — CodinGame for Work

Нанимайте разработчиков на основе навыков, а не резюме.

Оцените навыки программирования кандидатов с помощью технически удобных практических тестов по программированию, настройка которых занимает всего 60 секунд.

Проверка навыков кодирования с помощью удобных для разработчиков технических тестов

Удаленная оценка навыков программирования

Разработчики могут проходить наши тесты дома в любое время.

Получите объективную и точную картину их технических навыков, независимо от того, что написано в их резюме. Мы предоставим вам удобные для чтения отчеты об испытаниях и данные, необходимые для принятия наилучших решений о найме.

Избавьтесь от бессознательного предубеждения

Ваш процесс найма не должен основываться только на человеческих суждениях. Наша платформа оценки помогает рекрутерам проводить честные и объективные технические тесты.

Беспристрастно раскрывайте способности потенциальных кандидатов. Наполните свою техническую команду разнообразием, повысьте творческий потенциал и культивируйте инновации.

Экономьте время, проводите собеседования только с лучшими

С CodinGame Assessment вы отбираете и ранжируете кандидатов в начале процесса найма: вы проводите собеседования только с разработчиками, которые соответствуют вашим техническим стандартам.

Оптимизируя процесс отбора, вы сокращаете время найма и адаптации лучших разработчиков всего за две недели.

Откажитесь от скучных тестов по программированию

Администрирование большинства онлайн-тестов по программированию занимает много времени, их легко обмануть, а сдавать скучно.

Бросьте вызов разработчикам с помощью реальных игровых задач программирования, которые обеспечат отличный опыт кандидата.

Вы понимаете, насколько ваш технический набор стоит вам?

К сожалению, «бесплатной» вербовки не бывает. На самом деле, иногда трата денег — лучший способ сэкономить. Думаете, мы сошли с ума? Давайте посмотрим на математику.

Подсчитайте, во сколько обходится вам найм технических специалистов без CodinGame:

Выберите свою страну

Европа Великобритания США Другое

разработчиков, которых нужно нанять в ближайшие 12 месяцев

Кандидатов, прошедших собеседование на должность

Технические собеседования на кандидата

БЕЗ КОДИРОВАНИЯ:

$ 232 200

Сэкономьте

$ 232 200

/год с CodinGame*

Наши планы начинаются с 249€/месяц. Посетите наш прайс

* Ориентировочная цена, пожалуйста, свяжитесь с нами для более подробной информации

Создавайте надежные тесты кодирования за считанные секунды с помощью

EASY

Отмеченная наградами платформа для
за простоту использования

Популярный обзорный сайт, G2,
рекомендует нашу платформу для
простота использования.

НА ОСНОВЕ ИГРЫ

Отличный опыт кандидата
и уровень прохождения тестов 96,98%

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

НАДЕЖНОСТЬ

Самая мощная технология защиты от мошенничества

на рынке

Мы отмечаем разработчиков, пытающихся
обмануть. Хотите узнать наш секрет соуса
? Закажите демонстрацию с одним из
наших экспертов и узнайте больше о
нашей анти-читерской технологии.

Доступно более 60 технологий и более 3500 вопросов

28+

Языки

Как это работает

Настройте свой тест кодирования

Подготовьте тест по кодированию

Используйте нашу обширную библиотеку вопросов, чтобы создать готовый технический тест менее чем за 60 секунд.

Вы также можете создавать свои собственные вопросы.

Пригласите своих кандидатов

Пригласите своих кандидатов

Настройте наш интеллектуальный шаблон электронной почты и отправляйте пакетные приглашения своим кандидатам. Это занимает минуты!

Кандидаты сдают тест на кодирование

Кандидаты сдают тест по кодированию

Кандидаты могут сдать тест в свободное время после просмотра краткого руководства, которое дает им представление о том, как выглядит тест CodinGame.

96,98% разработчиков, начавших тест, заканчивают его. Почему? Потому что наши упражнения дают техническим специалистам настоящее чувство вызова, увлекательного пути.

Получите подробные, легко читаемые отчеты об испытаниях

Получите подробные, легко читаемые отчеты об испытаниях

Мы предоставим вам общую оценку каждого кандидата, а также подробный обзор ответов кандидатов. Кроме того, мы отображаем сравнительную оценку, чтобы помочь вам оценить ваших кандидатов по сравнению с другими разработчиками, которые прошли аналогичный тест CodinGame. Таким образом, вы узнаете, выше или ниже среднего балл вашего кандидата.

Почему рекрутеры и технические команды любят нас

Оценка CodinGame позволила нам сократить расходы на подбор младшего разработчика Java на 80%. Инструмент прост в использовании благодаря интуитивно понятному интерфейсу, а полученные результаты надежны.

Loic HoussierCTO

Dassault Systèmes использует CodinGame Assessment для оценки и квалификации своих команд по всему миру. Инструмент прост в использовании, команда поддержки клиентов превосходна, и наши различные запросы всегда решались быстро. CodinGame помогли нам повысить чувство уверенности и признания внутри компании.

Лоран Специалист по разработке решений WalletLearning

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

Alexis SlawnyIT Руководитель отдела цифровой трансформации

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

Анна Гарсия Рекрутер

У нас есть обширная программа найма инженеров-программистов, администраторов баз данных и инженеров по развертыванию облачных вычислений в разных странах мира.