在畫布上播放精靈表比幀率慢

Question

我有一個精靈渲染器，它告訴我的遊戲引擎如何渲染精靈。此類中的更新方法每秒調用大約120次。以這樣的速度穿越精靈表格太快了。

在我的精靈類中，我有一個名爲duration的屬性，它告訴渲染器精靈應該玩多少秒。一旦它達到最後一幀，它應該重新開始。

我不完全確定如何計算這個與update每秒運行120次，精靈表應該持續x秒直到重新開始。

class SpriteRenderer extends Component { 

    // The current frame 
    public frame: number = 0; 
    // The sprite reference 
    public sprite: Sprite = null; 

    update() { 

     // Number of frames in the sprite sheet 
     let frames = this.sprite.frames; 
     if (frames > 0) { 
      // The time in seconds the sprite sheet should play 
      let duration = this.sprite.duration; 

      if (/* What should go here? */) { 
       this.frame++; 
       if (this.frame > frames - 1) { 
        this.frame = 0; 
       } 
      } 
     } 

    } 

} 

Answer 1

您可以實現一個控制幀時間的時間變量。 這個變量是一個浮點數，一旦它變得足夠大，你可以做下一幀並重置變量。

我從來沒有做過任何類型的腳本，但這可能工作。它至少會讓你知道我在說什麼。

如果更新每秒運行120次，這意味着它每60/120秒運行0.5次。

現在我們可以將currentTime增加0.5，並檢查currentTime>sprite.duration * 60我認爲。 :)

Exampe：

class SpriteRenderer extends Component { 

    // The current frame 
    public frame: number = 0; 
    // The sprite reference 
    public sprite: Sprite = null; 
    public currentTime: number = 0.0; //This is the current time. 
    public updateTime: number = this.sprite.duration*60; //This is how long the update time is. 
    update() { 
     this.currentTime += 0.5; //Add to the current time. 
     // Number of frames in the sprite sheet 
     let frames = this.sprite.frames; 
     if (frames > 0) { 
      // The time in seconds the sprite sheet should play 
      let duration = this.sprite.duration; 

      if (this.currentTime > this.sprite.duration*60) { //Check if the current time is more than the wait time. 
       this.currentTime = 0.0; //Reset the wait time. 
       this.frame++; 
       if (this.frame > frames - 1) { 
        this.frame = 0; 
       } 
      } 
     } 

    } 

}