Find Jobs
Hire Freelancers

Solve issue with webGL canvas alignment/scaling in Safari on iPhone when changing orientation

$30-250 USD

Completed
Posted almost 3 years ago

$30-250 USD

Paid on delivery
PLEASE READ THE ENTIRE DESCRIPTION BEFORE RESPONDING... We have a project using Phaser (using webGL). The page loads in landscape, and we have a rotate screen in there which shows up and tells the user to rotate back to landscape if they rotate to portrait. The problem is that when the device is rotated back to landscape in Safari on the iPhone, the content ends up being mis-aligned/scaled and showing a black bar across the top/bottom of the screen. We're assuming it's the canvas which Safari is setting inconsistently, so re-centering/scaling that correctly to the viewport size is what we think is needed, but we are open to any options to solve this. If you believe you can solve these issues, please let us know. We'll need you to sign an NDA then we can provide you with a version of the project for testing, along with screenshots and video of the issues happening, and answer any specific questions. When you replay to this please include the word "elephant" in your response so we know you have read the entire description, any responses without that will simply be ignored. Skills required: Please conform you have the knowledge and skills to solve this (html/css, javascript and experience with the quirks of iOS/Safari are essential, experience with multi platform web games/web apps across different platforms is essential, some experience with Phaser [login to view URL] specifically might be helpful but probably not essential. Deliverables: Updates to the project to solve the above issue, along with an explanation of what was changed for the fix. We'll also need to prove that the changes don't have any knock on effects causing errors on Android, iPhone Chrome, iPad, and desktop) We will test at our end on a range of devices and iOS versions to confirm. Note, we are only targetting iPhone7 upwards but the issues listed above only appear to be affecting more modern devices (iPhoneX up) Any questions please ask. Please prove that you have read and understood the project before bidding.
Project ID: 30542273

About the project

3 proposals
Remote project
Active 3 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Dear Client. I am well versed Phaser Developer. I hope to have a chat with you for the project. I have 17 years of exp on programing and I have developed app with Phaser /Cordova for 2 years. I think I could help you. Best Regards...
$250 USD in 1 day
5.0 (1 review)
3.0
3.0
3 freelancers are bidding on average $218 USD for this job
User Avatar
Hello, there. I am WebGL expert. Please check my portfolios. Then you could get my skills. My prior task is to apply transparencies to each models that are rendered from on vertex array and eliminate the gimbal lock. It is required high skills and expertise in Pure webgl built in javascript only. Thanks Kirill.
$250 USD in 3 days
5.0 (1 review)
3.2
3.2

About the client

Flag of UNITED KINGDOM
Truro, United Kingdom
5.0
40
Payment method verified
Member since Mar 27, 2007

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.