Fix timer

Author: Herschel

Cargo.toml

@@ -43,7 +43,7 @@ wasm-bindgen-test = "0.2"
 
 [dependencies.web-sys]
 version = "0.3.19"
-features = ["CanvasRenderingContext2d", "HtmlCanvasElement", "Performance", "HtmlImageElement", "Window"]
+features = ["CanvasRenderingContext2d", "Document", "Element", "HtmlCanvasElement", "Performance", "HtmlImageElement", "Window"]
 
 [dev-dependencies]
 wasm-bindgen-test = "0.2"

src/player.rs

@@ -94,6 +94,7 @@ impl Player {
     pub fn tick(&mut self, dt: f64) {
         self.frame_accumulator += dt;
         let frame_time = 1000.0 / self.frame_rate;
+        info!("{} / {}", self.frame_accumulator, frame_time);
         let needs_render = self.frame_accumulator >= frame_time;
         while self.frame_accumulator >= frame_time {
             self.frame_accumulator -= frame_time;

www/index.js

@@ -16,15 +16,20 @@ function fileSelected() {
     }
 }
 
+let timestamp = 0;
 function playSwf(swfData) {
     let canvas = document.getElementById("fluster-canvas");
     if (swfData && canvas) {
-        player = Player.new(swfData, canvas);
+        let data = new Uint8Array(swfData);
+        player = Player.new(data);
+        timestamp = performance.now();
         window.requestAnimationFrame(tickPlayer);
     }
 }
 
-function tickPlayer(timestamp) {
-    player.tick(timestamp);
+function tickPlayer(newTimestamp) {
+    let dt = newTimestamp - timestamp;
+    player.tick(dt);
+    timestamp = newTimestamp;
     window.requestAnimationFrame(tickPlayer);
 }