• Dear Cerberus X User!

    As we prepare to transition the forum ownership from Mike to Phil (TripleHead GmbH), we need your explicit consent to transfer your user data in accordance with our amended Terms and Rules in order to be compliant with data protection laws.

    Important: If you accept the amended Terms and Rules, you agree to the transfer of your user data to the future forum owner!

    Please read the new Terms and Rules below, check the box to agree, and click "Accept" to continue enjoying your Cerberus X Forum experience. The deadline for consent is April 5, 2024.

    Do not accept the amended Terms and Rules if you do not wish your personal data to be transferred to the future forum owner!

    Accepting ensures:

    - Continued access to your account with a short break for the actual transfer.

    - Retention of your data under the same terms.

    Without consent:

    - You don't have further access to your forum user account.

    - Your account and personal data will be deleted after April 5, 2024.

    - Public posts remain, but usernames indicating real identity will be anonymized. If you disagree with a fictitious name you have the option to contact us so we can find a name that is acceptable to you.

    We hope to keep you in our community and see you on the forum soon!

    All the best

    Your Cerberus X Team

WIP Hi-DPI support on HTMl5

grant

Member
CX Code Contributor
3rd Party Module Dev
3rd Party Tool Dev
Joined
Nov 19, 2019
Messages
80
I attached a modified version of html5game.js that has some modifications that enable hi-DPI support on HTML5. The modifications are marked with "grant Hi-DPI edit". It checks if the browser scaling (window.devicePixelRatio) has changed on each frame, so it will detect if the DPI changes mid game.

Also I added this line to the head tag of CerberusGame.html
Code:
<meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 

Attachments

  • html5game.js
    13.9 KB · Views: 91
Last edited:
Does this effect performance and devices with no high-dpi support?

Edit: I guess not.
 
Last edited:
I wish you would have added your changes to the latest version of the html5games.js file. :-/
 
I see you got the latest version up for Mac yesterday. I'll grab it before my next changes.
 
Last edited:
As nobody mentioned any problems, I moved it to the develop branch.
 
So, had time to test this more properly. Resizing a browser window or pulling the splitter in the window scaled up the canvas to an unusable size. :eek: Not good. Touch coordinates also report back wrong.
 
Last edited:
Back
Top Bottom