replit/kaboom

kaboom 3000.0.0-beta.3 letterbox bug

ismyhc opened this issue · 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>

Screenshot 2023-04-26 at 6 44 18 PM

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

Screenshot 2023-04-26 at 6 48 13 PM

70bceb8 should fix it (however letterbox without stretching still dont work), will complete the fix soon!