index.js 488 B

123456789101112131415161718192021222324
  1. import * as wasm from "fourteen-screws";
  2. let angle = 0;
  3. function render() {
  4. let canvas = document.getElementById("canvas");
  5. if (canvas) {
  6. var context = canvas.getContext("2d");
  7. if (context) {
  8. context.clearRect(0, 0, 320, 200);
  9. var image = context.getImageData(0, 0, 320, 200);
  10. wasm.render(image.data, angle);
  11. context.putImageData(image, 0, 0);
  12. }
  13. }
  14. angle++;
  15. if ( angle >= 1920 ) { angle = 0; }
  16. requestAnimationFrame(render);
  17. }
  18. requestAnimationFrame(render);