10 крутых игр на JavaScript до 13кб кода
В этой веселой статье мы познакомимся с удивительным игровым челленджем JS13K. Это ежегодный конкурс по программированию, в котором супер талантливые разработчики JavaScript демонстрируют игры, которые они создали с помощью JavaScript и использовали всего 13 КБ кода или даже еще меньше.
Мы решили показать наши любимые игры с прошлогоднего челленджа. С наслаждением поиграйте в них на перерыве или используйте как источник вдохновения для продуктивной работы!
OnOff
Это впечатляющий платформер с отличным дизайном и веселой музыкой. Уклоняйтесь от шипов, перепрыгивайте через ямы и переходите из одних измерений в другие, чтобы пройти все 25 уровней. В игре классный редактор уровней и вы можете даже создавать свои собственные уровни.
Everyone’s sky
Классическая Asteroid style игра, но с приключенческим и исследовательским поворотом. Вы бороздите просторы космоса и его солнечных систем, связываясь с другими цивилизациями и собирая ресурсы. Вы можете выбрать вариант мирного завершения миссий, вариант создания союзников или просто атаковать все, что встречается на вашем пути.
Underrun
Стрелялка, в которой вы бежите в разрушенную лабораторию, и ваша цель — убить врагов, похожих на пауков, найти терминалы и перезагрузить системы. Игра работает очень плавно, с красивой пиксельной графикой и великолепными звуковыми и световыми эффектами.
Konnekt
Это простая онлайновая стратегия, в которой вирус заразил некоторые узлы вашей системы, и вам нужно очистить их, прежде чем они распространятся. Игра действительно затягивает, и чем больше вы играете, тем сложнее становится и тем больше узлов с вирусом вам приходится очищать.
Super Chrono Portal Maker
Этот платформер, представляющий собой оригинальную игру Super Mario, предлагает 30 уровней, в которых нужно бегать и прыгать. Каждый уровень вводит все больше игровой механики, делая игру супер увлекательной. Существует также конструктор уровней, создавайте свои уровни и делитесь с ними с друзьями.
Offline Paradise
Быстро развивающийся платформер, где вам нужно бегать, прыгать или разбивать различные препятствия. Отличная особенность этой игры — автоматическое создание точки сохранения, которая вернет вас обратно в действие, если вы не справитесь с одним из испытаний. Он работает очень плавно, постоянно держит высокий уровень FPS, сохраняя приятный параликсический фон, анимацию и музыку.
Raven
Raven — игра-головоломка, в которой вам нужно починить камеры безопасности секретного объекта. Есть загадочные существа, за которыми вам нужно следить, иначе они убьют вас в темноте.
Systems Offline
Удивительная игра-головоломка, в которой вы застряли на сломанной космической станции. Ваша миссия состоит в том, чтобы починить системы и сбежать до того, как закончится ваш кислород. В игру можно играть с помощью мыши или сенсорного управления, так же вы можете установить режим для дальтоников и выбирать из трех различных уровней сложности.
Re-wire
Эта игра проверяет ваши навыки логического мышления. Вам необходимо соединить узлы кабелем и подключить его к розетке, не касаясь лезвий. Довольно увлекательная и не так уж простая игра. Предусмотрено автоматическое сохранение, благодаря которому вы можете воспроизводить уровень несколько раз, не теряя при этом прогресса.
Off The Line
Off-line — одна из тех игр, которые имеют очень простую концепцию, и в то же время заставляют хорошо подумать перед прохождением уровня. Бросьте вызов 20 этапам с 3 уровнями сложности!
1024 Moves
Это удивительная трехмерная головоломка, в которой вам предстоит переместить куб через сетку плиток и достичь финиша. Избегайте дыр, перемещайте различные объекты и попробуйте пройти все уровни менее чем за 1024 хода.
Spacecraft
Spacecraft — интересная игра, в которой вам нужно собрать как можно больше жетонов с планет Солнечной системы. Вы должны оставаться на трассе, уклоняться от препятствий и астероидов и эффективно тратить жетоны, чтобы пройти все уровни.
10 игр для изучения JavaScript
Изучать язык программирования, играя в игры, очень интересно. К тому же, для некоторых людей это наилучший способ понять, как работает язык. В этой статье вы найдете десятку фантастических игр для изучения JavaScript.
1. CodinGame
CodinGame — многоязычная платформа. Здесь вы можете в игровой форме изучить разные языки, включая JavaScript.
Крутая особенность CodinGame — возможность использовать платформу как многопользовательскую игру. Это позволит вам соревноваться с друзьями и коллегами.
2. CodeCombat
CodeCombat — ролевая игра, нацеленная на обучение основам веба. В ней вас ожидает множество заданий. Игра поддерживает пять языков программирования, включая JavaScript.
CodeCombat предлагает возможность бесплатно освоить основы языка, а для разблокировки более сложных уровней придется сделать апгрейд.
3. Untrusted
Игру отличает фантастическая концепция: окружение, напоминающее консоль, превращено в эскейп-рум. Для выхода на каждый новый уровень нужно писать код на JavaScript. Сначала все легко, к тому же подсказки есть.
4. Codewars
На Codewars нужно разбираться с головоломками, заполняя пропуски. Это крутое место для обсуждений и просмотра чужих решений, а значит, для учебы и оттачивания навыков.
5. JSRobot
JSRobot — очень клевая игра с большим количеством фоновой информации. Чтобы управлять роботом и проходить уровни, нужно писать код на JavaScript.
6. JSDares
JSDares — суперкрутая опенсорсная игровая платформа. Вы будете получать задания от членов сообщества. Задания небольшие, так что вы сможете справиться с ними по-быстрому, прежде чем начать свой рабочий день.
7. Screeps
В Screeps вам нужно управлять колонией, вводя JavaScript-код. Это довольно крутая концепция, поскольку по ходу дела вам приходится изучить разные аспекты JS.
Дополнительный плюс — игра большая, с бесконечными уровнями.
8. Crunchzilla
Crunchzilla — отличный инструмент обучения для визуалов. В игре много уровней разной сложности, учиться можно шаг за шагом.
Очень советую попробовать эту игру всем, кто хочет наглядно увидеть работу кода.
9. Elevator Saga
Еще одна отличная игра. Вам нужно перемещать людей на лифте, управляя процессом при помощи JavaScript-кода.
В игре много уровней и исключительно хорошая документация с подробным описанием решений.
10. CheckIO
CheckIO — прекрасная текстовая игра с фантастической графикой для индикаторов уровня.
Особенность игры — можно просматривать все решения, продвигаясь от самых эффективных к самым креативным. Это поможет вам лучше понять решение и способы его оптимизации.
10 игр для изучения JavaScript
Мы рассматривали 10 удивительных игр для изучения CSS. А в этой статье мы сделаем то же самое для JavaScript. Изучать язык, играя в игры, очень весело, а для некоторых людей это отличный способ наглядного восприятия языка.
Без лишних слов, вот десять фантастических игр, с помощью которых вы можете изучать JavaScript.
1. CodinGame
CodinGame — это мультиязычная платформа, где вы можете изучать несколько языков, включая JavaScript, играя в игры.
Самое интересное, что вы можете использовать ее как многопользовательскую игру, что очень удобно, поскольку вы можете соревноваться со своими друзьями или коллегами.
2. CodeCombat
CodeCombat — это RPG (компьютерная ролевая игра), которая обучает основам веб-технологий и многому другому. В игре большое количество задач и поддержка пяти языков, включая JavaScript.
Игра предлагает бесплатную версию для всех основных уровней, а также возможность апгрейда, чтобы разблокировать дополнительные возможности.
3. Untrusted
Это фантастическая концепция среды, выполненной в виде консоли, превращенной в комнату для побега.
Вам нужно будет ввести код JavaScript, чтобы пройти каждый уровень. Ее легко начать, к тому же она содержит несколько подсказок.
4. Codewars
Codewars — это классная концепция, где нужно решать головоломки, заполняя пробелы. Очень здорово обсуждать и видеть решения других людей. Это делает ее идеальным местом для обучения и развития ваших навыков.
5. JSRobot
JSRobot — это потрясающая игра с большим количеством справочной информации. Вам нужно набирать код на JavaScript, чтобы управлять роботом и пройти уровень. Меня порадовало то, как хорошо выполнена эта игра.
6. JSDares
JSDares — это великолепная игровая платформа с открытым исходным кодом, где вы получаете задания от сообщества, которые вам нужно решить. Они небольшие, так что вы можете быстро выполнить их между делом или перед началом рабочего дня. Стоит ознакомиться с этой фантастической игровой платформой для изучения JavaScript.
7. Screeps
Screeps — это игра-песочница, в которой вы можете управлять колонией, используя код JavaScript. Это довольно интересная концепция, поскольку вы изучаете множество различных аспектов JavaScript. Самое интересное, что игра масштабная и имеет бесконечное количество уровней.
8. Crunchzilla
Crunchzilla — это отличный способ для тех, кто предпочитает визуальное обучение. Она предоставляет несколько уровней сложности, благодаря которым вы можете осваивать материал шаг за шагом. Я бы очень рекомендовал эту игру всем, кто хочет наглядно понять значение конкретного кода.
9. Elevator Saga
Еще одна отличная игра — сага о лифте, в которой вы научитесь перевозить людей в лифте, написав код на JavaScript. Она имеет множество уровней, отличную документацию и подробно описанные решения. Вы можете продолжить усовершенствование этой замечательной задачи, чтобы сделать ее более эффективной.
10. CheckIO
CheckIO — это отличная текстовая игра с фантастической графикой для индикаторов уровня. В ней есть классная фича: можно просмотреть все решения, перемещаясь от самого эффективного к самому креативному. Это поможет вам ознакомиться с содержанием решения и понять, что вы еще можете сделать для его оптимизации.
Завтра вечером состоится бесплатный открытый урок, посвященный основам HTML. Рассмотрим несколько типичных ошибок не только среди начинающих, но среди продолжающих и иногда даже сеньоров. Создадим разметку страницы авторизации: разберём основы семантики и атрибуты полей формы.
- Записаться на урок можно по ссылке.
3D Frameworks
ThreeJs – самая популярная 3D-библиотека. Она предлагает наборы функций для выполнения общих операций, которые должны происходить в 3D-сцене. Все мероприятия происходят на более высоком уровне, чем raw WebGL, и не надо заморачиваться с горой низкоуровневых действий.
BabylonJS
Этот фреймворк похож на предыдущий, но имеются различия:
- API меняется каждые 3 месяца, что помогает при поиске старых решений в интернете;
- активное и полезное сообщество;
- продуктивные и отзывчивые разработчики (у Three.js самый старый баг на GitHub датируется 2013 годом, в Babylon.js отмечен два дня назад);
- The playground – это отличный инструмент для быстрого “опробования” кода, объяснения проблемы и оказания помощи.
Литература
Как в любом уважающем себя мануале, далее идет подборочка книг по теме.
Кстати, у нас есть очень крутая статья по книгам для геймдэва – рекомендуем!
Мы подобрали для тебя литературу по базовым вещам. Когда определишься, какая ветка игровой разработки тебе больше нравится, будет легче подбирать книги JavaScript.
- 3D Math Primer for Graphics and Game Development – Dunn Fletcher
- Unity in Action – Джозеф Хокинг
- Game Programming Patterns – Robert Nystrom
- Архитектура игровых движков – Джейсон Грегори
- Language Implementation Patterns – Terence Parr
- Introduction to 3D Game Programming with DirectX 12 – Frank Luna
- Искусственный интеллект. Современный подход – Стюарт Рассел
- Системное программирование – Роберт Лав