LÖVE

Posted: **Fri Aug 17, 2018 8:03 pm**

Pico-8 has this nifty feature called fill patterns where you can fill only certain parts of a shape and leave others transparent, or set to another color:

: fillpatterns.png (165.56 KiB) Viewed 4741 times

Can anyone think of a way to do something like this in LOVE?

Posted: **Sat Aug 18, 2018 12:12 am**

Hi, welcome to the forums.

I'm not sure if you mean something like what love.graphics.stencil (and its companion love.graphics.setStencilTest) does. With these functions, you draw a mask onto a special surface, the stencil, and then set the stencil test so that all drawing operations will only touch the pixels which you decide.

Posted: **Sat Aug 18, 2018 12:51 pm**

I think you could do something like this using shaders and stencils.
For exemple, to make a grid pattern you could discard on x and y axis every two pixels a pixel.

Sorry for my english

Posted: **Sat Sep 01, 2018 8:03 pm**

Cool ideas thanks!

Posted: **Sat Sep 01, 2018 10:36 pm**

I got something that works just like I wanted:

: Screen Shot 2018-09-01 at 6.35.02 PM.png (60.49 KiB) Viewed 4472 times

Here's the code incase anyone is interested, it's based on the example for stencils in the wiki.

main.lua:

Code: Select all

local function myStencilFunction()
  for i=0, love.graphics.getWidth(), 10  do
    for j = 0, love.graphics.getHeight(), 10 do
      love.graphics.rectangle("fill", i, j, 5, 5)
    end
  end
end
 
function love.draw()
    -- draw a rectangle as a stencil. Each pixel touched by the rectangle will have its stencil value set to 1. The rest will be 0.
    love.graphics.stencil(myStencilFunction, "replace", 1)
 
   -- Only allow rendering on pixels which have a stencil value greater than 0.
    love.graphics.setStencilTest("greater", 0)
 
    love.graphics.setColor(1, 0, 0, 0.45)
    love.graphics.circle("fill", 300, 300, 150, 50)
 
    love.graphics.setColor(0, 1, 0, 0.45)
    love.graphics.circle("fill", 500, 300, 150, 50)
 
    love.graphics.setColor(0, 0, 1, 0.45)
    love.graphics.circle("fill", 400, 400, 150, 50)
 
    love.graphics.setStencilTest()
end

LÖVE

Fill Patterns?

Fill Patterns?

Re: Fill Patterns?

Re: Fill Patterns?

Re: Fill Patterns?

Re: Fill Patterns?: Got it!