Canvas image to Pbr texture

This topic contains 3 replies, has 2 voices, and was last updated by Diffrenzy 1 year, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

December 27, 2017 at 5:04 am #12456

Hezkore

Participant

I’ve created a canvas that draws to an image.
I now want that Image to be pasted onto a 3D rectangle.

I’ve got it almost working, but it seems the 3D rectangle only displays the top left of the image…

Basically what I want is to draw a bunch of stuff to a canvas, then get that into a 3D space as a texture.

Here’s an example:

#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 _rectMaterial:PbrMaterial
	Field _rect:Model
	Field _rectCanvas:Canvas
	Field _rectImage:Image
	
	Method New( title:String="Simple mojo3d app",width:Int=640,height:Int=480,flags:WindowFlags=WindowFlags.Resizable )
		Super.New( title,width,height,flags )
		
		_scene=Scene.GetCurrent()
		
		_camera=New Camera
		_camera.Near=.1
		_camera.Far=100
		_camera.Move( 0,0,-1.15 )
		
		_light=New Light
		_light.RotateX( 90 )
		
		_rectMaterial=New PbrMaterial( Color.White )
		_rect=New Model( Mesh.CreateRect( New Rectf( -1, -1, 1, 1 ) ), _rectMaterial )
	End
	
	Method OnRender( canvas:Canvas ) Override
		RequestRender()
		
		RenderTexture()
		
		_scene.Update()
		_scene.Render( canvas,_camera )
	End
	
	Method RenderTexture()
		If Not _rectImage Then
			_rectImage=New Image( 512, 512 )
			_rectCanvas=New Canvas( _rectImage )
			
			'Set our material to use our image texture
			_rectMaterial.ColorTexture=_rectImage.Texture
		Endif
		
		'This should be orange with white text on
		'But since I'm drawing something in the top left corner -
		'I'm just getting that top left pixel on the entire rectangle
		
		_rectCanvas.Clear( Color.Orange )
		_rectCanvas.DrawText( "Hello World", 8, 8 )
		_rectCanvas.DrawPoint( 0, 0 ) 'White in the top left
		_rectCanvas.Flush()
		
	End
End

Function Main()
	New AppInstance
	New MyWindow
	App.Run()
End

#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 _rectMaterial:PbrMaterial

Field _rect:Model

Field _rectCanvas:Canvas

Field _rectImage:Image

Method New( title:String="Simple mojo3d app",width:Int=640,height:Int=480,flags:WindowFlags=WindowFlags.Resizable )

Super.New( title,width,height,flags )

_scene=Scene.GetCurrent()

_camera=New Camera

_camera.Near=.1

_camera.Far=100

_camera.Move( 0,0,-1.15 )

_light=New Light

_light.RotateX( 90 )

_rectMaterial=New PbrMaterial( Color.White )

_rect=New Model( Mesh.CreateRect( New Rectf( -1, -1, 1, 1 ) ), _rectMaterial )

End

Method OnRender( canvas:Canvas ) Override

RequestRender()

RenderTexture()

_scene.Update()

_scene.Render( canvas,_camera )

End

Method RenderTexture()

If Not _rectImage Then

_rectImage=New Image( 512, 512 )

_rectCanvas=New Canvas( _rectImage )

'Set our material to use our image texture

_rectMaterial.ColorTexture=_rectImage.Texture

Endif

'This should be orange with white text on

'But since I'm drawing something in the top left corner -

'I'm just getting that top left pixel on the entire rectangle

_rectCanvas.Clear( Color.Orange )

_rectCanvas.DrawText( "Hello World", 8, 8 )

_rectCanvas.DrawPoint( 0, 0 ) 'White in the top left

_rectCanvas.Flush()

End

Function Main()

New AppInstance

New MyWindow

App.Run()

End

December 27, 2017 at 11:05 am #12458

Diffrenzy

Keymaster

Sounds like your texture coordinates are off. Hard to tell without a little snippet of code

December 27, 2017 at 1:20 pm #12460

Hezkore

Participant

Sorry! I made one last night, but forgot to post it heh.
First post updated.

December 27, 2017 at 2:29 pm #12461

Diffrenzy

Keymaster

Here’s one that works:

#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 _rect:Model
	Field _rectCanvas:Canvas
	Field _rectImage:Image
	
	Method New( title:String="Simple mojo3d app",width:Int=640,height:Int=480,flags:WindowFlags=WindowFlags.Resizable )
		Super.New( title,width,height,flags )
		
		_scene=Scene.GetCurrent()
		
		_camera=New Camera
		_camera.Near=.1
		_camera.Far=100
		_camera.Move( 0,0,-2 )
		
		_light=New Light
		

		_rect=MakeModel()  
	End
	
	Method OnRender( canvas:Canvas ) Override
		RequestRender()
		_rect.RotateY( 1 )
	RenderTexture()
		
		_scene.Update()
		_scene.Render( canvas,_camera )
	End
	
	Method RenderTexture()
		If Not _rectCanvas Then
			_rectCanvas=New Canvas( _rectImage )

		Endif
		
		'This should be orange with white text on
		'But since I'm drawing something in the top left corner -
		'I'm just getting that top left pixel on the entire rectangle
		
		_rectCanvas.Clear( Color.Blue )
		_rectCanvas.Color = Color.White
		_rectCanvas.DrawText( "Hello World", Rnd(8,12), 8 )
		_rectCanvas.Color = Color.Orange
		_rectCanvas.DrawRect( 50, 50 , 200 ,90) 'White in the top left
		
		
		
		_rectCanvas.Flush()
		
	End
	
Method MakeModel:Model()
	
		Local vertices:=New Vertex3f[4]
		vertices[0].position=New Vec3f( -1, 1,0 )
		vertices[1].position=New Vec3f(  1, 1,0 )
		vertices[2].position=New Vec3f(  1,-1,0 )
		vertices[3].position=New Vec3f( -1,-1,0 )
		
		vertices[0].texCoord0 = New Vec2f(0,0)
		vertices[1].texCoord0 = New Vec2f(1,0)
		vertices[2].texCoord0 = New Vec2f(1,1)
		vertices[3].texCoord0 = New Vec2f(0,1)		
		

		Local indices:=New UInt[6]
		indices[0]=0
		indices[1]=1
		indices[2]=2
		indices[3]=0
		indices[4]=2
		indices[5]=3
		
		Local mesh:=New Mesh( )
		
		mesh.AddVertices(vertices)
		mesh.AddTriangles(indices)	
		
		mesh.UpdateNormals()
		
		
	'	mesh.AddMaterials(1)
			
		
		'create model for the mesh
		Local model:=New Model
		model.Mesh=mesh
		model.Materials = model.Materials.Resize(mesh.NumMaterials)		
	
	 	Local sm:= New PbrMaterial()
		
		_rectImage=New Image( 256, 256 )
	 
		_rectCanvas=New Canvas( _rectImage )
	
		sm.ColorTexture = _rectImage.Texture
	 	sm.ColorTexture.Flags = TextureFlags.FilterMipmap	
		sm.CullMode=CullMode.None
	 
 
		model.Materials[mesh.NumMaterials - 1] = sm
		
		
		Return model
	End	
	
End
 
Function Main()
	New AppInstance
	New MyWindow
	App.Run()
End

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

#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 _rect:Model

Field _rectCanvas:Canvas

Field _rectImage:Image

Method New( title:String="Simple mojo3d app",width:Int=640,height:Int=480,flags:WindowFlags=WindowFlags.Resizable )

Super.New( title,width,height,flags )

_scene=Scene.GetCurrent()

_camera=New Camera

_camera.Near=.1

_camera.Far=100

_camera.Move( 0,0,-2 )

_light=New Light

_rect=MakeModel()

End

Method OnRender( canvas:Canvas ) Override

RequestRender()

_rect.RotateY( 1 )

RenderTexture()

_scene.Update()

_scene.Render( canvas,_camera )

End

Method RenderTexture()

If Not _rectCanvas Then

_rectCanvas=New Canvas( _rectImage )

Endif

'This should be orange with white text on

'But since I'm drawing something in the top left corner -

'I'm just getting that top left pixel on the entire rectangle

_rectCanvas.Clear( Color.Blue )

_rectCanvas.Color = Color.White

_rectCanvas.DrawText( "Hello World", Rnd(8,12), 8 )

_rectCanvas.Color = Color.Orange

_rectCanvas.DrawRect( 50, 50 , 200 ,90) 'White in the top left

_rectCanvas.Flush()

End

Method MakeModel:Model()

Local vertices:=New Vertex3f[4]

vertices[0].position=New Vec3f( -1, 1,0 )

vertices[1].position=New Vec3f( 1, 1,0 )

vertices[2].position=New Vec3f( 1,-1,0 )

vertices[3].position=New Vec3f( -1,-1,0 )

vertices[0].texCoord0 = New Vec2f(0,0)

vertices[1].texCoord0 = New Vec2f(1,0)

vertices[2].texCoord0 = New Vec2f(1,1)

vertices[3].texCoord0 = New Vec2f(0,1)

Local indices:=New UInt[6]

indices[0]=0

indices[1]=1

indices[2]=2

indices[3]=0

indices[4]=2

indices[5]=3

Local mesh:=New Mesh( )

mesh.AddVertices(vertices)

mesh.AddTriangles(indices)

mesh.UpdateNormals()

' mesh.AddMaterials(1)

'create model for the mesh

Local model:=New Model

model.Mesh=mesh

model.Materials = model.Materials.Resize(mesh.NumMaterials)

Local sm:= New PbrMaterial()

_rectImage=New Image( 256, 256 )

_rectCanvas=New Canvas( _rectImage )

sm.ColorTexture = _rectImage.Texture

sm.ColorTexture.Flags = TextureFlags.FilterMipmap

sm.CullMode=CullMode.None

model.Materials[mesh.NumMaterials - 1] = sm

Return model

End

Function Main()

New AppInstance

New MyWindow

App.Run()

End

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Canvas image to Pbr texture

Archives

Recent Replies

What is this?