2019-04-28 06:08:59 +00:00
|
|
|
import { Player } from "../pkg/fluster";
|
2019-04-25 17:52:22 +00:00
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
let sampleFileInput = document.getElementById("sample-file");
|
|
|
|
sampleFileInput.addEventListener("change", sampleFileSelected, false);
|
2019-04-25 17:52:22 +00:00
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
let localFileInput = document.getElementById("local-file");
|
|
|
|
localFileInput.addEventListener("change", localFileSelected, false);
|
2019-04-29 20:24:29 +00:00
|
|
|
|
2019-04-25 17:52:22 +00:00
|
|
|
let player;
|
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
function localFileSelected() {
|
|
|
|
let file = localFileInput.files[0];
|
2019-04-25 17:52:22 +00:00
|
|
|
if (file) {
|
|
|
|
let fileReader = new FileReader();
|
|
|
|
fileReader.onload = e => {
|
|
|
|
playSwf(fileReader.result);
|
|
|
|
}
|
|
|
|
fileReader.readAsArrayBuffer(file);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
function sampleFileSelected() {
|
|
|
|
if (sampleFileInput.selectedIndex <= 0) {
|
|
|
|
// No SWF selected.
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
let file = sampleFileInput.selectedOptions[0].innerText;
|
|
|
|
if (file) {
|
|
|
|
fetch(file)
|
|
|
|
.then(response => {
|
|
|
|
response.arrayBuffer().then(data => playSwf(data))
|
|
|
|
});
|
|
|
|
}
|
2019-04-29 20:24:29 +00:00
|
|
|
}
|
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
let timestamp = 0;
|
2019-05-06 10:51:09 +00:00
|
|
|
let animationHandler;
|
2019-05-06 10:31:33 +00:00
|
|
|
|
2019-04-25 17:52:22 +00:00
|
|
|
function playSwf(swfData) {
|
2019-05-06 10:51:09 +00:00
|
|
|
if (player) {
|
|
|
|
player.destroy();
|
|
|
|
window.cancelAnimationFrame(animationHandler);
|
|
|
|
player = null;
|
|
|
|
animationHandler = null;
|
|
|
|
}
|
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
let canvas = document.getElementById("player");
|
2019-04-25 17:52:22 +00:00
|
|
|
if (swfData && canvas) {
|
2019-04-28 06:08:59 +00:00
|
|
|
player = Player.new(canvas, new Uint8Array(swfData));
|
2019-04-27 22:50:33 +00:00
|
|
|
timestamp = performance.now();
|
2019-05-06 10:51:09 +00:00
|
|
|
animationHandler = window.requestAnimationFrame(tickPlayer);
|
2019-04-25 17:52:22 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-04-27 22:50:33 +00:00
|
|
|
function tickPlayer(newTimestamp) {
|
|
|
|
let dt = newTimestamp - timestamp;
|
|
|
|
player.tick(dt);
|
|
|
|
timestamp = newTimestamp;
|
2019-04-25 17:52:22 +00:00
|
|
|
window.requestAnimationFrame(tickPlayer);
|
|
|
|
}
|