如何每秒编程帧数

时间:2015-10-05 11:25:29

标签: javascript web-applications frame-rate

嘿,我是一年级学生,我想尝试使用html,javascript,css和php在我的网站上制作一个简单的2D游戏。我还在写出我将如何做到但我仍然坚持每秒如何制作帧数,它们是否神奇地出现在我的游戏中,或者我是否需要自己编程。之前我曾经写过一个简单版的口袋妖怪专营权,你可以四处走动,随意遇到怪物,他们只是有不同的等级和属性。然而,角色每次点击走16次,他不能分步走16px。这就是我想要的,但我无法理解它。

现在我想要找出类似的东西,一个走动的角色,收集东西,沿途做一些小任务。我喜欢这个角色能够顺利地走向NPC。

我想知道如何制作60fps的游戏,每次按下60帧的按钮,每次在1秒钟内我希望我的角色走多个像素,以此为例32像素,但他必须在30帧,0.5秒内走32个像素。我该如何编码?

我正在寻找一个非常特别的答案,你可能无法从上面的文字中找到我想要的东西,所以我会列出我不想要的答案。让它更容易。

寻找:

  • 有关游戏编程位置的提示,例如统一。
  • 大量代码行。
  • 制作游戏的教程。
  • 如何编制FPS计数器。

我正在寻找:

  • 解释它是如何编码的,或者它是如何神奇地出现的。
  • 尽可能少的示例代码来理解它是如何完成的。
  • 如果无法在网络应用中完成,请告诉我原因。
  • 链接到有助于我了解FPS的有用信息来源

我已经尝试过找到答案:

  • 浏览了很多Google搜索字词,我尝试了很多与我应该使用的搜索字词不同的内容,但它要么发送给我关于如何编写FPS计数器或第一人称射击游戏的页面。
  • 通过尝试一堆不同的搜索词,Stack over溢出已经有了答案。
  • 试图了解他们是如何在Unity中完成的。

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

1 个答案:

答案 0 :(得分:0)

例如在javascript中,为了制作游戏,我会使用'绘制循环'。

例如,如果我有一个charachter,我希望每秒以60帧的速度向左移动1个像素,我会这样做:

    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。