横向运行游戏的起点

Question

我想知道是否有人可以指出我创建像run field之类的游戏的起点或类似的学习HTML 5（CSS3）的方法。

我玩过GUI元素，但我对上面的交互式动画很感兴趣。

Answer 1

结帐the list of JavaScript game engines。你可能会找到适合你目的的东西。

Answer 2

1. 找出你想要的游戏（明确地）。
   • 绘制以不同速率滚动的多个图像平面，以及动画精灵。
   • 让角色“坚持”在地上。
   • 根据鼠标/键盘交互让角色跳跃。
   • 让角色坠入重力，落地。
   • 找出角色落入洞中或撞墙的时间。
2. 弄清楚你需要做些什么才能实现这一目标。
   • 绘制平铺图像。
   • 跟踪图像偏移。
   • 创建关卡生成器。
   • 执行某种命中检测以使角色保持在地面上。
   • 使用物理或简单的重力方程。
   • 使用事件处理来跟踪键盘/鼠标输入。
   • 写一个执行动画的游戏循环。
3. 尝试自己实施。
4. 遇到问题时，请提出具体，详细，有针对性的问题。

这听起来像是一个讽刺的回答，但我是认真的。一个非常普遍的问题是“如何解决这个巨大的问题”需要你对它进行分析并将其分解成更小的块，直到它们一口大小并且可以实现。

充分了解您的开发平台的功能将有助于您的大脑执行路径查找，找出如何从您的目标到最终实施。

Answer 3

这里是我用自己学习画布的链接：

1. a Guide（只有这一章对我很有意思）
2. an example及其sourcecode

阅读简短指南后，我建议您只使用源代码示例并使用Google搜索特定内容。它很快，您将看到您在自己的代码上工作大部分时间，从而创建一些东西来展示并获得Canvas API的非凡体验。