quad_slice/test_rep_pattern.lua at main · frank-f-trafton/quad_slice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

--[[
	A quick example of drawing a repeating pattern within a hollow 9-slice. The slice's
	center tile is disabled, and a repeating texture is drawn in place of it.

	This functionality is not included in the core quadSlice library because the texture
	rebind breaks autobatching. (Not that that's the end of the world or anything, but
	it seems like a reasonable cut-off point.)
--]]


local quadSlice = require("quad_slice")

-- The repeating pattern.
local image_rep = love.graphics.newImage("demo_res/rep_pattern.png")
image_rep:setWrap("repeat", "repeat")
local quad_rep = love.graphics.newQuad(0, 0, 0, 0, image_rep)

-- The 9slice.
local image_slice = love.graphics.newImage("demo_res/rep_9s.png")
local slice = quadSlice.newSlice(0,0, 32,32, 32,32, 32,32, image_slice:getDimensions())
slice:setMirroring(true, true)
image_slice:setWrap("mirroredrepeat", "mirroredrepeat")

-- Some optional extras.
local image_adornments = love.graphics.newImage("demo_res/adornments.png")
local q_b = love.graphics.newQuad(0, 0, 64, 64, image_adornments)
local q_w = love.graphics.newQuad(0, 64, 64, 64, image_adornments)

-- We need to continuously update the repeating pattern's quad viewport.
local vp_x = 0
local vp_y = 0
local vp_w = 640
local vp_h = 480

-- Width and height of one portion of the frame, along each axis.
local frame_w = slice.w1
local frame_h = slice.h1


function love.keypressed(kc, sc, rep)
	if sc == "escape" then
		love.event.quit()
	end
end


function love.update(dt)
	-- Move the pattern in the direction of the mouse.

	local mx, my = love.mouse.getPosition()
	local w, h = love.graphics.getDimensions()

	vp_x = vp_x + dt*(mx-w/2)/4 -- too fast...
	vp_y = vp_y + dt*(my-h/2)/4
end


function love.draw()
	local window_x = (love.graphics.getWidth() - (vp_w + frame_w*2)) * 0.5
	local window_y = (love.graphics.getHeight() - (vp_h + frame_h*2)) * 0.5

	-- Handle the repeating pattern first, then draw the slice frame over it.
	quad_rep:setViewport(math.floor(vp_x), math.floor(vp_y), vp_w, vp_h)
	love.graphics.draw(image_rep, quad_rep, window_x + frame_w/2, window_y + frame_h/2)

	slice:draw(image_slice, window_x, window_y, vp_w + frame_w, vp_h + frame_h, true)

	-- Uncomment to add a literal bell and whistle to the slice frame.
	--[[
	love.graphics.draw(image_adornments, q_b, window_x - 30, window_y + 36)
	love.graphics.draw(image_adornments, q_w, window_x + vp_w, window_y + 432)
	--]]
end