I need to call the resize once the page is loaded to get everything synced up

Initially WORLD_SCALE does not have a default value. Once the frame is resized once then the scale is set