Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Desktop: Setup maximum constraint for dice rolling area #1

Open
kalnode opened this issue May 11, 2023 · 0 comments
Open

Desktop: Setup maximum constraint for dice rolling area #1

kalnode opened this issue May 11, 2023 · 0 comments

Comments

@kalnode
Copy link
Owner

kalnode commented May 11, 2023

For viewports 1920-width-and-up, rendering 3d scenes in the browser always seems to be sluggish, even with optimizations. Hardware (CPU, GPU) and browser (WebGL support) are all factors. In any case, there's a noticeable improvement in perceived 3d animation "smoothness" when the <canvas> area becomes smaller than x (e.g. 1024px), regardless of the viewport.

Proposal: For large-viewports, perhaps the dice rolling area should be constrained such that the <canvas> never exceeds a limit of width. In doing this, we'd have to present a stylized visual "box" to the user so they understand dice rolling occurs only within. Secondly, it would be nice to have a way to toggle the containment between full-page and the box-container. Perhaps a subtle icon in the top-right of the box?

@kalnode kalnode changed the title Desktop: Make smaller container for dice rolling Desktop: Setup maximum constraint for dice rolling area May 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant