2D clipping rectangle - GameCreators Forum

Author

Message

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 20th Aug 2011 16:54

Link

I've got a large overlay image which I need to paste to a certain part of the screen through a clipping rectangle. Is there a way of doing this without grabbing another image then pasting?

Warning! May contain Nuts!

Back to top

Profile PM Email Website

Max P

16

Years of Service

User Offline

Joined: 23rd Jan 2010

Location:

Posted: 20th Aug 2011 18:02 Edited at: 20th Aug 2011 18:21

Link

I don't think it is possible without involving other images.
But you can use the image kit commands, they are pretty fast.
Try using something like this:

+ Code Snippet

// create transparent image
Ik Create Image 1, 512, 512, 0
// create a non transparent black triangle
// --> create triangle here
// something like this:
// load image "blackTriangle.png", 2
// paste image on image 2, 1, 0, 0

Do

Ik set blend mode 18
Ik paste image on image imagesThatNeedsClipping, 1, 0, 0
Ik set blend mode 1
Paste image 1, x, y

Sync
Loop

edit If this doesn't work, try using a white triangle and blend mode 4. Not sure about the blend mode to use

Back to top

Profile PM

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 20th Aug 2011 18:27

Link

That's what I was afraid of... Darn it... I might try a 3D plain and switch of the UV wrapping and stretch the UV coords just to show a portion of the overlay...

Warning! May contain Nuts!

Back to top

Profile PM Email Website

Max P

16

Years of Service

User Offline

Joined: 23rd Jan 2010

Location:

Posted: 20th Aug 2011 18:53 Edited at: 20th Aug 2011 18:55

Link

Just did a little test for you and it can clip a 512x512 image at a little above 3000 fps.
edit 4096x4096 runs at the same speed

Back to top

Profile PM

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 20th Aug 2011 19:23

Link

Thanks Max P, I've just downloaded IK and installed it. It's the last thing I need to do before I can get back onto another project.

Warning! May contain Nuts!

Back to top

Profile PM Email Website

Max P

16

Years of Service

User Offline

Joined: 23rd Jan 2010

Location:

Posted: 20th Aug 2011 19:40

Link

Here are some functions you can use for the clipping:

+ Code Snippet

Function CreateClippingArea(width, height)
    
    id = find free image()
    ik create render target id, abs(width), abs(height)
    
endFunction id

Function CreateMaskedImage(image, mask, clipArea, x, y)
    
    If Not Core_CheckImage(clipArea) then exitfunction
    If Not Core_CheckImage(image)    then exitfunction
    If Not Core_CheckImage(mask)     then exitfunction
    
    ik set blend mode 19
    ik paste image on image mask, clipArea, 0, 0
    ik set blend mode 18
    ik paste image on image image,   clipArea, x, y
    ik set blend mode 1
    
endFunction clipArea

Function CreateClippedImage(image, clipArea, x, y)
    
    If Not Core_CheckImage(clipArea) then exitfunction
    If Not Core_CheckImage(image)    then exitfunction
    
    ik set blend mode 19
    ik paste image on image image,   clipArea, x, y
    ik set blend mode 1
    
endFunction image

Use them like this:

+ Code Snippet

maskImage   = reserve free image()
imageToClip = reserve free image()

load image "mask.png", maskImage
load image "large.png", imageToClip

clipArea = CreateClippingArea(64, 64)
Do
paste image CreateMaskedImage(imageToClip, maskImage, clipArea, mousex(), mousey()), 0, 0, 1
Sync
Loop

Back to top

Profile PM

GIDustin

18

Years of Service

User Offline

Joined: 30th May 2008

Location:

Posted: 20th Aug 2011 22:46

Link

http://forum.thegamecreators.com/?m=forum_view&t=69221&b=5&msg=2206101#m2206101

I added a few commands to the d3d_func dll. I think this is what you want

+ Code Snippet

` Only this area of the screen will be affected by following drawing commands
d3d_setviewport x, y, w, h

` Paste the image
paste image LargeImage, tX, tY

` Set the viewport back to full screen
d3d_resetviewport

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 20th Aug 2011 23:28

Link

Image Kit has some amazing features that I will be using in the very near future. Especially when adding bullet holes, paste image to image, etc... Thanks Max...

@GIDustin - Just what I needed and the one basic thing missing from DBPro. I only have one question though... What's the difference between the link you sent me (47K) and the main download (216k zip)...

Gonna try this out right now before my brain starts to fry...

Warning! May contain Nuts!

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 21st Aug 2011 00:28

Link

Trying to locate a help file for Cloggy's dll commands...

Warning! May contain Nuts!

Back to top

Profile PM Email Website

GIDustin

18

Years of Service

User Offline

Joined: 30th May 2008

Location:

Posted: 21st Aug 2011 00:49

Link

http://www.dbdepot.co.uk/d3dfunc.html

That is his help file. The Viewport commands are my own addition and are not included in the help files, but the two in the above example are pretty much all that I added.

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 21st Aug 2011 01:15

Link

I put the 47k dll, and the other dll into the plugins-user folder, restarted, and when I compile I get "Could not understand command at line xxx". Most dll's usually come with a keywords ini file.

Just to get this d3d plugin working. I must be doing something daft.

Warning! May contain Nuts!

Back to top

Profile PM Email Website

GIDustin

18

Years of Service

User Offline

Joined: 30th May 2008

Location:

Posted: 21st Aug 2011 02:27

Link

I reuploaded the file with my keywords file.

If you still cant get it to work, post some code and I can run through it.

https://forumfiles.thegamecreators.com/download/2206101

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 21st Aug 2011 04:05 Edited at: 21st Aug 2011 04:12

Link

Give me a mo... I'll upload the project... (I'm using Matrix1 and Sparkys)

http://csnorwood.site40.net/_Misc_Media/LevGenV3.1.zip

Warning! May contain Nuts!

Back to top

Profile PM Email Website

Pincho Paxton

23

Years of Service

User Offline

Joined: 8th Dec 2002

Location:

Posted: 21st Aug 2011 16:01

Link

You could of course make a 3D object with a hole in the middle, then texture it. That would be faster.

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 21st Aug 2011 17:05 Edited at: 21st Aug 2011 17:10

Link

I've almost got it working, but the d3d viewport doesn't seem to be doing anything. It compiles and runs, the overlay map is created. It draws it to the screen using transparency, but not clipped although the clipping viewport is set up...

Here's the two functions that create the overlay map, and one to draw it to the screen...

function MG_make_overlay()
    ` maps vertex width and height
    mwid# = MG_map_xmax - MG_map_xmin
    mhgt# = MG_map_ymax - MG_map_ymin
    ` offset to correct negative values
    xoff# = abs(MG_map_xmin)
    yoff# = abs(MG_map_ymin)
    ` bitmap size (now stored in globals)
    `bmw = 512
    `bmh = 512
    ` multipliers so verts fit into bitmap region
    xmult# = MG_overlay_wid / mwid#
    ymult# = MG_overlay_hgt / mhgt#
    ` create the bitmap and draw the overlay
    bm = find free bitmap()
    create bitmap bm, MG_overlay_wid, MG_overlay_hgt
    ink 0xffffff, 0xffffff
    for a = 0 to array count( _OUT() )
        v1 = _OUT(a).v1
        v2 = _OUT(a).v2
        x1# = (_VERTS(v1).x+xoff#) * xmult#
        y1# = (_VERTS(v1).y+yoff#) * ymult#
        x2# = (_VERTS(v2).x+xoff#) * xmult#
        y2# = (_VERTS(v2).y+yoff#) * ymult#
        line x1#,y1#,x2#,y2#
    next
    MG_overlay_img = find free image()
    get image MG_overlay_img, 0,0,MG_overlay_wid-1,MG_overlay_hgt-1
    save image "test.png",MG_overlay_img
    delete bitmap bm
    ` store it in the image list so it can be cleaned up
    array insert at bottom _IMG()
    _IMG() = MG_overlay_img
endfunction

function MG_draw_overlay()
    ` maps vertex width and height
    mwid# = MG_map_xmax - MG_map_xmin
    mhgt# = MG_map_ymax - MG_map_ymin
    ` multipliers so verts fit into bitmap region
    xmult# = MG_overlay_wid / mwid#
    ymult# = MG_overlay_hgt / mhgt#
    ` offset to correct negative values
    xoff# = abs(MG_map_xmin) * xmult#
    yoff# = abs(MG_map_ymin) * ymult#
    ` get current players offset
    objx# = object position x(objc) * xmult# - xoff#
    objy# = object position z(objc) * ymult# - yoff#
    d3d_setviewport 0,0,256,256
    paste image MG_overlay_img, objx#, objy#, 1
    d3d_resetviewport
endfunction

+ Code Snippet

function MG_make_overlay()
    ` maps vertex width and height
    mwid# = MG_map_xmax - MG_map_xmin
    mhgt# = MG_map_ymax - MG_map_ymin
    ` offset to correct negative values
    xoff# = abs(MG_map_xmin)
    yoff# = abs(MG_map_ymin)
    ` bitmap size (now stored in globals)
    `bmw = 512
    `bmh = 512
    ` multipliers so verts fit into bitmap region
    xmult# = MG_overlay_wid / mwid#
    ymult# = MG_overlay_hgt / mhgt#
    ` create the bitmap and draw the overlay
    bm = find free bitmap()
    create bitmap bm, MG_overlay_wid, MG_overlay_hgt
    ink 0xffffff, 0xffffff
    for a = 0 to array count( _OUT() )
        v1 = _OUT(a).v1
        v2 = _OUT(a).v2
        x1# = (_VERTS(v1).x+xoff#) * xmult#
        y1# = (_VERTS(v1).y+yoff#) * ymult#
        x2# = (_VERTS(v2).x+xoff#) * xmult#
        y2# = (_VERTS(v2).y+yoff#) * ymult#
        line x1#,y1#,x2#,y2#
    next
    MG_overlay_img = find free image()
    get image MG_overlay_img, 0,0,MG_overlay_wid-1,MG_overlay_hgt-1
    save image "test.png",MG_overlay_img
    delete bitmap bm
    ` store it in the image list so it can be cleaned up
    array insert at bottom _IMG()
    _IMG() = MG_overlay_img
endfunction

function MG_draw_overlay()
    ` maps vertex width and height
    mwid# = MG_map_xmax - MG_map_xmin
    mhgt# = MG_map_ymax - MG_map_ymin
    ` multipliers so verts fit into bitmap region
    xmult# = MG_overlay_wid / mwid#
    ymult# = MG_overlay_hgt / mhgt#
    ` offset to correct negative values
    xoff# = abs(MG_map_xmin) * xmult#
    yoff# = abs(MG_map_ymin) * ymult#
    ` get current players offset
    objx# = object position x(objc) * xmult# - xoff#
    objy# = object position z(objc) * ymult# - yoff#
    d3d_setviewport 0,0,256,256
    paste image MG_overlay_img, objx#, objy#, 1
    d3d_resetviewport
endfunction

EDIT: I probably need to initialise the D3DFunc dll but I don't know how to...

EDIT2: Got it sussed... I put D3D_init at the beginning of my code...

Warning! May contain Nuts!

Back to top

Profile PM Email Website

GIDustin

18

Years of Service

User Offline

Joined: 30th May 2008

Location:

Posted: 21st Aug 2011 19:45

Link

Quote: "EDIT2: Got it sussed... I put D3D_init at the beginning of my code..."

Ah yeah, sorry about that. d3d_init is automatically called by the DLL but if you change resolution, which you do, it needs to be called again afterwards.

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 21st Aug 2011 19:51

Link

I'm now hoping that Mistrel will be able to wrap the D3DFunc for PureGDK. The viewport clipping is a handy addition to the D3DFunc. I'm also going to have a look at some of the code to see what I can learn from it about D3D itself.

Thanks so much GIDustin...

Warning! May contain Nuts!

Back to top

Profile PM Email Website

Diggsey

20

Years of Service

User Offline

Joined: 24th Apr 2006

Location: On this web page.

Posted: 21st Aug 2011 20:49

Link

Advanced 2D has direct support for 2D clipping. a2SetClip will let you choose a clipping region which will apply to all of a2's drawing commands including a2DrawImage.

[b]

Back to top

Profile PM Email Website

WLGfx

18

Years of Service

User Offline

Joined: 1st Nov 2007

Location: NW United Kingdom

Posted: 21st Aug 2011 21:14

Link

I believe that's already a part of the PureGDK too. I also can't believe I missed that from the start.

Looking over both D3DFunc and Advanced 2D there's a hell of a lot of useful fast functions.

Thanks Diggsey...

Warning! May contain Nuts!

Back to top

Profile PM Email Website

Sorry your browser is not supported!

DarkBASIC Professional Discussion / 2D clipping rectangle