Fairly new so please bear with me.
Goal: Non-ticking Grid Map that is always the height and width of the usable area inside a browser (cross device, cross resolution)
Basically I'll:
- AJAX load an XML of grid data
- use a 32x32 TiledBackground
- put Text objects in each grid box (destroy and re-create on resize)
- on panning I'll clear all the text and cycle through them setting text to values from the appropriate portion of the XML
So... No "real" panning, no scaling.
WindowWidth, WindowHeight, ViewportLeft, ViewportTop do not seem to wait for Browser Object On Resized to complete and even when I put delays in they still do not seem to be the actual width / height or top / left of the browser window.
I also see no way to dynamically set Layout or Viewport size or position.
Edit time Project Window Size and Layout Size don't seem to matter.
All browsers I've tested with seem to have the same issue.
Current settings:
Project
Window Size 10,10 (since they don't seem to matter and want them dynamic anyway)
Fullscreen in browser: Crop
Enable WebGL: Off (strictly 2d canvas that I want to be fast response)
Layer
Scale Rate: 0
Parallax: 100,100 (since I can't turn it off?)
Parallax in editor: No
Layout
Unbounded scrolling: No
Layout Size: 10, 10
Margins: 0, 0
Currently I call a "DrawScreen" function from 2 events
- System: On Start of Layout
- Browser: On Resized
This "mostly" works but seems to be % off (10 to 100 pixels depending on browser window size)
Also, when I put logging in, the dimension variables don't "settle" immediately.