-
Notifications
You must be signed in to change notification settings - Fork 1
/
gSlide.lua
125 lines (120 loc) · 4.25 KB
/
gSlide.lua
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
--# gSlider
--[[
gSlider
v2.0.2 By SoulWINTER
---------------------
更新日志
v2.0.2
- 修改动画，显得更自然
- 修复可能发生的 bug
v2.0.1
- 修改线条粗细
- 修改圆的轮廓
- 修改圆的半径
v2.0
- 更名 gSlider
- 增加动画
- 修改线条粗细
- 去除阴影
- 将默认半径改为17
- 现在可自定义线条颜色
- 现在设置错误将会自动调节
v1.2
- 现已可调节圆的半径
v1.1.3
- 增加因设置错误而报错的功能
- 调整线条宽度与颜色
v1.1.2
- 细节（阴影，线条）微调
v1.1.1
- 修复无法调节负数的 bug
v1.1
- 阴影仿真效果（感谢贴吧 @破晓_年华 提供技术支持）
- 其他微调
---------------------
使用方法：
在setup()中写
xxx（取个名字）=gSlider(长度（单位：像素），最小值，最大值，位置x，位置y，据开始多少像素，【可选】线条颜色，【可选】圆的半径)
例如：test = gSlider(500,0,1,WIDTH/2,HEIGHT/2,50)
在draw()中写
xxx（你刚才取的名字）:draw()
例如：test:draw()
在touched中写
xxx:touched(touch)
例如：test:touched(touch)
xxx.num 为反应数值
--]]
gSlider = class()
function gSlider:init(length,min,max,x,y,startPos,lineColor,radius)
self.length = length
self.min = min
self.max = max
self.pos = vec2(x,y)
self.buttonPos = startPos
self.isTouching = false
self.num = 0
self.num2 = 0
self.radius = radius or 15
self.lineColor = lineColor or color(255, 134, 0, 255)
self.strokes = {width = 1.5/1.5*self.radius}
self.onceStroke = 1.5/1.5*self.radius
if self.buttonPos > length then self.buttonPos = length end
self.blurCircle = gSlider:Blur(self.radius+5)
end
function gSlider:draw()
stroke(self.lineColor)
strokeWidth(self.strokes.width)
line(self.pos.x-self.length/2,self.pos.y,self.pos.x-self.length/2+self.buttonPos,self.pos.y)
-- stroke(223, 215, 215, 255)
stroke(226, 224, 224, 255)
line(self.pos.x-self.length/2+self.buttonPos,self.pos.y,self.pos.x+self.length/2,self.pos.y)
fill(223, 224, 223, 36)
-- stroke(212, 209, 213, 255)
-- ellipse
-- sprite(self.img,self.pos.x-self.length/2+self.buttonPos,self.pos.y-3/15*self.radius)
strokeWidth(1.3/15*self.radius)
stroke(197, 192, 192, 255)
noStroke()
fill(255, 255, 255, 255)
sprite(self.blurCircle,self.pos.x-self.length/2+self.buttonPos,self.pos.y)
ellipse(self.pos.x-self.length/2+self.buttonPos,self.pos.y,30/15*self.radius,30/15*self.radius)
fill(self.lineColor)
ellipse(self.pos.x-self.length/2+self.buttonPos,self.pos.y,10/15*self.radius)
self.num = self.buttonPos*((self.max-self.min)/self.length)
if self.min < 0 then self.num = self.num + self.min end
self.num2 = self.buttonPos*((self.max-self.min)/self.length)
end
function gSlider:touched(touch)
if touch.state == BEGAN and touch.x >= (self.pos.x-self.length/2+self.buttonPos)-self.radius and touch.x <= self.pos.x-self.length/2+self.buttonPos+self.radius and touch.y >= self.pos.y-self.radius and touch.y <= self.pos.y+self.radius then
self.isTouching = true
tween(0.1,self.strokes,{width = self.onceStroke+self.radius/26*8})
end
if touch.state ~= ENDED and self.isTouching == true then
if touch.x-(self.pos.x-self.length/2)>=0 and touch.x-(self.pos.x-self.length/2)<=self.length then
self.buttonPos = touch.x-(self.pos.x-self.length/2)
end
if touch.x-(self.pos.x-self.length/2)<=0 then
self.buttonPos = 0
end
if touch.x-(self.pos.x-self.length/2)>=self.length then
self.buttonPos = self.length
end
end
if touch.state == ENDED and self.isTouching == true then
self.isTouching = false
local t2 = tween(0.05,self.strokes,{width = self.onceStroke-self.radius/17*12})
local t3 = tween(0.1,self.strokes,{width = self.onceStroke})
tween.sequence(t2,t3)
end
end
function gSlider:Blur(radius)
local img=image(radius*2,radius*2)
strokeWidth(0)
setContext(img)
for i=0,255 do
fill(0, 0, 0, 0.5)
ellipse(radius,radius,radius*2/255*i)
end
setContext()
return img
end