Теперь, когда Flash в значительной степени заменяется элементами HTML5 (видео, аудио, canvas и т. Д.), Есть ли хорошие примеры веб-игр, построенных на полностью открытых стандартах (то есть Javascript, HTML и CSS)? Я вижу много примеров реализации в чистом HTML5 того, что было когда-то только во Flash (например, здесь: http://www.html5rocks.com/ ), но не так много игр, в которых, по-видимому, доминирует Flash. Мне интересно, что возможно и каковы ограничения.
flash
web
html5
javascript
Zuch
источник
источник
Ответы:
Вокруг HTML5 много ажиотажа, но сказать, что Flash в значительной степени заменяется им, - это преувеличение. В то время как видео и аудио теги могут набирать обороты, игры будут долгое время оставаться одной областью, не только из-за улучшенных инструментов и производительности, но также и потому, что есть бизнес-инфраструктура, построенная вокруг распространения файлов Swf, которая не будет легко адаптироваться к HTML и JS. Html5-игры, которые я видел с использованием canvas, примерно там, где Flash был 7 лет назад, и к тому времени, как ie9 будет достаточно широко распространен, чтобы canvas был жизнеспособным вариантом, Flash уже представит свои запланированные функции трехмерного и, возможно, аппаратного ускорения.
источник
В интересах изучения того, насколько далеко вы можете взять новейший набор браузеров, я и некоторые его коллеги кросс-скомпилировали порт Java с открытым исходным кодом Quake II для Safari / Chrome (в какой-то момент он должен работать и в Firefox, хотя изначально этого не произошло, в основном по соображениям производительности). Проект находится здесь: http://code.google.com/p/quake2-gwt-port/
Он все еще требует некоторого ухода и питания, чтобы запустить его (например, WebGL по-прежнему не включен по умолчанию в любом браузере доставки), но мы загрузили видео здесь: http://www.youtube.com/watch?v = XhMN0wlITLk (извините, это так темно - проблемы с гаммой остаются), и вы можете посмотреть наш рассказ о вводе / выводе Google здесь: http://code.google.com/intl/fr-FR/events/io/2010/sessions/gwt -html5.html
Я не знаю, сколько пройдет времени, прежде чем мы сможем реально зависеть от всех этих новых функций браузера (WebGL, WebSocket, аудио / видео, локальное хранилище и т. Д.), Но если все это объединится, это может иметь огромное значение в возможности поставлять игры прямо в Интернете. Но все еще остается много препятствий (например, не задерживайте дыхание, чтобы Microsoft внедрила WebGL в IE10).
источник
EA of Lord of Ultima , пожалуй, самая впечатляющая игра на Javascript / HTML, которую я когда-либо видел.
Примечание: это стратегическая игра, а не название действия, поэтому, несмотря на то, что она имеет красивую плавную карту прокрутки, нет ничего, кроме нажатия на кнопки, в том, что касается прямой интерактивности.
источник
«Мне любопытно, что возможно и каковы ограничения».
Ограничения основаны на браузере. Если вы используете что-то горячее, например, ночные ноты Webkit, Flash практически ничего не может сделать, чего не может сделать браузер изначально, например:
AFAIK, это все возможно и в Google Chrome (а если нет, то скоро будет). Походит на полную игровую среду для меня :)
(Я включил ссылки на все это в свой первый черновик, но StackExchange не позволил бы мне публиковать их, так как я новичок; извините!)
источник
Посмотрите на эти сайты:
источник
Парень из jquery создает игровой движок под названием Aves, используя javascript / html. Это видео описываются некоторые проблемы, с которыми он столкнулся во время разработки. Он много говорил о том, насколько медленным был холст и что он в настоящее время не ускорен.
Вы также можете найти целую кучу игр, разработанных с использованием движка Effect Games. Хотя двигатель выглядит довольно изолированным на своем сайте со всеми существующими инструментами и активами.
ИМО самым большим ограничением разработки js / html-игры является звук. Тег выполняет разные события в зависимости от safari / firefox / chrome, все из которых должны быть последней версией. Последнее, что я проверял, сафари работает только с MP3, а Firefox работает только с OGG. Хотя это вполне возможно, чтобы преодолеть это с помощью серверной логики.
В настоящее время я увлекаюсь написанием Flash-игр и не вижу, как этот домен преодолевается HTML5 (js / css / html), пока порталы не начнут их принимать или пока магазины веб-приложений не станут онлайн.
источник
Contrasaurus
Эта игра была тщательно разработана с кровью, потом, слезами и HTML5. Базовая библиотека преобразования матрицы была представлена как Matrix.js . Кроме того, многие из базовых языковых расширений, спрайтов, звуков и библиотек холста работают в The Pixie Game Platform. .
Нет Flash, все HTML5 Canvas и Audio. Лучше всего работает в Chrome.
источник
Вы действительно должны проверить библиотеку CAAT - это потрясающе! Это библиотека сценограмм (например, thing.addchild / thing2.removechild) для canvas.
Это демо-версия сразило меня, а также игру, содержащуюся на этой странице: http://labs.hyperandroid.com/animation
Настолько, что я перешел на нашу собственную игру, чтобы использовать ее, и это заняло у меня всего одну ночь.
Загляните в многопользовательский снежный бой http://holiday2010.ogilvy.com
Настолько, что я попытался улучшить библиотеку и добавить в нее материал: http://github.com/onedayitwillmake/CAAT-Hello
Доступно на github: http://github.com/onedayitwillmake/CAAT-Hello/tree/circlepack
источник
Несмотря на то, что средства управления испорчены / нуждаются в работе, мне нравится Акихабара - http://www.kesiev.com/akihabara/
источник
Google Pacman должен быть один из наиболее впечатляющих JS / HTML игр , которые я видел (предоставленные, это только один я видел, но это все-таки на самом деле впечатляет :)
Расположение исходного кода
источник
Для Дариуса Каземи и Даррена Торпи есть отличные учебные пособия для библиотек Акихабара по адресу: Учебные пособия Акихабара
источник
Biolab Disaster - неплохой платформер с боковой прокруткой, показывающий, что можно сделать с помощью html5 и js. http://playbiolab.com/
источник
Я только что закончил перенос своей космической стратегии с Silverlight / C # на чистый HTML5 / Javascript / Canvas:
Астриарх - правитель звезд
Это 2D-игра, графически очень простая, поэтому она прекрасно подойдет для использования холста, потому что там не много рисования. При этом, я впечатлен тем, что делают другие, более анимированные игры с той же технологией. Как злые птицы в интернет-магазине Chrome: Angry Birds , вы также можете попробовать другие игры в интернет-магазине Chrome для получения дополнительных примеров.
Одна из причин, по которой я портировал свою игру, заключалась в том, что я хотел, чтобы она могла работать на планшетных / мобильных устройствах без необходимости перекодирования всего кода в Java или Objective C. И iOS, и Android имеют элементы управления «WebView», чтобы сделать это проще, но У меня были проблемы с тем, что я немного повозился с этим (iOS требует, чтобы все ваши ресурсы были в одной папке, насколько я видел).
Этот тип кроссплатформенных требований является хорошей причиной, по которой некоторые люди переходят от Flash к HTML5, но недостатком является то, что вам приходится тестировать на N различных браузерах и версиях, и все головные боли связаны с типичной веб-разработкой. Эти проблемы устраняются библиотеками, такими как jQuery, и некоторыми другими библиотеками / платформами игр HTML5, упомянутыми здесь ( ImpactJS - это та, которую я видел, но не пробовал). Также эти проблемы не будут такими серьезными, когда FireFox 7 выйдет и IE 9+ станет более распространенным.
Если вас интересуют некоторые проблемы, с которыми я столкнулся при переносе с Silverlight на HTML5 Canvas, вам следует ознакомиться с моей записью в блоге здесь: Перенос приложения Silverlight на javascript с использованием HTML5-тега Canvas
источник
Вот 3 отличные игры, использующие движок ImpactJS .
Если вы в настоящее время не уверены в том, что вы можете сделать с HTML5, я бы сказал, что это лучшие примеры. Имейте в виду, что, поскольку это такая горячая тема, поле быстро меняется!
Z-Type
БиоЛАБ
Существа и Замки
источник
По совпадению, сегодня на Slashdot возник вопрос о html5 / javascript играх:
http://ask.slashdot.org/story/10/07/14/0632238/JavaScriptHTML-5-Gaming
В частности, упоминается Galactic Plunder, космический шутер с боковой прокруткой:
http://dougx.net/plunder/plunder.html
источник
http://www.javascriptgaming.com/
источник
Очень интересная среда разработки HTML5, на которую я недавно наткнулся, - это Sencha. Это в основном для портативных / сенсорных устройств, но что не через пару лет? Вот несколько интригующих демонстраций, включая карточную игру:
http://www.sencha.com/products/touch/demos.php
источник
Вот некоторые HTML5-игры на Effects Games ... есть даже проекты, в которых вы можете принять участие. Убивал время между компиляциями в основном с помощью своей Crystal Galaxy Demo
источник
С сайта: «Cycleblob реализован с использованием элементов холста WebGL и HTML 5 и полностью написан на JavaScript».
http://cycleblob.com/
источник
попробуйте Private Joe для полноценного ретро аркадного шутера
если вы хотите попробовать игры, оптимизированные для мобильных устройств, отправляйтесь на marketJS
источник