HTML5 游戏工作坊:使用 JavaScript 制作平台游戏!

我一直想举办一个游戏开发工作坊,几周前,多亏了巴塞罗那的 AdaJS,我终于获得了这个机会。

最好的消息?我创建的材料 已在网上发布!你可以使用它们作为自我指导,也可以用来设计你自己的游戏开发工作坊。

我涵盖的内容包括

  • 设置你的机器以使用 Phaser 和 JavaScript 开发游戏。
  • 加载你将在游戏中使用的资产(图像、音频文件等)。
  • 渲染动画的精灵
  • 通过键盘获取玩家的输入。
  • 使用物理引擎 来处理移动、跳跃、重力等。
  • 播放声音效果和背景音乐。
  • 在不同关卡之间切换。
  • 还有更多!

你可以 在这里查看最终游戏 - 以及玩它! 使用箭头键移动角色并跳跃。你的目标是拾取钥匙并到达门。

Platformer screenshot

在家尝试工作坊

你想自己尝试工作坊 并制作游戏吗?请开始吧!每节课的开头都有指示,每一步都有解释,这样你就可以把它作为自学工作坊来使用,无需教练。

如果你迷路了,可以在每章结束时下载源代码,并与你的工作进行比较。还有一个清单可以帮助你在进入下一步之前确保你走在正确的轨道上。

举办你自己的工作坊

如果你想在你的当地社区复制工作坊,请这样做。看到人们第一次制作游戏,真的很有趣也很鼓舞人心。我们很乐意收到你的消息!

工作坊网站包括一个 教练和讲师指南,它将帮助你设置并运行你自己的游戏制作工作坊。

关于 Belén Albeza

Belén 是一位工程师和游戏开发者,在 Mozilla 开发者关系部门工作。她关心网络标准、高质量代码、可访问性和游戏开发。

更多 Belén Albeza 的文章……


3 条评论

  1. sudhir meena

    这个工作坊很棒……学到了很多……但中途遇到了一些问题,代码相同但游戏运行得并不理想。
    但我从你的源代码复制后,它就运行了……我检查了很多次,代码都是一样的……但我重新做了一遍,使用我自己的代码并运行它。

    2017 年 4 月 19 日 下午 08:53

  2. PM7268

    很想了解更多关于 HTML5 网络开发的信息以及成为导师需要什么!

    2017 年 4 月 22 日 下午 19:48

    1. Belén Albeza

      嗨,我们在 Mozilla 开发者网络上有很多内容可以帮助人们开始学习 Web 开发。查看:https://mdn.org.cn/en-US/docs/Learn

      2017 年 4 月 24 日 上午 08:30

本文的评论已关闭。