[3D] SetRenderToImage - GameCreators Forum

Author

Message

opethmaniac

6

Years of Service

User Offline

Joined: 19th Jul 2018

Location:

Posted: 7th Aug 2018 15:49

Link

Hi,

I'm quite new to AppGameKit and want to achieve rendering 3D on an image. This image should be applied to a sprite to contain the rendered 3D raster image (for example to create chunky 2*2 pixel)

- Window of size 640*360 (Fullscreen)
- CreateRenderImage of size 400 * 240 (for example) and SetRenderToImage

The above work for 2D drawing (lines, boxes...). It doesn't seem to work for 3D objects. The 3D camera viewport is always rendered fullscreen.

Is there a way to achieve the above?

Thanks for replying.

Back to top

Profile PM

IronManhood

9

Years of Service

User Offline

Joined: 6th Feb 2015

Location: US

Posted: 8th Aug 2018 08:45

Link

Why can't you just render the fullscreen image and set the sprite size to whatever after?

Key Input Overhaul Plugin
AGK Sprite Shape Tool
Notepad++ Autocompletion tier 1
Notepad++ AGK/OpenGL Shader Syntax Highlighting + Auto Completion

Back to top

Profile PM

opethmaniac

6

Years of Service

User Offline

Joined: 19th Jul 2018

Location:

Posted: 8th Aug 2018 10:26

Link

Can this work?

- Render 3D to Fullscreen
- Copy fullscreen content to Sprite or Image
- Resize Sprite to 400 * 240 (example)
- Display Sprite on 640 * 360 screen, so that the 3D content is displayed with 2*2 (or more) pixel size?

If this could work, then example code would be very helpful for me.

Thanks!

Back to top

Profile PM

JLMoondog

Moderator

15

Years of Service

User Offline

Joined: 18th Jan 2009

Location: Paradox

Posted: 8th Aug 2018 12:27 Edited at: 8th Aug 2018 12:30

Link

Create a memory block from the image, than starting at 0,0-2,2, average the r,g, and b values and change all 4 blocks rgb values to the average, this should make 4 pixels look like 1. Make sense? It's 6am here and haven't been to bed lol, I'll write up an example for you, but I'm pretty sure my idea will work and give you the desired effect. Though honestly, this would probably run 100x faster as a shader.

Back to top

Profile PM Email Website

Bengismo

7

Years of Service

User Offline

Joined: 20th Nov 2017

Location: Yorkshire, England

Posted: 8th Aug 2018 12:48 Edited at: 8th Aug 2018 12:51

Link

Memblocks?? whhhyy?

- Render 3D to Fullscreen
Render3d()
- Copy fullscreen content to Sprite or Image
img = GetImage(0,0,xres,yres)
- Resize Image to 400 * 240
imgsml = ResizeImage(img,400,240)
- Display Sprite on 640 * 360 screen, so that the 3D content is displayed with 2*2 (or more) pixel size?
SetImageMagfilter(imgsml,0) - this makes it appear blocky
spr =CreateSprite(imgsml) - create a sprite ans size it
SetSpriteSize(spr,800,480) - size sprite to be twice the image size meaning each pixel will be 2x2 in size

Back to top

Profile PM

janbo

16

Years of Service

User Offline

Joined: 10th Nov 2008

Location: Germany

Posted: 8th Aug 2018 16:19 Edited at: 8th Aug 2018 16:20

Link

This post has been marked by the post author as the answer.

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "Text Shader" )
SetWindowSize( 640, 360 , 0 )
SetWindowAllowResize( 1 ) // allow the user to resize the window

// set display properties
SetVirtualResolution( 100, 100 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 0, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts

RenderImageID=CreateRenderImage(400,240,0,0)
ObjectID=CreateObjectBox(1,1,1)

SpriteID=CreateSprite(RenderImageID)
SetSpriteSize(SpriteID,50,50)

do
	Print( ScreenFPS() )
	Angle#=Angle#+10.0*GetFrameTime()
	SetObjectRotation(ObjectID,Angle#,Angle#,0)

//~ Update(0)
	SetRenderToImage(RenderImageID,-1)
	ClearScreen()
	//~ Render2DBack()
	Render3D()
	SetRenderToScreen()
	//~ Render2DFront()
	//~ swap()

Sync()
loop
loop

+ Code Snippet

// show all errors
SetErrorMode(2)

// set window properties
SetWindowTitle( "Text Shader" )
SetWindowSize( 640, 360 , 0 )
SetWindowAllowResize( 1 ) // allow the user to resize the window

// set display properties
SetVirtualResolution( 100, 100 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 0, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts

RenderImageID=CreateRenderImage(400,240,0,0)
ObjectID=CreateObjectBox(1,1,1)

SpriteID=CreateSprite(RenderImageID)
SetSpriteSize(SpriteID,50,50)

do
	Print( ScreenFPS() )
	Angle#=Angle#+10.0*GetFrameTime()
	SetObjectRotation(ObjectID,Angle#,Angle#,0)

	//~ Update(0)
	SetRenderToImage(RenderImageID,-1)
	ClearScreen()
	//~ Render2DBack()
	Render3D()
	SetRenderToScreen()
	//~ Render2DFront()
	//~ swap()

    Sync()
loop
loop

I think Opethmaniac does have the right approach... using RenderTargets
After trying my code, please consider removing the "//~" and comment the "sync()" command instead, for performance reasons.

Back to top

Profile PM Email Website

opethmaniac

6

Years of Service

User Offline

Joined: 19th Jul 2018

Location:

Posted: 9th Aug 2018 07:20

Link

Hi Janbo,

thx for your answer, this approach is nearly the perfect solution. Here's my code:

// set window properties
SetWindowTitle( "Text Shader" )
SetWindowSize( 640, 360 , 1 )
SetWindowAllowResize( 1 ) // allow the user to resize the window
 
// set display properties
SetVirtualResolution( 640, 360 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 60, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts
 
RenderImageID=CreateRenderImage(160,90,0,0)
SetImageMagFilter(RenderImageID, 0)
SetImageMinFilter(RenderImageID, 0)
ObjectID=CreateObjectBox(3,3,3)
 
SpriteID=CreateSprite(RenderImageID)
SetSpriteSize(SpriteID,640,360)
 
do
    Print( ScreenFPS() )
    Angle#=Angle#+20.0*GetFrameTime()
    SetObjectRotation(ObjectID,Angle#,Angle#,0)
 
    Update(0)
    SetRenderToImage(RenderImageID,-1)
    ClearScreen()
    Render2DBack()
    Render3D()
    SetRenderToScreen()
    Render2DFront()
    Swap()
 
    //Sync()
loop

+ Code Snippet

// set window properties
SetWindowTitle( "Text Shader" )
SetWindowSize( 640, 360 , 1 )
SetWindowAllowResize( 1 ) // allow the user to resize the window
 
// set display properties
SetVirtualResolution( 640, 360 ) // doesn't have to match the window
SetOrientationAllowed( 1, 1, 1, 1 ) // allow both portrait and landscape on mobile devices
SetSyncRate( 60, 0 ) // 30fps instead of 60 to save battery
SetScissor( 0,0,0,0 ) // use the maximum available screen space, no black borders
UseNewDefaultFonts( 1 ) // since version 2.0.22 we can use nicer default fonts
 
RenderImageID=CreateRenderImage(160,90,0,0)
SetImageMagFilter(RenderImageID, 0)
SetImageMinFilter(RenderImageID, 0)
ObjectID=CreateObjectBox(3,3,3)
 
SpriteID=CreateSprite(RenderImageID)
SetSpriteSize(SpriteID,640,360)
 
do
    Print( ScreenFPS() )
    Angle#=Angle#+20.0*GetFrameTime()
    SetObjectRotation(ObjectID,Angle#,Angle#,0)
 
    Update(0)
    SetRenderToImage(RenderImageID,-1)
    ClearScreen()
    Render2DBack()
    Render3D()
    SetRenderToScreen()
    Render2DFront()
    Swap()
 
    //Sync()
loop

Back to top

Profile PM

Sorry your browser is not supported!

Newcomers AppGameKit Corner / [SOLVED] [3D] SetRenderToImage