Pixmap (LoadImage)

Monkey Forums/Monkey Programming/Pixmap (LoadImage)

FBEpyon

(Posted 2011) [#1]

Hello All,

Is it possible to load a image like you did in Blitzmax thru pixmap so we can do a ReadPixel / WritePixel..?

I was looking and saw a few post about the Pixmap class made, and it awsome, but I was wondering if there was a way to add more to this..

Class CPixmap

	Field _canvas:HTMLCanvasElement
	Field _rc:CanvasRenderingContext2D
	Field _pixel:ImageData
	
		
	Method New(canvas:HTMLCanvasElement)
		_canvas = canvas
		_rc = CanvasRenderingContext2D(canvas.getContext("2d"))
	End
	
	
	Method Width:Float()
		If Not _pixel Return
		
		Return _pixel.width
	End 
	
	
	Method Height:Float()
		If Not _pixel Return 
		
		Return _pixel.height
	End 
	
	
	Method GetPixel:Int[](x:Int, y:Int)
		Local index:Int, color:Int[4]
		
		If Not _pixel Return 
		
		x = Min(x, _pixel.width)
		y = Min(y, _pixel.height)
		
		
		index = (y*4)*Width+(x*4)
		
		color[0] = _pixel.data[index]
		color[1] = _pixel.data[index+1]
		color[2] = _pixel.data[index+2]
		color[3] = _pixel.data[index+3]
		
		Return color
	End 

	
	Method SetPixel(x:Int, y:Int, r:Int, g:Int, b:Int, a:Int)
		Local index:Int 
	
		If Not _pixel Return 
		
		index = (y*4)*Width+(x*4)

		_pixel.data[index]   = r
		_pixel.data[index+1] = g
		_pixel.data[index+2] = b
		_pixel.data[index+3] = a
	End 
	
	
	Method Create(w:Int, h:Int)
		If Not _rc Return 

		_pixel = _rc.createImageData(w,h)
	End
	
	
	Method Grab(x:Int, y:Int, w:Int, h:Int)
		If Not _rc 
			Print "Rendering Context doesn`s exists"
			Return
		End
		 
		_pixel = _rc.getImageData(x,y,w,h)
	End 
	
	
	Method Draw(x:Float, y:Float)
		If Not _pixel Return 
		
		_rc.putImageData(_pixel,x,y)
	End
	
	
	Method Cls(r:Int, g:Int, b:Int, a:Int)
	
		If Not _pixel Return
	
		For Local index := 0 Until _pixel.data.Length Step 4
		
			_pixel.data[index]   = r
			_pixel.data[index+1] = g
			_pixel.data[index+2] = b
			_pixel.data[index+3] = a

		Next
	
	End
	
	
End

William Mc.

therevills

(Posted 2011) [#2]

Nope not currently possible with Monkey, as you would need to code the native functions yourself...

FBEpyon

(Posted 2011) [#3]

I was looking around the web some more about HTML canvas.. and it looks like there is a possible way of doing it..

See:
http://beej.us/blog/2010/02/html5s-canvas-part-ii-pixel-manipulation/

I will have to play some more with it..

therevills

(Posted 2011) [#4]

All the current targets can do it natively but right now Monkey doesnt have these functions...

The SetColor command uses pixel manipulation for HTML5 check out the source files.