MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Tento překlad není kompletní. Prosím pomozte přeložit tento článek z angličtiny.

Hraní je jedna z nejrozšířenějších aktivit na počítačích. Nové technologie neustále přicházejí na pomoc vývoji lepších a výkonějších her, které je možné spustit ve všech prohlížečích dodržujících standardy.

Vyvýjejte webové hry

Vítejte v MDN herním vývojovém centru! V této části stránek přinášíme zdroje pro webové vývojáře, kteří chtějí vytvářet hry. V hlavním menu na levé straně najdete spoustu užitečných návodů a technických článků, tak je prozkoumejte.

Také jsme přidali sekci referencí, kde můžete jednoduše nalézt informace o všech nejpoužívanějších API při vývoji her, užitečný seznam enginů a nástrojů a příklady her.

Note: Creating games on the web draws on a number of core web technologies such as HTML, CSS, and JavaScript. The Learning Area is a good place to go to get started with the basics.

Přetvořte nativní hry pro Web

If you are a native developer (for example writing games in C++), and you are interested in how you can port your games over to the Web, you should learn more about our Emscripten tool — this is An LLVM to JavaScript compiler, which takes LLVM bytecode (e.g. generated from C/C++ using Clang, or from another language) and compiles that into asm.js, which can be run on the Web.

To get started, see:

Příklady

For a list of web game examples, see our examples page. Also check out openwebgames.com for more useful resources and examples!

Viz další

Build New Games
A collaborative site featuring a large number of open web game development tutorials. Hasn't been very active recently, but still holds some nice resources.
Creative JS
A collection of impressive JavaScript techniques and experiments, not specific to games, but helpful nonetheless. Hasn't been very active recently, but still holds some nice resources.
Game programming patterns
An online book, written by Bob Nystrom, which discusses programming patterns in the context of game development with the aim of helping game developers produce more effective, efficient code.
Artillery blog
HTML5 games company Artillery have some useful articles on their blog.
Building games for Firefox OS
A quick guide to creating 2D games with HTML5, for distribution on Firefox OS and other mobile platforms.
Gamedev.js Weekly
Weekly newsletter about HTML5 game development, sent every Friday. Contains the latest articles, tutorials, tools, and resources.
HTML5 Game Devs Forum
Forums for developers, framework creators and publishers. Ask questions, get feedback, help others.
HTML5 Game Engine
List of the most popular HTML5 game frameworks along with their rating, features and samples.
JSBreakouts
Compare JavaScript Breakout clones in different frameworks to help you choose the right one for you.
Tuts+ Game Development
Tutorials and articles about game development in general.
#BBG IRC chat
Talk with the developers directly in real time.
HTML5 Gamedev Starter
Starter for the new game developers, a curated list of links to various, useful resources around the web.
js13kGames
JavaScript coding competition for HTML5 game developers with the file size limit set to 13 kilobytes. All the submitted games are available in a readable form on GitHub.
Mozilla Hacks blog
Games category on the Mozilla Hacks blog containing interesting gamedev related articles.
Visual-js game engine
2d/3d/webSocket orientend game engine. Comes with tools for windows only. Hosted on bitbucket projects site.   

Join the Games development community

Choose your preferred method for joining the discussion:

  1. Úvod
    1. Úvod do vývoje her pro Web
    2. Anatomie video hry
    3. Příklady
  2. API pro vývoj her
    1. Canvas
    2. CSS
    3. Full Screen
    4. Gamepad
    5. IndexedDB
    6. JavaScript
    7. Pointer Lock
    8. SVG
    9. Typed Arrays
    10. Web Audio
    11. WebGL
    12. WebRTC
    13. Web Sockets
    14. WebVR
    15. Web Workers
    16. XmlHttpRequest
  3. Techniky
    1. Používání asynchroních skriptů pro asm.js
    2. Optimalizování výkonu spuštění
    3. Využití WebRTC peer-to-peer datových kanálů
    4. Efektivní animace pro webové hry
    5. 3D hry na Webu
      1. Přehled
      2. Výklad základní 3D teorie
      3. Vývoj základního dema pomocí A-Frame
      4. Vývoj základního dema pomocí Babylon.js
      5. Vývoj základního dema pomocí PlayCanvas
      6. Vývoj základního dema pomocí Three.js
      7. Vývoj základního dema pomocí Whitestorm.js
      8. WebVR

    6. Zvuk pro Webové hry
    7. 2D rozpoznávání kolize
    8. 3D rozpoznávání kolize
      1. Přehled
      2. Rozpoznávání kolize objektů s použitím THREE.js
    9. Tiles a tilemapy
      1. Přehled
      2. Statické mapy
      3. Posouvající se mapy
    10. Implementace ovládacího mechanismu
      1. Přehled
      2. Dotykové ovládání
      3. Ovládání myší a klávesnicí
      4. Ovládání Gamepadem
      5. Ostatní
  4. Návody
    1. 2D breakout game using pure JavaScript
    2. 2D breakout game using Phaser
    3. 2D maze game with device orientation
    4. 2D platform game using Phaser (externí)
  5. Vydání her
    1. Přehled
    2. Distribuce hry
    3. Zviditelnění hry
    4. Zpeněžení hry

Štítky a přispěvatelé do dokumentace

 Přispěvatelé této stránky: krotovicl
 Poslední aktualizace od: krotovicl,