我该如何编程每秒帧数

Question

嘿，我是一年级学生，我想尝试使用html，javascript，css和php在我的网站上制作一个简单的2D游戏。我仍然在写我如何去做，但我被困在每秒帧数的制作上，他们奇迹般地出现在我的游戏中，还是我需要自己编写它们。我以前写过一个简易版的神奇宝贝特许经营权，在那里你可以四处走动，随机遇到怪物，他们只是有不同的级别和属性。然而，角色每次点击走16px，他无法步行16px。这就是我想要的，但我无法理解它。

现在我想找出类似的东西，一个四处走动的人物，收集东西，并且一路做些小任务。我希望角色能够顺利走路，并且NPC也是如此。

我想知道我是如何让我的游戏达到60fps的，而且每次我按下一个按钮60帧时，每一秒都会在1秒内让我的角色走多个像素，例如32像素，但他必须在30帧，0.5秒内行走其中的32个。我如何编码？

我正在寻找一个非常特殊的答案，你可能没有从上面的文本中得到我要找的东西，所以我将列出我不想让它更容易的答案。

我不寻找：在哪里编程的游戏，就像在统一

• 提示。
• 负载的代码行。
• 制作游戏的教程。
• 如何编程FPS计数器。

我在寻找：

• 的解释它是如何编码的，或者它是如何奇迹般地出现。
• 用一小段代码示例来理解它是如何完成的。
• 如果无法在网络应用中完成，请告诉我为什么。
• 链接的有用信息来源，可以帮助我了解FPS

我已经试图找到答案：

• 经过大量的谷歌搜索方面，我尝试了关于我应该使用什么样的搜索条件，我遇到了很多不同的问题，但它要么向我发送关于如何编写FPS计数器或第一人称射击游戏的页面。
• 检查出来堆栈溢出已经通过尝试了一堆不同的搜索条件得到了答案。
• 试图找出他们如何在Unity中做到这一点。

我不确定我没有使用正确的搜索条件，但我用了很多涉及“编码fps”，“帧速率每秒编程”，“编程的核心游戏“，但我找不到它。如果您知道解决我的问题或了解更好的搜索字词的更好方法，请告诉我。

Answer 1

例如在javascript中，为了制作游戏，我将使用“绘制循环”。

例如，如果我有，我想移动1个像素向左每帧60帧每秒我会做这样的charachter：

var fps = 60; 
    var charX = //Whatever your charachters x position 
    function moveChar(){ 
     charX++; 
    }; 

    var loop = setInterval(moveChar,1000/fps); 

显然moveChara看起来非常不同。这段代码 - 如果你添加了所有必要的片段，就会以60 fps的速度移动一个精灵。你仍然需要有一个图像（动态添加JS或HTML）

这是为香草JS和HTML。