这篇文章需要文法复核。如何帮忙。

游戏是在计算机上最风靡的活动之一。新技术不断发展已使开发出能在任何符合标准的浏览器上运行更好更炫的游戏成为可能。

开发网页游戏

欢迎来到MDN游戏开发中心! 在网站的这个模块我们为想要开发游戏的web开发者提供了资源。你可以在主菜单的左边找到很多有用的教程和技术文档,放轻松去探索吧。

我们同样包含了参考书库,因此你可以轻易的找到有关游戏开发所有常用的API以及有用的引擎和工具清单和游戏案例.

注解: 在你开始尝试创建一个网页游戏之前你至少要掌握基础的核心web技术 —— 例如HTML、CSS和Javascript。如果你是一个完全的初学者, 这里 将会是一个很好的学习领域。

将本地游戏移植到Web

如果你是一个本地游戏开发者(例如你用C++开发游戏),并且你对如何将本地游戏移植到Web感兴趣,你应该更多的学习关于我们的Emscripten 工具—— 这是一个LLVM JavaScript 编译器。它能获取LLVM字节码(例如用Clang编译C/C++或者其他语言生成的字节码)并且将它们编译成asm.js以在Web上运行。

开始,查看以下:

示例

获取示例清单,查看示例页。也可以检出 openwebgames.com 以获得更多有用的资源和示例!

请参见

Build New Games
一个具有大量开放的网络游戏开发教程的网站。 最近并不非常活跃,但仍然拥有一些不错的资源。
Creative JS
一个令人印象深刻的JavaScript技术和实验的集合,并不完全是游戏但还是对开发有帮助的。 最近并不非常活跃,但仍然拥有一些不错的资源。
Game programming patterns
在线书籍,作者Bob Nystrom,其中讨论了游戏开发环境中的编程模式,旨在帮助游戏开发人员生成更有效,更高效的代码。
Artillery blog
HTML5游戏公司Artillery在他们的博客上发表的一些有用的文章。
Building games for Firefox OS
使用HTML5创建2D游戏的快速指南,针对在Firefox OS和其他移动平台上分发。
Gamedev.js Weekly
关于HTML5游戏开发的每周新闻,每星期五发送。 包含最新的文章,教程,工具和资源。
HTML5 Game Devs Forum
开发者,架构师,发布者的论坛。提出问题,获得帮助,帮助他人。
HTML5游戏引擎
眼下最流行的HTML5游戏框架列表,包含评分,特色和案例。
JSBreakouts
比较在不同的框架中的JavaScript Breakout clones,以帮助您作出正确的选择。
Tuts与游戏开发
关于游戏开发的教程和案例。
#BBG IRC chat
实时在线与开发者直接对话。
HTML5 Gamedev Starter
Starter针对游戏开发新手,在网络上提供一个策划列表链接到各种,有用的资源。
js13kGames
针对HTML5游戏开发人员的JavaScript编码竞赛,文件大小限制设置为13千字节。 所有提交的游戏都以可读的形式在GitHub上提供。
Mozilla Hacks blog
在Mozilla Hacks博客包含关于游戏类别的有趣的游戏开发的相关文章。
Visual-js game engine
2d / 3d / webSocket定向游戏引擎。 只有window下的工具。 托管在bitbucket项目网站。

加入 Games development 社区

请选择你喜欢的方式加入我们:

子菜单
  1. 介绍
    1. Web游戏开发介绍
    2. 剖析一个影像游戏
    3. 案例
  2. 游戏开发中的APIs
    1. Canvas
    2. CSS
    3. 全屏
    4. 游戏手柄
    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. 技术
    1. 使用同步scripts for asm.js
    2. 优化启动性能
    3. Using WebRTC peer-to-peer data channels
    4. 针对web游戏的高效动画
    5. 网页3D游戏
      1. 3D games on the Web overview
      2. 解释3D基本原理
      3. 使用Three.js创建一个基本的demo
      4. 使用PlayCanvas创建一个基本的demo
      5. 使用Whitestorm.js创建一个基本的demo
      6. WebVR

    6. Web游戏中的Audio
    7. 2D碰撞检测
    8. 3D碰撞检测
      1. 3D碰撞检测前瞻
      2. Bounding volume collision detection with THREE.js
    9. 贴图和tilemaps
      1. 贴图和tilemaps前瞻
      2. 静态地图
      3. 滚动地图
    10. Implementing game control mechanisms
      1. 游戏操控机制前瞻
      2. 移动端触屏控制
      3. Desktop鼠标和键盘控制
      4. Desktop游戏手柄控制
      5. 其他控制方式
  4. 教程
    1. 纯JavaScript的2D breakout游戏
    2. 使用Phaser创建的2D breakout游戏
    3. 2D迷宫游戏with device orientation
  5. 发布游戏
    1. 发布游戏
    2. 游戏分发
    3. 游戏推广
    4. 游戏获利

文档标签和贡献者

 此页面的贡献者: lixuanh, ljzzkkkss, Hypophrenia, maoxiaoke, chrisdavidmills
 最后编辑者: lixuanh,