Is there a concept of Virtual Resolution?

[AaronKParticipant]

Hey guys, just installed Monkey 2 and wow, it’s looking good. What I want to know though, is there a way to handle virtual resolutions? I want to have a screen be some physical resolution (Don’t care what, ideally full res of the computer’s display) but then set a virtual resolution that I develop the game in and scaling is taken care of.

Obviously this would require letter or pillar boxing, scaling and cropping or whatever.

 

Does Monkey 2 support this easily?

 

Cheers

Aaron

[EthernautParticipant]

If you look inside Monkey2/bananas/viewLayout there’s a complete demonstration on how to use virtual resolution and layouts. The basic idea is that the Window method “OnMeasure:Vec2i()” should return the resolution you want, and the “Layout” property controls things like stretching, letterboxing, etc.

Here’s a much simplified version that shows only what you want, scale the window to see the letter boxing in action:

Monkey

[crayon-5cba9ba3ae768132324670 inline="true" ] #Import "<std>" #Import "<mojo>" Using std.. Using mojo.. Class MyWindow Extends Window Field virtualRes:=New Vec2i( 320,240 ) Method New( title:String,width:Int,height:Int,flags:WindowFlags=WindowFlags.Resizable ) Super.New( title,width,height,flags ) Layout = "letterbox" Style.BackgroundColor = Color.DarkGrey ClearColor = Color.Black End Method OnRender( canvas:Canvas ) Override App.RequestRender() canvas.DrawText( "Hello World!",Width/2,Height/2,.5,.5 ) End Method OnMeasure:Vec2i() Override Return virtualRes End End Function Main() New AppInstance New MyWindow( "Simple Window Demo!",640,512 ) App.Run() End

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

[crayon-5cba9ba3ae768132324670 inline="true" ] #Import "<std>" #Import "<mojo>"   Using std.. Using mojo..   Class MyWindow Extends Window   Field virtualRes:=New Vec2i( 320,240 )   Method New( title:String,width:Int,height:Int,flags:WindowFlags=WindowFlags.Resizable ) Super.New( title,width,height,flags ) Layout = "letterbox" Style.BackgroundColor = Color.DarkGrey ClearColor = Color.Black End   Method OnRender( canvas:Canvas ) Override App.RequestRender() canvas.DrawText( "Hello World!",Width/2,Height/2,.5,.5 ) End   Method OnMeasure:Vec2i() Override Return virtualRes End End   Function Main() New AppInstance New MyWindow( "Simple Window Demo!",640,512 ) App.Run() End

[/crayon]

[AaronKParticipant]

Thanks, that seems to do the resolution thing.

Does Monkey 2 support the ability to provide multiple resolution versions of images that are loaded based on the physical to virtual ratio?

 

Thanks

[Mark SiblyKeymaster]

Not yet, you still have to do this manually.

I want to support it though.

[coconParticipant]

I had created a few weeks a test on this, however this is very unpolished and not tested. In the future once I come up with better ideas and a nice API for this I will post the results. For example autofit, change from portrait to landscape, dynamically, zooming, etc…

Monkey

#Import "<std>" #Import "<mojo>" Using std.. Using mojo.. Class VirtualWindow Private Field xCenter:Int, yCenter:Int Field xOrigin:Int, yOrigin:Int Field originalWidth:Int, originalHeight:Int Field virtualWidth:Int, virtualHeight:Int Public Property Width:Int() Return virtualWidth End Property Height:Int() Return virtualHeight End Method New(originalWidth:Int, originalHeight:Int, virtualWidth:Int, virtualHeight:Int) Self.originalWidth = originalWidth Self.originalHeight = originalHeight Self.virtualWidth = virtualWidth Self.virtualHeight = virtualHeight xCenter = originalWidth / 2 yCenter = originalHeight / 2 xOrigin = xCenter - (virtualWidth / 2) yOrigin = yCenter - (virtualHeight / 2) End Method DrawFunction(canvas:Canvas, func:Void(canvas:Canvas)) ' canvas.Translate(-xOrigin, -yOrigin) canvas.PushMatrix() canvas.Translate(xOrigin, yOrigin) canvas.Color = New Color(0.3, 0.3, 0.3) canvas.DrawRect(0, 0, virtualWidth, virtualHeight) func(canvas) canvas.PopMatrix() End Method CoordsToVirtual:Vec2i(realX:Int, realY:Int) Return New Vec2i(realX - xOrigin, realY - yOrigin) End Method CoordsToReal:Vec2i(virtX:Int, virtY:Int) Return New Vec2i(virtX + xOrigin, virtY + yOrigin) End End Class MyApp Extends Window Field viwin:VirtualWindow Method New(title:String, width:Int, height:Int) Super.New(title, width, height) viwin = New VirtualWindow(width, height, 480, 720) End Method OnRender(canvas:Canvas) Override ' Get Some Coordinates Local coords := viwin.CoordsToVirtual(Mouse.X, Mouse.Y) ' := Mouse.X, ypos := Mouse.Y If coords.X < 0 Then coords.X = 0 If coords.X > viwin.Width Then coords.X = viwin.Width If coords.Y < 0 Then coords.Y = 0 If coords.Y > viwin.Height Then coords.Y = viwin.Height App.RequestRender() ' Draw Things Inside The Virtual Space viwin.DrawFunction(canvas, Lambda(c:Canvas) canvas.Color = Color.White canvas.DrawText("Real Coords: " + viwin.CoordsToReal(coords.X, coords.Y), 0, 0) canvas.DrawText("Virt Coords: " + coords, 0, 20 ) canvas.Color = New Color(0.8, 0.1, 0.2) canvas.DrawCircle(coords.X, coords.Y, 10) End) canvas.Flush() End End Function Main() New AppInstance New MyApp("Monkey2 Virtual Window", 1280, 720) App.Run() End

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94

#Import "<std>" #Import "<mojo>" Using std.. Using mojo..   Class VirtualWindow Private Field xCenter:Int, yCenter:Int Field xOrigin:Int, yOrigin:Int Field originalWidth:Int, originalHeight:Int Field virtualWidth:Int, virtualHeight:Int Public Property Width:Int() Return virtualWidth End Property Height:Int() Return virtualHeight End Method New(originalWidth:Int, originalHeight:Int, virtualWidth:Int, virtualHeight:Int) Self.originalWidth = originalWidth Self.originalHeight = originalHeight Self.virtualWidth = virtualWidth Self.virtualHeight = virtualHeight xCenter = originalWidth / 2 yCenter = originalHeight / 2 xOrigin = xCenter - (virtualWidth  / 2) yOrigin = yCenter - (virtualHeight / 2) End Method DrawFunction(canvas:Canvas, func:Void(canvas:Canvas)) ' canvas.Translate(-xOrigin, -yOrigin)   canvas.PushMatrix() canvas.Translate(xOrigin, yOrigin) canvas.Color = New Color(0.3, 0.3, 0.3) canvas.DrawRect(0, 0, virtualWidth, virtualHeight) func(canvas) canvas.PopMatrix() End Method CoordsToVirtual:Vec2i(realX:Int, realY:Int) Return New Vec2i(realX - xOrigin, realY - yOrigin) End Method CoordsToReal:Vec2i(virtX:Int, virtY:Int) Return New Vec2i(virtX + xOrigin, virtY + yOrigin) End End   Class MyApp Extends Window Field viwin:VirtualWindow Method New(title:String, width:Int, height:Int) Super.New(title, width, height) viwin = New VirtualWindow(width, height, 480, 720) End Method OnRender(canvas:Canvas) Override ' Get Some Coordinates Local coords := viwin.CoordsToVirtual(Mouse.X, Mouse.Y) ' := Mouse.X, ypos := Mouse.Y If coords.X < 0 Then coords.X = 0 If coords.X > viwin.Width Then coords.X = viwin.Width If coords.Y < 0 Then coords.Y = 0 If coords.Y > viwin.Height Then coords.Y = viwin.Height App.RequestRender() ' Draw Things Inside The Virtual Space viwin.DrawFunction(canvas, Lambda(c:Canvas) canvas.Color = Color.White canvas.DrawText("Real Coords: " + viwin.CoordsToReal(coords.X, coords.Y), 0, 0) canvas.DrawText("Virt Coords: " + coords, 0, 20 ) canvas.Color = New Color(0.8, 0.1, 0.2) canvas.DrawCircle(coords.X, coords.Y, 10) End)           canvas.Flush() End End   Function Main() New AppInstance New MyApp("Monkey2 Virtual Window", 1280, 720) App.Run() End

My inspiration comes mostly from the 3D rendering and not from exactly from “virtual drawing”. In essence this might go for something like a “camera” approach. The essence is to consider that your game takes place in a “virtual space” and not on actual screen pixels (either real pixels or virtual pixels). For example lets say that you want to render the environment for basketball game, you might put instead of a pixel resolution the actual dimensions of the arena. This is a clever way to abstract your thinking from screen pixels.

[Author]

Posts