BlitzMax/Modules/Graphics/Max2D

The Max2D module provides a set of commands for drawing 2D graphics.

Before using any of the Max2D commands, you must first create a Max2D graphics object. The easiest way to do this is using the Graphics command.

By default, Max2D is double buffered which means you will have to use Flip once you have finished drawing each frame of graphics.

Drawing
Max2D provides support for the following drawing commands:

Viewport, origin and handle
Drawing commands are clipped to a rectangular area known as the viewport. Only the area within the viewport is ever modified, and attempting to draw outside the viewport will result in the drawing command being clipped or chopped to the viewport. To set the viewport, use the SetViewport command.

Drawing commands are also offset by the current origin and handle. To set these properties, use the SetOrigin and SetHandle commands.

The current handle is an x,y coordinate subtracted from all drawing x,y coordinates before any rotation or scaling occurs. This allows you to provide a local 'center' for drawing. On the other hand, the current origin is an x,y coordinate added to all drawing x,y coordinates after any rotation or scaling.

Color, alpha and blend mode
Drawing commands are affected by the current color, alpha and blend mode. You can set these properties by using the SetColor, SetAlpha and SetBlend commands.

The current alpha value controls the transparency level when using the ALPHABLEND blend mode.

The current blend mode controls how pixels are combined with existing pixels in the back buffer and can be one of the following:

Rotation and scale
Drawing commands can be scaled and rotated using the SetScale and SetRotation commands. Rotation and scaling occur relative to the current handle.

Images
Images are pre-rendered chunks of graphics that can be efficiently drawn using a single DrawImage command. Images are typically stored in png, bmp or jpg format, and can be loaded using the LoadImage command.

Image drawing is also affected by color, alpha, blend, rotation and scale. The current color is multiplied with each pixel color before the image is drawn to the backbuffer, allowing you to tint images. To disable this effect, you should set the current color to white.

Images can also have a mask color. This is the color that represents transparency when an image is drawn using the MASKBLEND blend mode. To set the mask color, use the SetMaskColor command.

Images can be created by snapshotting regions of the back buffer using the GrabImage command.

Pixmaps
Pixmaps are used to manipulate images at a pixel level, see the pixmaps module for details.

LockImage allows for direct Image pixel access and requires a corresponding call to UnlockImage when you have finished reading or modifying the pixels. The DrawPixmap and GrabPixmap commands allow you to move pixels to and from the current graphic display's backbuffer.

Collisions
Max2D features a multilayered pixel perfect collision system. The CollideRect and CollideImage commands provide a dual function allowing the drawing and hit testing of Rects and Images with any combination of 32 collision layers. The current Scale, Rotation, Origin and Handle settings are taken into account so coordinates for the collision commands accurately match their drawing counterparts DrawRect and DrawImage. ResetCollisions is used to clear any or all of the 32 collision layers provided.

=Functions=

Cls
Function Cls

Description: Clear graphics buffer

Information: Clears the graphics buffer to the current cls color as determined by SetClsColor.

Example: ' cls.bmx

' a spinning text message ' remove the call to cls to illustrate the ' need for clearing the screen every frame

Graphics 640,480 SetOrigin 320,240 While Not KeyHit(KEY_ESCAPE) Cls SetRotation frame DrawText "Press Escape To Exit",0,0 Flip frame:+1 Wend

SetClsColor
Function SetClsColor( red,green,blue )

Description: Set current Cls color

Information: The red, green and blue parameters should be in the range of 0 to 255.

The default cls color is black.

GetClsColor
Function GetClsColor( red Var,green Var,blue Var )

Description: Get red, green and blue component of current cls color.

Returns: Red, green and blue values in the range 0..255 in the variables supplied.

Plot
Function Plot( x#,y# )

Description: Plot a pixel

Information: Sets the color of a single pixel on the back buffer to the current drawing color defined with the SetColor command. Other commands that affect the operation of Plot include SetOrigin, SetViewPort, SetBlend and SetAlpha.

Example: ' plot.bmx

' plots a cosine graph ' scrolls along the graph using an incrementing frame variable

Graphics 640,480

While Not KeyHit(KEY_ESCAPE) Cls For x=0 To 640 theta=x+frame y=240-Cos(theta)*240 Plot x,y Next frame=frame+1 Flip Wend

DrawRect
Function DrawRect( x#,y#,width#,height# )

Description: Draw a rectangle

Information: Sets the color of a rectangular area of pixels using the current drawing color defined with the SetColor command.

Other commands that affect the operation of DrawRect include SetHandle, SetScale, SetRotation, SetOrigin, SetViewPort, SetBlend and SetAlpha.

Example: ' drawrect.bmx

' draws a sequence of rectangles across the screen with ' increasing rotation and scale

' uses the frame variable to cycle through the values 0..9 for ' an animation effect between frames

Graphics 640,480

SetBlend ALPHABLEND SetAlpha 0.2

While Not KeyHit(KEY_ESCAPE) Cls DrawText "DrawRect Example",0,0 For r=t To t+500 Step 10 SetRotation r		SetScale r/5,r/5 DrawRect r,r,2,2 Next t=t+1 If t=10 t=0 Flip Wend

DrawLine
Function DrawLine( x#,y#,x2#,y2#,draw_last_pixel=True )

Description: Draw a line

Information: DrawLine draws a line from x, y to x2, y2 with the current drawing color.

BlitzMax commands that affect the drawing of lines include SetLineWidth, SetColor, SetHandle, SetScale, SetRotation, SetOrigin, SetViewPort, SetBlend and SetAlpha. The optional draw_last_pixel parameter can be used to control whether the last pixel of the line is drawn or not. Not drawing the last pixel can be useful if you are using certain blending modes.

Example: ' drawline.bmx

' draws a cross hair at the mouse position using DrawLine

Graphics 640,480

HideMouse

While Not KeyHit(KEY_ESCAPE) Cls x=MouseX y=MouseY DrawLine 320,240,x,y DrawLine x-2,y,x-10,y DrawLine x+2,y,x+10,y DrawLine x,y-2,x,y-10 DrawLine x,y+2,x,y+10 Flip Wend

DrawOval
Function DrawOval( x#,y#,width#,height# )

Description: Draw an oval

Information: DrawOval draws an oval that fits in the rectangular area defined by x, y, width and height parameters.

BlitzMax commands that affect the drawing of ovals include SetColor, SetHandle, SetScale, SetRotation, SetOrigin, SetViewPort, SetBlend and SetAlpha.

Example: ' drawoval.bmx

' draws a pair of eyes using 4 DrawOval commands, 2 white, 2 blue ' positions the blue ovals so the eyes track the mouse

Graphics 640,480 While Not KeyHit(KEY_ESCAPE) Cls SetColor 255,255,255 DrawOval 0,0,320,200 DrawOval 320,0,320,200 SetColor 0,0,255 x=(MouseX-320)/10 y=(MouseY-240)/10 DrawOval 220-32+x,100+y,64,40 DrawOval 420-32+x,100+y,64,40 Flip Wend

DrawPoly
Function DrawPoly( xy#[] )

Description: Draw a polygon

Information: DrawPoly draws a polygon with corners defined by an array of x#,y# coordinate pairs.

BlitzMax commands that affect the drawing of polygons include SetColor, SetHandle, SetScale, SetRotation, SetOrigin, SetViewPort, SetBlend and SetAlpha.

Example: ' drawpoly.bmx

' draws a simple triangle using the ' DrawPoly command and an array of ' floats listed as 3 pairs of x,y ' coordinates

Local tri#[]=[0.0,0.0,100.0,100.0,0.0,100.0]

Graphics 640,480 While Not KeyHit(KEY_ESCAPE) Cls DrawPoly tri Flip Wend

DrawText
Function DrawText( t$,x#,y# )

Description: Draw text

Information: DrawText prints strings at position x,y of the graphics display using the current image font specified by the SetImageFont command.

Other commands that affect DrawText include SetColor, SetHandle, SetScale, SetRotation, SetOrigin, SetViewPort, SetBlend and SetAlpha.

It is recommended that the blend mode be set to ALPHABLEND using the SetBlend command for non jagged antialiased text. Text that will be drawn at a smaller size using the SetScale command should use fonts loaded with the SMOOTHFONT style to benefit from mip-mapped filtering, see LoadImageFont for more information.

Example: ' drawtext.bmx

' scrolls a large text string across the screen by decrementing the tickerx variable

Graphics 640,480

Local tickerx#=640

text$="Yo to all the Apple, Windows and Linux BlitzMax programmers in the house! " text:+"Game development is the most fun, most advanced and definitely most cool " text:+"software programming there is!"

While Not KeyHit(KEY_ESCAPE) Cls DrawText "Scrolling Text Demo",0,0 DrawText text,tickerx#,400 tickerx=tickerx-1 If tickerx<-TextWidth(text) tickerx=640 Flip Wend

End

DrawImage
Function DrawImage( image:TImage,x#,y#,frame=0 )

Description: Draw an image to the back buffer

Information: Drawing is affected by the current blend mode, color, scale and rotation.

If the blend mode is ALPHABLEND the image is affected by the current alpha value and images with alpha channels are blended correctly with the background.

DrawImageRect
Function DrawImageRect( image:TImage,x#,y#,w#,h#,frame=0 )

Description: Draw an image to a rectangular area of the back buffer

Information: Drawing is affected by the current blend mode, color, scale and rotation.

If the blend mode is ALPHABLEND, then the image is also affected by the current alpha value.

DrawSubImageRect
Function DrawSubImageRect( image:TImage,x#,y#,w#,h#,sx#,sy#,sw#,sh#,hx#=0,hy#=0,frame=0 )

Description: Draw a sub rectangle of an image to a rectangular area of the back buffer

Information: x, y, w and h specify the destination rectangle to draw to. sx, sy, sw and sh specify the source rectangle within the image to draw from.

hx and hy specify a handle offset within the source rectangle.

frame is the image frame to draw.

Drawing is affected by the current blend mode, color, scale and rotation.

If the blend mode is ALPHABLEND, then the image is also affected by the current alpha value.

TileImage
Function TileImage( image:TImage,x#=0#,y#=0#,frame=0 )

Description: Draw an image in a tiled pattern

Information: TileImage draws an image in a repeating, tiled pattern, filling the current viewport.

SetColor
Function SetColor( red,green,blue )

Description: Set current color

Information: The SetColor command affects the color of Plot, DrawRect, DrawLine, DrawText, DrawImage and DrawPoly.

The red, green and blue parameters should be in the range of 0 to 255.

GetColor
Function GetColor( red Var,green Var,blue Var )

Description: Get red, green and blue component of current color.

Returns: Red, green and blue values in the range 0..255 in the variables supplied.

SetBlend
Function SetBlend( blend )

Description: Set current blend mode

Information: SetBlend controls how pixels are combined with existing pixels in the back buffer when drawing commands are used in BlitzMax.

blend should be one of:

GetBlend
Function GetBlend

Description: Get current blend mode

Returns: The current blend mode.

Information: See SetBlend for possible return values.

SetAlpha
Function SetAlpha( alpha# )

Description: Set current alpha level

Information: alpha should be in the range 0 to 1.

alpha controls the transparency level when the ALPHABLEND blend mode is in effect. The range from 0.0 to 1.0 allows a range of transparency from completely transparent to completely solid.

GetAlpha
Function GetAlpha#

Description: Get current alpha setting.

Returns: the current alpha value in the range 0..1.0

SetLineWidth
Function SetLineWidth( width# )

Description: Sets pixel width of lines drawn with the DrawLine command

GetLineWidth
Function GetLineWidth#

Description: Get line width

Returns: Current line width, in pixels

SetMaskColor
Function SetMaskColor( red,green,blue )

Description: Set current mask color

Information: The current mask color is used to build an alpha mask when images are loaded or modified. The red, green and blue parameters should be in the range of 0 to 255.

GetMaskColor
Function GetMaskColor( red Var,green Var,blue Var )

Description: Get red, green and blue component of current mask color

Returns: Red, green and blue values in the range 0..255

SetViewport
Function SetViewport( x,y,width,height )

Description: Set drawing viewport

Information: The current ViewPort defines an area within the back buffer that all drawing is clipped to. Any regions of a DrawCommand that fall outside the current ViewPort are not drawn.

GetViewport
Function GetViewport( x Var,y Var,width Var,height Var )

Description: Get dimensions of current Viewport.

Returns: The horizontal, vertical, width and height values of the current Viewport in the variables supplied.

SetOrigin
Function SetOrigin( x#,y# )

Description: Set drawing origin

Information: The current Origin is an x,y coordinate added to all drawing x,y coordinates after any rotation or scaling.

GetOrigin
Function GetOrigin( x# Var,y# Var )

Description: Get current origin position.

Returns: The horizontal and vertical position of the current origin.

SetHandle
Function SetHandle( x#,y# )

Description: Set drawing handle

Information: The drawing handle is a 2D offset subtracted from the x,y location of all drawing commands except DrawImage as Images have their own unique handles.

Unlike SetOrigin the drawing handle is subtracted before rotation and scale are applied providing a 'local' origin.

GetHandle
Function GetHandle( x# Var,y# Var )

Description: Get current drawing handle.

Returns: The horizontal and vertical position of the current drawing handle.

SetRotation
Function SetRotation( rotation# )

Description: Set current rotation

Information: rotation is given in degrees and should be in the range 0 to 360.

GetRotation
Function GetRotation#

Description: Get current Max2D rotation setting.

Returns: The rotation in degrees.

SetScale
Function SetScale( scale_x#,scale_y# )

Description: Set current scale

Information: scale_x and scale_y multiply the width and height of drawing commands where 0.5 will half the size of the drawing and 2.0 is equivalent to doubling the size.

GetScale
Function GetScale( scale_x# Var,scale_y# Var )

Description: Get current Max2D scale settings.

Returns: The current x and y scale values in the variables supplied.

SetTransform
Function SetTransform( rotation#=0,scale_x#=1,scale_y#=1 )

Description: Set current rotation and scale

Information: SetTransform is a shortcut for setting both the rotation and scale parameters in Max2D with a single function call.

LoadImageFont
Function LoadImageFont:TImageFont( url:Object,size,style=SMOOTHFONT )

Description: Load an image font

Returns: An image font object

Information: style can be a combination of BOLDFONT, ITALICFONT and SMOOTHFONT flags. Use the SMOOTHFONT flag for improved filtering if the font is to be rotated or scaled.

SetImageFont
Function SetImageFont( font:TImageFont )

Description: Set current image font

Information: In order to DrawText in fonts other than the default system font use the SetImageFont command with a font handle returned by the LoadImageFont command.

Use SetImageFont Null to select the default, built-in font.

GetImageFont
Function GetImageFont:TImageFont

Description: Get current image font.

Returns: The current image font.

TextWidth
Function TextWidth( text$ )

Description: Get width of text

Returns: the width, in pixels, of text based on the current image font.

Information: This command is useful for calculating horizontal alignment of text when using the DrawText command.

TextHeight
Function TextHeight( text$ )

Description: Get height of text

Returns: the height, in pixels, of text based on the current image font.

Information: This command is useful for calculating vertical alignment of text when using the DrawText command.

LoadImage
Function LoadImage:TImage( url:Object,flags=-1 )

Description: Load an image

Returns: A new image object

Information: url can be either a string or an existing pixmap.

flags can be 0, -1 or any combination of:

Note MIPMAPPEDIMAGE images consume extra video memory, so this flag should only be used when really necessary.

If flags is -1, the auto image flags are used: See AutoImageFlags.

To combine flags, use the | (boolean OR) operator.

LoadAnimImage
Function LoadAnimImage:TImage( url:Object,cell_width,cell_height,first_cell,cell_count,flags=-1 )

Description: Load a multi-frame image

Returns: An image object

Information: LoadAnimImage extracts multiple image frames from a single, larger image. url can be either a string or an existing pixmap.

See LoadImage for valid flags values.

SetImageHandle
Function SetImageHandle( image:TImage,x#,y# )

Description: Set an image's handle to an arbitrary point

Information: An image's handle is subtracted from the coordinates of DrawImage before rotation and scale are applied.

AutoMidHandle
Function AutoMidHandle( enable )

Description: Enable or disable auto midhandle mode

Information: When auto midhandle mode is enabled, all images are automatically 'midhandled' (see MidHandleImage) when they are created. If auto midhandle mode is disabled, images are handled by their top left corner.

AutoMidHandle defaults to False after calling Graphics.

AutoImageFlags
Function AutoImageFlags( flags )

Description: Set auto image flags

Information: The auto image flags are used by LoadImage and CreateImage when no image flags are specified. See LoadImage for a full list of valid image flags. AutoImageFlags defaults to MASKEDIMAGE | FILTEREDIMAGE.

MidHandleImage
Function MidHandleImage( image:TImage )

Description: Set an image's handle to its center

ImageWidth
Function ImageWidth( image:TImage )

Description: Get width of an image

Returns: The width, in pixels, of image

ImageHeight
Function ImageHeight( image:TImage )

Description: Get height of an image

Returns: The height, in pixels, of image

CreateImage
Function CreateImage:TImage( width,height,frames=1,flags=-1 )

Description: Create an empty image

Returns: A new image object

Information: CreateImage creates an 'empty' image, which should be initialized using either GrabImage or LockImage before being drawn.

Please refer to LoadImage for valid flags values. The flags value is always combined with DYNAMICIMAGE.

Example: ' createimage.bmx

' creates a 256x1 image with a black to blue color gradient

Const ALPHABITS=$ff000000

Graphics 640,480,32

image=CreateImage(256,1) map=LockImage(image) For i=0 To 255 WritePixel(map,i,0,ALPHABITS|i) Next UnlockImage(image)

DrawImageRect image,0,0,640,480 DrawText "Blue Color Gradient",0,0

Flip

WaitKey

LockImage
Function LockImage:TPixmap( image:TImage,frame=0,read_lock=True,write_lock=True )

Description: Lock an image for direct access

Returns: A pixmap representing the image contents

Information: Locking an image allows you to directly access an image's pixels.

Only images created with the DYNAMICIMAGE flag can be locked.

Locked images must eventually be unlocked with UnlockImage before they can be drawn.

UnlockImage
Function UnlockImage( image:TImage,frame=0 )

Description: Unlock an image

Information: Unlocks an image previously locked with LockImage.

GrabImage
Function GrabImage( image:TImage,x,y,frame=0 )

Description: Grab an image from the back buffer

Information: Copies pixels from the back buffer to an image frame.

Only images created with the DYNAMICIMAGE flag can be grabbed.

Example: ' grabimage.bmx

' draws a small graphic then uses grabimage to make an image

' as mask color and cls color both default to black a mask is ' created for the grabbed where any pixels unset on the backbuffer ' become transparent in the grabbed image

Graphics 640,480

Cls

DrawLine 0,0,32,32 DrawLine 32,0,0,32 DrawOval 0,0,32,32

Local image=CreateImage(640,480,1,DYNAMICIMAGE|MASKEDIMAGE) GrabImage image,0,0

Cls For i=1 To 100 DrawImage image,Rnd(640),Rnd(480) Next Flip

WaitKey

DrawPixmap
Function DrawPixmap( pixmap:TPixmap,x,y )

Description: Draw pixmap

GrabPixmap
Function GrabPixmap:TPixmap( x,y,width,height )

Description: Grab pixmap

ImagesCollide
Function ImagesCollide(image1:TImage,x1,y1,frame1,image2:TImage,x2,y2,frame2)

Description: Tests if two images collide

Returns: True if any pixels of the two images specified at the given location overlap.

Information: ImagesCollide uses the current Rotation and Scale factors from the most previous call to SetScale and SetRotation to calculate at a pixel level if the two images collide.

ImagesCollide2
Function ImagesCollide2(image1:TImage,x1,y1,frame1,rot1#,scalex1#,scaley1#,image2:TImage,x2,y2,frame2,rot2#,scalex2#,scaley2#)

Description: Tests if two images with arbitrary Rotation and Scales collide

Returns: True if any pixels of the two images specified at the given location overlap.

Information: ImagesCollide2 uses the specified Rotation and Scale paramteters to calculate at a pixel level if the two images collide (overlap).

ResetCollisions
Function ResetCollisions(mask%=0)

Description: Clears collision layers specified by the value of mask, mask=0 for all layers.

Information: The BlitzMax 2D collision system manages 32 layers, the mask parameter can be a combination of the following values or the special value COLLISION_LAYER_ALL in order to perform collision operations on multiple layers.

Note: COLLISION_LAYER_32 is used by the ImagesCollide and ImagesCollide2 commands.

CollideImage
Function CollideImage:Object[](image:TImage,x,y,frame,collidemask%,writemask%,id:Object=Null)

Description: Pixel accurate collision testing between transformed Images.

Information: The collidemask specifies any layers to test for collision with.

The writemask specifies which if any collision layers the image is added to in its currently transformed state.

The id specifies an object to be returned to future CollideImage calls when collisions occur.

Example: Strict

Local rot,x,y

Graphics 640,480

AutoMidHandle True	'image will rotate around it's center

Local image:TImage=LoadImage("bullet.png")

While Not KeyHit(KEY_ESCAPE) Cls ResetCollisions

' draw the first image at 5 times the size and on an arbitrary angle SetScale 5,5 SetRotation 125

DrawImage image,200,200

' add the first image to the first collision layer at same postion, rotation ' and scale as it has just been drawn

CollideImage image,200,200,0,0,1

' move the other image relative to the mouse and rotate it continuously

x=MouseX y=MouseY-20 rot:+1

SetRotation rot DrawImage image,x,y

' test the image at it's current rotation, scale and position with images ' that have been added to the first collision layer

If CollideImage(image,x,y,0,1,0)

' reset scale and rotation states so our text is drawn correctly

SetScale 1,1 SetRotation 0 DrawText "COLLISION!",20,20

EndIf

Flip Wend

CollideRect
Function CollideRect:Object[](x,y,w,h,collidemask%,writemask%,id:Object=Null)

Description: Pixel accurate collision testing between image layers

Information: The collidemask specifies any layers to test for collision with.

The writemask specifies which if any collision layers the image is added to in its currently transformed state.

The id specifies an object to be returned to future CollideImage calls when collisions occur.