Project1

标题: 角色血条怎么美化 [打印本页]

---

作者: 守望の风    时间: 2011-7-11 15:02
标题: 角色血条怎么美化
RT，感觉人物角色的血槽只是个矩形，好难看……呃，怎么用图片代替？或者美化它们啊？dsu_plus_rewardpost_czw

---

作者: Cherry    时间: 2011-7-11 21:06
这个怎么样：



放在System里，色彩可以自己PS

1. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
   
2. #_/    ◆ 汎用ゲージ描画 - KGC_GenericGauge ◆ VX ◆
   
3. #_/    ◇ Last update : 2009/09/26 ◇
   
4. #_/----------------------------------------------------------------------------
   
5. #_/  汎用的なゲージ描画機能を提供します。
   
6. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
   
7. 
   
8. #==============================================================================
   
9. # ★ カスタマイズ項目 - Customize BEGIN ★
   
10. #==============================================================================
    
11. 
    
12. module KGC
    
13. module GenericGauge
    
14.   # ◆ ゲージ画像
    
15.   #  "Graphics/System" から読み込む。
    
16.   HP_IMAGE  = "GaugeHP"   # HP
    
17.   MP_IMAGE  = "GaugeMP"   # MP
    
18.   EXP_IMAGE = "GaugeEXP"  # EXP
    
19. 
    
20.   # ◆ ゲージ位置補正 [x, y]
    
21.   HP_OFFSET  = [-23, -2]  # HP
    
22.   MP_OFFSET  = [-23, -2]  # MP
    
23.   EXP_OFFSET = [-23, -2]  # EXP
    
24. 
    
25.   # ◆ ゲージ長補正
    
26.   HP_LENGTH  = -4  # HP
    
27.   MP_LENGTH  = -4  # MP
    
28.   EXP_LENGTH = -4  # EXP
    
29. 
    
30.   # ◆ ゲージの傾き角度
    
31.   #  -89 ～ 89 で指定。
    
32.   HP_SLOPE  = 30  # HP
    
33.   MP_SLOPE  = 30  # MP
    
34.   EXP_SLOPE = 30  # EXP
    
35. end
    
36. end
    
37. 
    
38. #==============================================================================
    
39. # ☆ カスタマイズ項目 終了 - Customize END ☆
    
40. #==============================================================================
    
41. 
    
42. $imported = {} if $imported == nil
    
43. $imported["GenericGauge"] = true
    
44. 
    
45. #★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
    
46. 
    
47. #==============================================================================
    
48. # ■ Bitmap
    
49. #==============================================================================
    
50. 
    
51. unless $imported["BitmapExtension"]
    
52. class Bitmap
    
53.   #--------------------------------------------------------------------------
    
54.   # ○ 平行四辺形転送
    
55.   #--------------------------------------------------------------------------
    
56.   def skew_blt(x, y, src_bitmap, src_rect, slope, opacity = 255)
    
57.     slope = [[slope, -90].max, 90].min
    
58.     sh    = src_rect.height
    
59.     off  = sh / Math.tan(Math::PI * (90 - slope.abs) / 180.0)
    
60.     if slope >= 0
    
61.       dx   = x + off.round
    
62.       diff = -off / sh
    
63.     else
    
64.       dx   = x
    
65.       diff = off / sh
    
66.     end
    
67.     rect = Rect.new(src_rect.x, src_rect.y, src_rect.width, 1)
    
68. 
    
69.     sh.times { |i|
    
70.       blt(dx + (diff * i).round, y + i, src_bitmap, rect, opacity)
    
71.       rect.y += 1
    
72.     }
    
73.   end
    
74. end
    
75. end
    
76. 
    
77. #★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
    
78. 
    
79. #==============================================================================
    
80. # ■ Game_Actor
    
81. #==============================================================================
    
82. 
    
83. class Game_Actor < Game_Battler
    
84.   #--------------------------------------------------------------------------
    
85.   # ○ 次のレベルの経験値取得
    
86.   #--------------------------------------------------------------------------
    
87.   def next_exp
    
88.     return @exp_list[@level+1]
    
89.   end
    
90.   #--------------------------------------------------------------------------
    
91.   # ○ 次のレベルの差分経験値取得
    
92.   #--------------------------------------------------------------------------
    
93.   def next_diff_exp
    
94.     return (@exp_list[@level+1] - @exp_list[@level])
    
95.   end
    
96.   #--------------------------------------------------------------------------
    
97.   # ○ 次のレベルまでの経験値取得
    
98.   #--------------------------------------------------------------------------
    
99.   def next_rest_exp
    
100.     return (@exp_list[@level+1] - @exp)
     
101.   end
     
102. end
     
103. 
     
104. #★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
     
105. 
     
106. #==============================================================================
     
107. # ■ Window_Base
     
108. #==============================================================================
     
109. 
     
110. class Window_Base < Window
     
111.   #--------------------------------------------------------------------------
     
112.   # ○ 定数
     
113.   #--------------------------------------------------------------------------
     
114.   # ゲージ転送元座標 [x, y]
     
115.   GAUGE_SRC_POS = {
     
116.     :normal   => [ 0, 24],
     
117.     :decrease => [ 0, 48],
     
118.     :increase => [72, 48],
     
119.   }
     
120.   #--------------------------------------------------------------------------
     
121.   # ○ クラス変数
     
122.   #--------------------------------------------------------------------------
     
123.   @@__gauge_buf = Bitmap.new(320, 24)
     
124.   #--------------------------------------------------------------------------
     
125.   # ○ ゲージ描画
     
126.   #     file       : ゲージ画像ファイル名
     
127.   #     x, y       : 描画先 X, Y 座標
     
128.   #     width      : 幅
     
129.   #     value      : 現在値
     
130.   #     limit      : 上限値
     
131.   #     offset     : 座標調整 [x, y]
     
132.   #     len_offset : 長さ調整
     
133.   #     slope      : 傾き
     
134.   #     gauge_type : ゲージタイプ
     
135.   #--------------------------------------------------------------------------
     
136.   def draw_gauge(file, x, y, width, value, limit, offset, len_offset, slope,
     
137.       gauge_type = :normal)
     
138.     img    = Cache.system(file)
     
139.     x     += offset[0]
     
140.     y     += offset[1]
     
141.     width += len_offset
     
142.     draw_gauge_base(img, x, y, width, slope)
     
143.     gw = width * value / limit
     
144.     draw_gauge_bar(img, x, y, width, gw, slope, GAUGE_SRC_POS[gauge_type])
     
145.   end
     
146.   #--------------------------------------------------------------------------
     
147.   # ○ ゲージベース描画
     
148.   #     img   : ゲージ画像
     
149.   #     x, y  : 描画先 X, Y 座標
     
150.   #     width : 幅
     
151.   #     slope : 傾き
     
152.   #--------------------------------------------------------------------------
     
153.   def draw_gauge_base(img, x, y, width, slope)
     
154.     rect = Rect.new(0, 0, 24, 24)
     
155.     if slope != 0
     
156.       self.contents.skew_blt(x, y, img, rect, slope)
     
157.       rect.x = 96
     
158.       self.contents.skew_blt(x + width + 24, y, img, rect, slope)
     
159. 
     
160.       rect.x     = 24
     
161.       rect.width = 72
     
162.       dest_rect = Rect.new(0, 0, width, 24)
     
163.       @@__gauge_buf.clear
     
164.       @@__gauge_buf.stretch_blt(dest_rect, img, rect)
     
165.       self.contents.skew_blt(x + 24, y, @@__gauge_buf, dest_rect, slope)
     
166.     else
     
167.       self.contents.blt(x, y, img, rect)
     
168.       rect.x = 96
     
169.       self.contents.blt(x + width + 24, y, img, rect)
     
170.       rect.x     = 24
     
171.       rect.width = 72
     
172.       dest_rect = Rect.new(x + 24, y, width, 24)
     
173.       self.contents.stretch_blt(dest_rect, img, rect)
     
174.     end
     
175.   end
     
176.   #--------------------------------------------------------------------------
     
177.   # ○ ゲージ内部描画
     
178.   #     img     : ゲージ画像
     
179.   #     x, y    : 描画先 X, Y 座標
     
180.   #     width   : 全体幅
     
181.   #     gw      : 内部幅
     
182.   #     slope   : 傾き
     
183.   #     src_pos : 転送元座標 [x, y]
     
184.   #     start   : 開始位置
     
185.   #--------------------------------------------------------------------------
     
186.   def draw_gauge_bar(img, x, y, width, gw, slope, src_pos, start = 0)
     
187.     rect = Rect.new(src_pos[0], src_pos[1], 72, 24)
     
188.     dest_rect = Rect.new(0, 0, width, 24)
     
189.     @@__gauge_buf.clear
     
190.     @@__gauge_buf.stretch_blt(dest_rect, img, rect)
     
191.     dest_rect.x     = start
     
192.     dest_rect.width = gw
     
193.     x += start
     
194.     if slope != 0
     
195.       self.contents.skew_blt(x + 24, y, @@__gauge_buf, dest_rect, slope)
     
196.     else
     
197.       self.contents.blt(x + 24, y, @@__gauge_buf, dest_rect)
     
198.     end
     
199.   end
     
200.   #--------------------------------------------------------------------------
     
201.   # ● HP ゲージの描画
     
202.   #     actor : アクター
     
203.   #     x, y  : 描画先 X, Y 座標
     
204.   #     width : 幅
     
205.   #--------------------------------------------------------------------------
     
206.   def draw_actor_hp_gauge(actor, x, y, width = 120)
     
207.     draw_gauge(KGC::GenericGauge::HP_IMAGE,
     
208.       x, y, width, actor.hp, actor.maxhp,
     
209.       KGC::GenericGauge::HP_OFFSET,
     
210.       KGC::GenericGauge::HP_LENGTH,
     
211.       KGC::GenericGauge::HP_SLOPE
     
212.     )
     
213.   end
     
214.   #--------------------------------------------------------------------------
     
215.   # ● MP ゲージの描画
     
216.   #     actor : アクター
     
217.   #     x, y  : 描画先 X, Y 座標
     
218.   #     width : 幅
     
219.   #--------------------------------------------------------------------------
     
220.   def draw_actor_mp_gauge(actor, x, y, width = 120)
     
221.     draw_gauge(KGC::GenericGauge::MP_IMAGE,
     
222.       x, y, width, actor.mp, [actor.maxmp, 1].max,
     
223.       KGC::GenericGauge::MP_OFFSET,
     
224.       KGC::GenericGauge::MP_LENGTH,
     
225.       KGC::GenericGauge::MP_SLOPE
     
226.     )
     
227.   end
     
228.   #--------------------------------------------------------------------------
     
229.   # ○ Exp の描画
     
230.   #     actor : アクター
     
231.   #     x, y  : 描画先 X, Y 座標
     
232.   #     width : 幅
     
233.   #--------------------------------------------------------------------------
     
234.   def draw_actor_exp(actor, x, y, width = 180)
     
235.     self.contents.font.color = normal_color
     
236.     self.contents.draw_text(x, y, width, WLH, actor.exp_s, 2)
     
237.   end
     
238.   #--------------------------------------------------------------------------
     
239.   # ○ NextExp の描画
     
240.   #     actor : アクター
     
241.   #     x, y  : 描画先 X, Y 座標
     
242.   #     width : 幅
     
243.   #--------------------------------------------------------------------------
     
244.   def draw_actor_next_exp(actor, x, y, width = 180)
     
245.     draw_actor_exp_gauge(actor, x, y, width)
     
246. 
     
247.     self.contents.font.color = normal_color
     
248.     self.contents.draw_text(x, y, width, WLH, actor.next_rest_exp_s, 2)
     
249.   end
     
250.   #--------------------------------------------------------------------------
     
251.   # ○ Exp ゲージの描画
     
252.   #     actor : アクター
     
253.   #     x, y  : 描画先 X, Y 座標
     
254.   #     width : 幅
     
255.   #--------------------------------------------------------------------------
     
256.   def draw_actor_exp_gauge(actor, x, y, width = 180)
     
257.     diff = [actor.next_diff_exp, 1].max
     
258.     rest = [actor.next_rest_exp, 1].max
     
259.     draw_gauge(KGC::GenericGauge::EXP_IMAGE,
     
260.       x, y, width, diff - rest, diff,
     
261.       KGC::GenericGauge::EXP_OFFSET,
     
262.       KGC::GenericGauge::EXP_LENGTH,
     
263.       KGC::GenericGauge::EXP_SLOPE
     
264.     )
     
265.   end
     
266. end
     
267. 
     
268. #★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
     
269. 
     
270. #==============================================================================
     
271. # ■ Window_Status
     
272. #==============================================================================
     
273. 
     
274. class Window_Status < Window_Base
     
275.   #--------------------------------------------------------------------------
     
276.   # ● 経験値情報の描画
     
277.   #     x : 描画先 X 座標
     
278.   #     y : 描画先 Y 座標
     
279.   #--------------------------------------------------------------------------
     
280.   def draw_exp_info(x, y)
     
281.     s_next = sprintf(Vocab::ExpNext, Vocab::level)
     
282.     self.contents.font.color = system_color
     
283.     self.contents.draw_text(x, y + WLH * 0, 180, WLH, Vocab::ExpTotal)
     
284.     self.contents.draw_text(x, y + WLH * 2, 180, WLH, s_next)
     
285.     draw_actor_exp(@actor, x, y + WLH * 1)
     
286.     draw_actor_next_exp(@actor, x, y + WLH * 3)
     
287.   end
     
288. end
     

复制代码

---

作者: 守望の风    时间: 2011-7-12 10:16

Cherry 发表于 2011-7-11 21:06
这个怎么样：

啊~看起来很不错哦~~~谢谢你哦

---

欢迎光临 Project1 (https://rpg.blue/)

Powered by Discuz! X3.1