15 HTML5 игр с открытым исходным кодом

Самое замечательное то, что HTML5-игры работают во всех современных браузерах: Яндекс.Браузер, Chrome и Firefox, но Вы также можете играть в данные игры и на мобильных платформах: iPhone и Android (через Cordova – “cordova.apache.org/”). Взглянув на игры с открытым исходным кодом HTML5 – Вы можете научиться разрабатывать свои собственные.
Скачать исходники для статьи можно ниже
astrologer pro

Все эти игры построены на HTML5 и JavaScript. В подборку мы также включили несколько многопользовательских HTML5 игр.

1. Игра 2048

Играть в игру: “gabrielecirulli.github.io/2048/”
Посмотреть код игры: “github.com/gabrielecirulli/2048”

2. Clumsy Bird

Играть в игру: “ellisonleao.github.io/clumsy-bird/”
Посмотреть код игры:
“github.com/ellisonleao/clumsy-bird”

3. Hextris

Играть в игру:”hextris.github.io/hextris/”
Посмотреть код игры:

4. Pacman in HTML5 Canvas

Играть в игру:”pacman.platzh2rsch.ch/”
Посмотреть код игры: “github.com/platzhersh/pacman-canvas”

5. Astray

Играть в игру:”wwwtyro.github.io/Astray/”
Посмотреть код игры: “github.com/wwwtyro/Astray”

6. Canvas Tetris

Играть в игру:”dionyziz.logimus.com/tetris/”
Посмотреть код игры: “github.com/dionyziz/canvas-tetris”

7. Agent 8 ball

Играть в игру:”agent8ball.com/”
Посмотреть код игры: “github.com/thinkpixellab/agent8ball”

8. Tic Tac Toe

Играть в игру:”codepen.io/timrijkse/full/XjLGKv/”
Посмотреть код игры: “codepen.io/timrijkse/pen/XjLGKv”

9. 0hh2

Играть в игру:”0hh2.com/”

Посмотреть код игры: “github.com/Q42/0hh2”

10. Javascript Pseudo 3D Racer

Играть в игру:”codeincomplete.com/games/racer/v4-final/”
Посмотреть код игры: “github.com/jakesgordon/javascript-racer/”

Мультиплеер игры:

11. mk.js

Играть в игру:”mk.mgechev.com/”
Посмотреть код игры: “github.com/mgechev/mk.js”

12. Shootr

Играть в игру:”shootr.signalr.net/”
Посмотреть код игры: “github.com/NTaylorMullen/ShootR”

13. Browser Quest

Играть в игру:”browserquest.mozilla.org/”
Посмотреть код игры: “github.com/mozilla/BrowserQuest”

14. VueChess

Посмотреть код игры: “github.com/gustaYo/vue-chess”

15. Freeciv Web

Играть в игру:”play.freeciv.org/”
Посмотреть код игры: “github.com/freeciv/freeciv-web”

На этом всё! Красивых Вам сайтов!

Топ 10 HTML5 игр / Блог компании ua-hosting.company / Хабр

В последние годы HTML5 и JavaScript активно набирают популярность среди разработчиков инди-игр. Причина такого выбора очевидна — потенциал двух приложений в производстве игр. HTML5 теперь считается серьезной игровой платформой. Дальше для примера приведены 10 топовых игр с использованием HTML5.

1. A Grain of Truth

Игра была разработана братьями Рудовски (Польша). Суть игры проста — юная путешественница в поисках мага. Это игра жанра «point-and-click» (квест) полна приключений, с очень красивой графикой полностью погружает геймеров в игровой мир. Игра написана с помощью JQuery, что в очередной раз показывает, что данный фреймворк можно использовать не только для создания сайтов, но и для развлечений.

играть

2. Save the Day

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

Игра была создана на открытом игровом движке Turbulenz на HTML5. Движек Turbulenz предоставляет широкий выбор функций и сервисов для создания игр (отказоустойчивость, асинхронная загрузка, масштабируемость). Вообщем — движок для создания игр, использующих веб-технологии, а не нативный код. Turbulenz — игровой движок для социальных игр, использующий HTML5, WebGL JavaScript. Его возможности позволяют делать захватывающие реалтайм 3D игры, с физикой.

играть

3. Runfield

Runfield — специфическое название, простой, но немного странной игры. Геймер примеряет роль гипер — прыгучей лисы. Кликаете — прыгаете, перепрыгиваете препятствия… словом играете). Игра была разработана Ilmari Heikkinen, графика создана с использованием canvas, одного из элементов HTML5.

играть

4. Cut the Rope

Перереж веревку — накорми зверюшку-лягушку. Создана студией разработки игр в России, ZeptoLab в 2010 году. Головоломка, которая пришлась по душе многим геймерам со всего мира. Суть такова — лягушонка нужно накормить разноцветными конфетами на веревках, которые нужно «правильно» перерезать. Сюжет, правда, забавный. На каждом следующем уровне добавляется количество веревок, мыльные пузырьки, ракеты… собираются звездочки, открываются новые локации… что писать — лучше раз сыграть) (заняло некоторое время разобраться, где именно на сайте кнопочка «играть» — внизу «Give it a fry»)

играть

5. Robots are People Too

Robots are People Too (роботы тоже люди?) игра на canvas/WebGL, многопользовательская игра (на любителя), разработана с использованием HTML5 canvas. Она отличается от остальных игр, сложная и одновременно с этим интересная, ведь нужно учиться играть двумя руками. Нужно управлять двумя роботами. Управление W-A-S-D для одного робота (синего) и стрелки (влево-вправо-вверх-вниз) для другого (красного) робота.

играть

6. BrowserQuest

Многопользовательская RPG игра, BrowserQuest. Для создания графики игры использован тот же — HTML5 canvas. Так как игра создана на HTML5/JavaScript, то она доступна через большинство браузеров и платформ. Сюжет игры: молодой разведчик посещает разные опасные места в поисках приключений и острых ощущений. Использованы такие технологии как web worker (определяет API для создания фоновых скриптов в веб-приложениях при этом не блокируя сам процесс игры), localStorage (сохраняет историю игры).

играть

7. Sumon

Игра Sumon известна среди геймеров. Головоломка Sumon от ideateca, нативное приложение, которое также разработано с помощью веб-технологии HTML5. Более интересной ее делает использование фреймворка CocoonJS (компилит HTML5 приложения). Платформа Ludei уже была использована при разработке более 500 игр, эта игра не исключение). Графика Sumon создана с использованием HTML5 сanvas.

играть

8. Lux Ahoy

Игра — аркада, которая превратит Вас в пирата. Нужно ударить противника с пушки ядром, рассчитав угол и мощность. Графика игры были разработаны и созданы в Flash, а затем были перенесены на HTML5. К сожалению, игра запускается не во всех браузерах (заходить в Lux Ahoy нужно браузером Google Chrome).

играть

9. The Convergence

Convergence — игра похожа на Robots are People Too. Одиночная игра, которая требует одновременно координировать двух героев. Для графики был использован HTML5 сanvas.

10. Bombermine

Это многопользовательская, в режиме реального времени игра. Используются веб сокеты.

играть

Взято на сайте

30 невероятных и затягивающих игр на HTML5 (Часть 2)

HTML5 появилась совсем недавно, всего пару лет назад. И уже сейчас стала отличной и популярной платформой для разработки игр. Да ещё и каких игр. Эта технология уже в плотную добралась к Flash. Я уверен, что скоро её полностью перегонит.

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

Ещё подобные подборки очень долго пишутся, так как некоторые игры очень затягивают и я просто напросто заигрался. 🙂

Огромное при огромное спасибо http://www.webdesignerdepot.com и предлагаю посмотреть первую часть с играми, а так же Вам будет интересно следующее:

Вам нужно просто заполнить ведро с песком, всё просто. Но не так просто как кажется на первый взгляд 🙂

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

Увлекательная головоломка, в которой Вам нужно пролаживать короткие пути, чем короче путь тем больше очков Вы заработаете.

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

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

Может помните игру на денди бомбермен? Это практически тоже самое только в многопользовательском режиме. Затягивает 🙂

Эта игра имеет неоновые полосы в стиле фильма Трон. Вам нужно просто упралять маленьким бегуном перепрыгивая разные препятствия.

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

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

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

Классная игра на HTML5. С помощью вертолёта Вам нужно спасти всех людей от извержения, а также высадить их в указанные места. И на всё про всё Вам даётся не много времени, успеете? 🙂

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

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

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

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

Это классика жанра уже и на HTML5. Вам просто нужно шариком сбить все кирпичи.

Очень красивый теннис с крутой музыкой и геймплеем.

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

Эта игра с очень красивой, как по моему, графикой. Её суть состоит в том, чтобы шарик попал из одного конца в другой. При этом Вам нужно будет правильно настроить двигатели, которые толкают шарик.

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

Не простая игра на HTML5, в которой Вам нужно будет уходить от препятствий в тоннеле.

Яркая игра, где Вам нужно есть маленькие круги, главное избегать большие круги, и это не так просто как кажется.

Самая простенькая и интересная игра на HTML5. Избегайте разных препятствий маленькой птичкой.

Если Вы любите головоломки, то Вы точно будете играть в эту игру.

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

Удивительная игра на HTML5. Эта игра тоже использует веб камеру.

Эта головоломка имеет только одно правило: захватить куски прежде чем они упадут.

Игра полностью сделана под веб камеру. Без неё не обойтись.

Вам просто нужно защищать Вашу любимую планету.

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

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

Примеры игр которые сделанные с помощью html5 canvas

Здравствуйте, дорогие читатели блога. Очень хочется представить Вам подборку игр, которые сделанные при помощи html5 canvas. Так и хочется сказать: «До чего техника дошла» 🙂 Игры можно уже делать с помощью html. Говорю сразу, что в подробности данного и нового html5 термина, я вдаваться не буду, но определение всё же дать нужно.

html5 canvas — это новая возможность, которую поддерживают современные интернет браузеры, а также которая позволяет работать с графикой на страницах.

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

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

Ну а теперь давайте перейдём к играм. Наслаждайтесь.

Игра, в которой нужно обходить красные точки. Поверьте, очень сложно 🙂

Super Mario Kart

Здесь нужно быть профессиональным водителем, чтобы классно входить в повороты героем из приставки — Super Mario.

Самый знаменитый пакман, который сделанный с помощью html5 canvas.

Интересно реализованный тетрис с новыми уровнями.

Если Вы любитель пострелять, тогда эта игра на html5 canvas то что нужно.

Красивая детская игра с интересным сюжетом и красивой графикой

Классная игра- стрелялка для любителей одолеть препятствия. Бывает даже в голове не укладывается, как можно сделать такое на HTML и на скриптах 🙂

Same Game

Здесь нужно в заданное время лопнуть все шарики. Классный убиватель времени 🙂

JQuery Racing

Прикольные гонки у которых вид сверху. Круто 🙂

Классический тетрис, который создан при помощи HTML5

Очередная космическая стрелялка с не плохой графикой.

Бильярд

Наверное самая лучшая игра из этой подборки на HTML. Замечательная графика. Осторожно! Затягивает 🙂

40 самых популярных веб-игр на HTML5

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

    

Чтобы продемонстрировать истинный игровой потенциал HTML5, мы расскажем вам о сорока самых интересных и популярных веб-играх, в том числе и проAngry Birds! Приготовьтесь провести в их занимательной компании несколько минут или час.

На заметку: для игры лучше всего использовать последние версии Google Chrome, Internet Explorer и Firefox.

 

 

Angry Birds Chrome

Angry Birds онлайн в высоком качестве! Играть в Angry Birds можно в последних версиях Google Chrome, Mozilla Firefox и Internet Explorer. 

 

   

Front Invaders

Сбейте IEvil на своем реактивном самолете от HTML5! Меня терзают смутные сомнения, что авторы игры стали жертвами Internet Explorer6.

 

 

3Bored

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

 

 

Agent 008 Ball

Ваша задача – закатить как можно больше шаров прежде, чем выйдет время. Берегитесь бомбы!

 

 

Web Snooker

Надоело одному играть в снукер? С Web Snooker вы можете играть со своим онлайн-другом. Покажите ему, кто главный!

 

 

Blinkwang

Хотите узнать, сколько предметов вы сможете найти за одну секунду? Тогда это именно то, что вам нужно.

 

 

Biolab Disaster

Эта игра с боковой прокруткой качества 2D создана в HTML5 и jаvascript.

 

 

Bubble Trouble

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

 

 

Blobby Volley 2

Известная веб-игра в волейбол, цель которой набрать больше, чем у соперника, очков.

 

 

Сhain Reaction – Advanced

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

 

 

Canvas Rider

Canvas Rider — это занимательная игра, в которой вы ездите на велосипеде по маршрутам, проложенным другими игроками.

 

 

Canvas Defense

На вашу базу намерены  проникнуть захватчики, от которых вам и предстоит ее защитить!

 

 

PAC-MAN-Google

Версия Pac-Man в исполнении Google, которая изначально была создана 22 мая 2010 года как анимационный логотип к 30-й годовщине игры. 

 

Entanglement

Entanglement –веселая HTML5 игра-пазл, которая начинается с шестигранника в центре экрана.

 

 

Crystal Galaxy

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

 

 

HTML5 Blackjack

HTML5 Blackjack – это игра в блекджек в HTML5. Вы стартуете с $100 и можете ставить $10 в каждой раздаче. 

 

 

JSLander

Приложите все усилия, чтобы успешно приземлиться! Простая, но забавная игра, разработанная Джейсоном Брауном с использованием jаvascript и Canvas.

 

 

HTML5 Helicopter

Ваша задача в игре – избегать столкновения со стеной, но как долго вам это будет удаваться?

 

 

Orbium

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

 

 

NetTank

Задача предельно проста: вы — танк и вам нужно вывести из строя других игроков! 

 

 

Missile Fleet

Выберите правильную тактику, чтобы вызволить голубой корабль. 

 

 

Rainbow Blocks

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

 

 

Plain Chess

Plain Chess – простая, но красиво оформленная альтернатива многочисленным шахматным порталам. 

 

 

HTML5 Chess Game

Отличная 3D игра, в которой два игрока могут выбрать 2D или 3D панель. Сыграть можно и против компьютера.   

 

 

Pirates Love Daisies

Pirates Love Dalies – игра, созданная с использованием свойств HTML5 и jаvascript. Главное здесь – защитить крупость. 

 

 

Sinuous

Canvas-игра от HTML5 с использованием только мыши. Задача игрока – как можно дольше оставаться живым и набрать максимальное количество баллов. 

 

 

Runfield

Runfield – простая, но немного странная HTML5 игра, в которой вы примеряете роль гипер-лисы. Просто кликайте и перепрыгивайте ямы и канавы. 

 

 

RAPT

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

 

 

Swarmation

Swarmation – это сетевая игра в HTML5. Она проверяет  вашу способность быстро принимать решения и умение работать в команде. 

 

 

Space Cannon 3D

Летайте с оружием в 3D пространстве и стреляйте по различным объектам. Используйте мышь, чтобы прицелиться, и кликайте, чтобы выстрелить. 

 

 

Tower Of Wolin

Здесь нет ничего нового – побеждайте, и мир окажется у ваших ног!

 

 

PaJama

Игра, основанная на фундаментальных законах генетики, в которой вам нужно будет кормить рыбок. 

 

 

Mutant Zombie Monsters

Игра, где убивают зомби, написанная только на HTML5 и jаvascript.

 

 

Super Santa Sweep 3D

Соберите все подарки прежде, чем придет канун Рождества! 

 

 

Manic Spaceman

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

 

 

JS WARS

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

 

Canvascape

Это не совсем игра, но она показывает, как можно использовать HTML5 для разработки стрелялки от первого лица в браузере.

 

 

Canvas Pinball

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

 

 

Onslaught! Arena

Здесь вас ждет атака разъяренной орды, отражать которую вы будете средневековым оружием и с помощью бонусов. 

 

 

WPilot

Космическая сетевая стрелялка на HTML5. Это пробная версия проекта, в котором авторы пытаются вместить в браузер все, что возможно, не прибегая к помощи Flash. 

ictgames || html5 Домашняя страница

Добро пожаловать на страницу, удобную для планшетов и компьютеров. Здесь вы найдете бесплатных игр для обучающих игр для детей от 5 до 8 лет. Вот несколько справочных видео, которые помогут вам начать работу. Игры связаны с учебными планами UK KS 1 и 2. Математические игры Английские игры Приложения (купить) Инструменты обучения Печатные издания Поддерживать нас Тема Готов к работе, поиск ссылок

& nbsp Number — числовое и разрядное значение

Место значения Место значение Место значение

Значение места Место значение Подсчет и заказ
Счет / Десятичные знаки / +10 Разное
Подсчет

Подсчет Подсчет
Правописание чисел
Номера для заказа

Номера для заказа
Номера для заказа «Шансы и эвены»

Чтение чисел
+/- 10, 9, 11
Подсчет
Подсчет и вычитание
Число знаков после запятой
Подсчет
Подсчет и вычитание

& nbsp Число — сложение и вычитание

Число Фактов Число Фактов
Вычитание
+/- 10, 9, 11 Недостающие номера
Вычитание
Добавление 10
Дополнение Количество фактов

облигаций из 10 штук
Число фактов Вычитание

двухместных
Переход к 10
Дополнение
+ / — / x Факты
Проблемы со словами
Вычитание
Сложение и вычитание
Дополнение
Вычитание
Сложение и вычитание
Дополнение
Дополнение

& nbsp Число — умножение и деление

Подсчет
Таблица умножения
Умножение и деление Деление
Число фактов
Таблица умножения
Таблица умножения

& nbsp Число — дроби

Дроби
Дроби Фракции Фракции Фракции

& nbsp Измерение

Измерение (г / кг) Мера (мл / л)

Часы Демонстратор
Время
Деньги
Деньги
Таймер
Деньги

& nbsp Геометрия — свойства форм

Форма

& nbsp Различный

Таблица дат Рождество

игр | Код в комплекте

домой | статьи | игры | проекты | около | резюме

Десять основных основ разработки игр на Javascript

Введение

1. Веб-сервер и модульная стратегия
2. Погрузочные активы
3. Игровой цикл
4. Ввод игрока
5. Математика
6. ДОМ
7. Рендеринг
8. Звук
9. Государственное управление
10. Сочность

---

HTML5 Дельта

• Играть сейчас
• Подробнее
• Исходный код

---

HTML5 Башенный платформер

• Играть сейчас
• Играй сейчас (специальная плоская версия)
• Подробнее
• Подробнее — Фундаменты
• Подробнее — Рендеринг
• Подробнее — Обнаружение столкновений
• Исходный код

---

HTML5 Крошечный платформер

• Играть сейчас
• Подробнее
• Подробнее — Добавление монстров
• Исходный код

---

HTML5 Gauntlet

• Играть сейчас
• Подробнее
• Подробнее — Фундаменты
• Подробнее — Карты
• Подробнее — Entities
• Подробнее — Обнаружение столкновений
• Подробнее — Game Logic
• Исходный код

---

HTML5 Обгон

• Играть сейчас
• Подробнее
• Подробнее — Прямые дороги
• Подробнее — Кривые
• Подробнее — Hills
• Подробнее — Final
• Исходный код

---

HTML5 BoulderDash

• Играть сейчас
• Подробнее — Введение
• Подробнее — Game Logic
• Подробнее — Рендеринг
• Подробнее — Расшифровка данных пещеры c64
• Исходный код

---

HTML5 Змеи

• Играть сейчас
• Подробнее
• Подробнее — Запуск игры со змеями
• Подробнее — Поиск шрифта Indiana Jones
• Подробнее — Определение завершено
• Исходный код

---

HTML5 Тетрис

• Играть сейчас
• Подробнее
• Исходный код

---

HTML5 Breakout

• Играть сейчас
• Подробнее — Введение
• Подробнее — Состояние игры
• Подробнее — Рендеринг
• Подробнее — Обнаружение столкновений
• Подробнее — Gameplay Balance
• Подробнее — Добавление звука
• Подробнее — Touch Events
• Исходный код

---

HTML5 Понг

• Играть сейчас
• Подробнее — Введение
• Подробнее — Часть 1 — Game Runner
• Подробнее — Часть 2 — Прыгающие шары
• Подробнее — Часть 3 — Игровой цикл
• Подробнее — Часть 4 — Обнаружение столкновений
• Подробнее — Часть 5 — Компьютер AI
• Исходный код

---

HTML5 Starfield

• Демо
• Подробнее
• Исходный код

домой | статьи | игры | проекты | около

© 2011-2020 Джейк Гордон

Вручную экспортируйте свою игру как игру HTML5 на свой компьютер [GDevelop wiki]

Из GDevelop вы можете публиковать свои игры как игры HTML5.Затем вы можете опубликовать его на своем веб-сайте или на веб-сайте с каталогом игр, например itch.io или Kongregate.

Экспорт игры

Затем вам нужно просмотреть файловую систему вашего компьютера, найти пустую папку и выбрать ее. После того, как вы выбрали папку, просто нажмите кнопку экспорта.

После завершения экспорта GDevelop запросит сообщение, подтверждающее, что это сделано, и вы можете открыть папку, нажав кнопку открытия папки.

Если вы откроете папку, вы должны увидеть все типы файлов, но тот, к которому вы стремитесь, является индексом.html

Есть способы запустить игру, открыв файл index.html, например, в веб-браузере Firefox обычно не возникает проблем с открытием веб-приложений локально, или вы можете установить Brackets, который является бесплатным редактором кода и включает возможность запуска локального хоста с щелчком кнопки или более сложным способом является установка веб-сервера на вашем компьютере с помощью XAMPP или WAMP. Но что вы действительно хотите сделать на этом этапе, так это загрузить свою игру на хост или обернуть игру в настольное или мобильное приложение, чтобы поделиться ею.

Загрузить игру на хост

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

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

Экспорт на другие платформы (iOS, Android, Windows, macOS, Linux)

gdevelop5 / publishing / html5_game_in_a_local_folder.txt · Последнее изменение: 2020/06/09 13:16 автор: dkarakay

15 бесплатных игр для повышения уровня ваших навыков программирования

Хотите знать, подходят ли вам технологии?

Стоит ли вам быть дизайнером, исходя из ВАШИХ сильных сторон? Front-end разработчик? Или даже специалист по цифровому маркетингу? Пройдите нашу 3-минутную викторину, чтобы выяснить, подходит ли вам техническая карьера.

Когда я начал учиться программировать, возможности были ограничены — много книг (даже не электронных), несколько очень простых онлайн-руководств и множество экспериментов. Кодирование игр? Не так много.

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

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

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

1. CodeMonkey

CodeMonkey обучает программированию с использованием CoffeeScript, реального языка программирования, чтобы научить вас создавать свои собственные игры на HTML5. Он предназначен для программирования для детей, но определенно доставит удовольствие и взрослым.

2. CodinGame

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

3. CSS Diner

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

4. Flexbox Froggy

Хотите узнать, как работает CSS Flexbox? Проверьте Flexbox Froggy. У него простой интерфейс, который научит вас основам выравнивания во флексбоксе, пока вы помогаете Фрогги и его друзьям.

5. Flexbox Defense

Flexbox Defense — еще один отличный способ попрактиковать свои навыки работы с Flexbox. На этот раз вы будете перемещать башни с орудиями на пути, чтобы победить надвигающиеся волны врагов, используя те же команды, что и Flexbox Froggy.

6. CodeCombat

CodeCombat нацелен на учителей и студентов, но играть может каждый. Изучите Python, JavaScript, CoffeeScript или язык сценариев игр Lua. На начальном уровне Dungeon вы будете перемещать своего героя по игре, используя некоторые базовые команды в соответствии с инструкциями, приведенными рядом с игрой.

7. Рубиновый воин

Если вы хотите изучить Ruby, Ruby Warrior — это игра для вас. Есть треки для начинающих и среднего уровня, соответствующие вашему уровню подготовки. Уроки начинаются легко, а потом продолжаются. Вам нужно будет войти в систему через Facebook, чтобы сохранить свой прогресс.

Хотите знать, подходят ли вам технологии?

Стоит ли вам быть дизайнером, исходя из ВАШИХ сильных сторон? Front-end разработчик? Или даже специалист по цифровому маркетингу? Пройдите нашу 3-минутную викторину, чтобы выяснить, подходит ли вам техническая карьера.

8. Недоверенный

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

9. Code Hunt

Code Hunt научит вас программированию уникальным способом. Для воспроизведения вы определяете фрагменты кода, анализируете их, изменяете код для соответствия фрагментам, а затем фиксируете рабочий фрагмент кода. Вы можете использовать его для изучения Java или C #.

10. Робокод

Если вы когда-нибудь смотрели шоу BattleBots, то Robocode для вас. Вы получите навыки программирования, создав виртуальные боевые танки-роботы на Java или.СЕТЬ. Затем сражения разыгрываются на экране в реальном времени.

11. CheckIO и Империя кода

CheckIO и Empire of Code — это стратегические игры, которые могут научить вас JavaScript или Python. В Empire of Code используется пространство, и вы учитесь, защищая свою базу и нападая на других, в то время как CheckIO позволяет улучшить свои навыки, используя решения других.

12. VIM Adventures

Vim — это текстовый редактор с широкими возможностями настройки, используемый программистами.Если вы хотите научиться использовать Vim, то VIM Adventures — отличное место для начала! Используйте стандартные сочетания клавиш VIM, чтобы перемещаться по приключенческой игре в стиле Zelda.

13. Cyber ​​Dojo

Cyber ​​Dojo предлагает практические упражнения и задания для десятков языков программирования, включая Ruby, JavaScript, PHP, Python и другие. Каждое упражнение представляет собой задачу, которую нужно выполнить, с примером, показывающим, как должен выглядеть конечный результат. Это отличный способ попрактиковаться в кодировании.

14. Elevator Saga

Elevator Saga проверяет ваши знания JavaScript с проблемами, связанными с перемещением лифта и транспортировкой людей наиболее эффективным способом. Он начинается с задачи переместить 15 человек менее чем за минуту, и с этого момента задачи становятся все сложнее.

15. Кодовые войны

Code Wars поможет вам улучшить свои навыки, тренируясь вместе с другими. Они предлагают огромное количество языков, включая JavaScript, Swift, PHP, Python, Ruby и Haskell.Сначала вам нужно будет подтвердить свои навыки с помощью базового теста на понимание языка, который вы хотите практиковать.

Не совсем готовы присоединиться к играм здесь? Посетите бесплатный 10-дневный курс программирования Skillcrush, чтобы получить базовый обзор того, что такое обучение программированию!

.

No related posts.