kaboom 3000.0.0-beta.3 letterbox bug

Open ismyhc opened this issue 2 years ago • 1 comments

Hi,

Ive just started a 3000.0.0-beta.3 project and when trying to use letterbox: true, I get the following result:

import kaboom from "kaboom";

const k = kaboom({
  width: 375,
  height: 812,
  letterbox: true,
  //stretch: true,
});

index.html is simple:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
  </head>
  <body>
    <script type="module" src="/main.js"></script>
  </body>
</html>

This happens in safari and chrome. Actually, I get the following in chrome. Not sure if this is something on my side:

Apr 26 '23 22:04 ismyhc

https://github.com/replit/kaboom/commit/70bceb8cdc04e25ce93989a0d272622eea772707 should fix it (however letterbox without stretching still dont work), will complete the fix soon!

May 19 '23 22:05 slmjkdbtl