Skip to content
This repository has been archived by the owner on Nov 12, 2024. It is now read-only.

kaboom 3000.0.0-beta.3 letterbox bug #708

Open
ismyhc opened this issue Apr 26, 2023 · 1 comment
Open

kaboom 3000.0.0-beta.3 letterbox bug #708

ismyhc opened this issue Apr 26, 2023 · 1 comment

Comments

@ismyhc
Copy link

ismyhc commented Apr 26, 2023

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

@slmjkdbtl
Copy link
Contributor

slmjkdbtl commented May 19, 2023

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants