Render camera to a small area of the screen

[EthernautParticipant]

Hi,

I’m trying to get the camera to render to a small area on the top left of an image canvas. I’m setting the viewport on both the camera and the image canvas, but it doesn’t work – it still renders to the entire image canvas. Am I doing something wrong? I also tried the same approach on a regular canvas (without rendering to an image), same result.

Monkey

Namespace myapp3d #Import "<std>" #Import "<mojo>" #Import "<mojo3d>" Using std.. Using mojo.. Using mojo3d.. Class MyWindow Extends Window Field _scene:Scene Field _camera:Camera Field _light:Light Field _donut:Model Field imageTarget:Image Field imageCanvas:Canvas Method New( title:String="Simple mojo3d app",width:Int=640,height:Int=480,flags:WindowFlags=WindowFlags.Resizable ) Super.New( title,width,height,flags ) imageTarget = New Image( 640, 480, TextureFlags.FilterMipmap | TextureFlags.Dynamic ) imageCanvas = New Canvas( imageTarget ) End Method OnCreateWindow() Override 'create (current) scene _scene=New Scene _scene.ClearColor = New Color( 0.2, 0.6, 1.0 ) 'create camera _camera=New Camera( Self ) _camera.AddComponent<FlyBehaviour>() _camera.Move( 0,2.5,-5 ) 'create light _light=New Light _light.CastsShadow=True _light.Rotate( 45, 45, 0 ) 'create donut Local donutMaterial:=New PbrMaterial( Color.Red, 0.05, 0.2 ) _donut=Model.CreateTorus( 2,.5,48,24,donutMaterial ) _donut.Move( 0,2.5,0 ) End Method OnRender( canvas:Canvas ) Override RequestRender() _donut.Rotate( .2,.4,.6 ) _scene.Update() Local smallView := New Recti(0,0,320,240) imageCanvas.Viewport = smallView _camera.View = Null _camera.Viewport = smallView _camera.Render( imageCanvas ) imageCanvas.Flush() canvas.DrawImage( imageTarget, 0, Height, 0, 1.0, -1.0 ) canvas.DrawText( "FPS="+App.FPS,0,0 ) End End Function Main() New AppInstance New MyWindow 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

Namespace myapp3d   #Import "<std>" #Import "<mojo>" #Import "<mojo3d>"   Using std.. Using mojo.. Using mojo3d..     Class MyWindow Extends Window Field _scene:Scene Field _camera:Camera Field _light:Light Field _donut:Model Field imageTarget:Image Field imageCanvas:Canvas Method New( title:String="Simple mojo3d app",width:Int=640,height:Int=480,flags:WindowFlags=WindowFlags.Resizable ) Super.New( title,width,height,flags ) imageTarget = New Image( 640, 480, TextureFlags.FilterMipmap | TextureFlags.Dynamic ) imageCanvas = New Canvas( imageTarget ) End Method OnCreateWindow() Override 'create (current) scene _scene=New Scene _scene.ClearColor = New Color( 0.2, 0.6, 1.0 ) 'create camera _camera=New Camera( Self ) _camera.AddComponent<FlyBehaviour>() _camera.Move( 0,2.5,-5 ) 'create light _light=New Light _light.CastsShadow=True _light.Rotate( 45, 45, 0 ) 'create donut Local donutMaterial:=New PbrMaterial( Color.Red, 0.05, 0.2 ) _donut=Model.CreateTorus( 2,.5,48,24,donutMaterial ) _donut.Move( 0,2.5,0 ) End Method OnRender( canvas:Canvas ) Override RequestRender() _donut.Rotate( .2,.4,.6 ) _scene.Update() Local smallView := New Recti(0,0,320,240) imageCanvas.Viewport = smallView _camera.View = Null _camera.Viewport = smallView _camera.Render( imageCanvas ) imageCanvas.Flush() canvas.DrawImage( imageTarget, 0, Height, 0, 1.0, -1.0 ) canvas.DrawText( "FPS="+App.FPS,0,0 ) End End     Function Main() New AppInstance New MyWindow App.Run() End

 

I didn’t post an issue on Github because I’m not sure I’m doing it correctly…

P.S. I know I can render to a small texture and draw it in the corner, but I need it to work with a viewport in an image canvas, otherwise I’d need two image canvases…

[Mark SiblyKeymaster]

Fix coming in next update, along with fix for upside down image!

[Author]

Posts