Project1

标题: 血条美化 [打印本页]
作者: 千古一帝    时间: 2013-4-22 08:51
标题: 血条美化
如何在脚本中给血魔条加上一个值槽？用图片表示的槽。
作者: 沉滞的剑    时间: 2013-4-22 09:27
本帖最后由 沉滞的剑 于 2013-4-22 09:30 编辑

RUBY 代码复制
  1. #--------------------------------------------------------------------------
  2.   # ● 绘制值槽
  3.   #     rate   : 比率（1.0 为满值）
  4.   #     color1 : 渐变色的左端
  5.   #     color2 : 渐变色的右端
  6.   #--------------------------------------------------------------------------
  7.   def draw_gauge(x, y, width, rate, color1, color2)
  8.     fill_w = (width * rate).to_i
  9.     gauge_y = y + line_height - 8
  10.     contents.fill_rect(x, gauge_y, width, 6, gauge_back_color)
  11.     contents.gradient_fill_rect(x, gauge_y, fill_w, 6, color1, color2)
  12.   end


Window_Base 里有，所有子类公用

修改一下，加入插入bitmap替代原有的fillrect。
可以修改图片长度达到比例效果，也可以设置透明通道让fill rect代替显示
作者: 千古一帝    时间: 2013-4-22 09:30
不是这个，我是要个用图片显示槽值的。就是给gauge一个定义，给他添加一张图片。就像网游中的血条一样。有个框框。
作者: 千古一帝    时间: 2013-4-22 12:41
千古一帝 发表于 2013-4-22 09:30
不是这个，我是要个用图片显示槽值的。就是给gauge一个定义，给他添加一张图片。就像网游中的血条一样。有 ...

不好意思，应该是你说的那种。不过不知道怎么改，能发个脚本吗？
作者: hcm    时间: 2013-4-22 12:58
如果只是加一个框的话应该用不着图片的吧。
  1. #==============================================================================
  2. # F01 - 细节美化 - Ｂｙ芙蕾娅
  3. #------------------------------------------------------------------------------
  4. # 　★ - 新增  ☆ - 修改  ■ - 删除　● - 无变更
  5. #==============================================================================
  6. module Freya
  7.   # 值槽的种类
  8.   # 0 = 默认
  9.   # 1 = 描绘边框
  10.   # 2 = 渐变
  11.   # 3 = 描绘边框 + 渐变
  12.   Gauge_Type = 3
  13. end
  14. #==============================================================================
  15. # ■ Window_Base
  16. #------------------------------------------------------------------------------
  17. # 　游戏中所有窗口的父类
  18. #==============================================================================
  19. class Window_Base < Window
  20.   #--------------------------------------------------------------------------
  21.   # ☆ 放大字体尺寸
  22.   #    放大字体尺寸从8更改为4
  23.   #--------------------------------------------------------------------------
  24.   def make_font_bigger
  25.     contents.font.size += 4 if contents.font.size <= 64
  26.   end
  27.   #--------------------------------------------------------------------------
  28.   # ☆ 缩小字体尺寸
  29.   #    缩小字体尺寸从8更改为4
  30.   #--------------------------------------------------------------------------
  31.   def make_font_smaller
  32.     contents.font.size -= 4 if contents.font.size >= 16
  33.   end
  34.   #--------------------------------------------------------------------------
  35.   # ☆ 绘制值槽
  36.   #     rate   : 比率（1.0 为满值）
  37.   #     color1 : 渐变色的左端
  38.   #     color2 : 渐变色的右端
  39.   #    增加了绘制种类
  40.   #--------------------------------------------------------------------------
  41.   def draw_gauge(x, y, width, rate, color1, color2)
  42.     if Freya::Gauge_Type == 0
  43.       fill_w = (width * rate).to_i
  44.       gauge_y = y + line_height - 8
  45.       contents.fill_rect(x, gauge_y, width, 6, gauge_back_color)
  46.       contents.gradient_fill_rect(x, gauge_y, fill_w, 6, color1, color2)
  47.     elsif Freya::Gauge_Type == 1
  48.       fill_w = ((width - 2) * rate).to_i
  49.       gauge_y = y + line_height - 8
  50.       contents.fill_rect(x, gauge_y, width, 6, gauge_back_color)
  51.       contents.gradient_fill_rect(x + 1, gauge_y + 1, fill_w, 4, color1, color2)
  52.     elsif Freya::Gauge_Type == 2
  53.       fill_w = ((width) * rate).to_i
  54.       gauge_y = y + line_height - 8
  55.       contents.fill_rect(x, gauge_y, width, 6, gauge_back_color)
  56.       contents.gradient_fill_rect(x, gauge_y, fill_w / 2, 6, color1, color2)
  57.       contents.gradient_fill_rect(x + fill_w / 2, gauge_y, fill_w / 2, 6, color2, color1)
  58.     elsif Freya::Gauge_Type == 3
  59.       fill_w = ((width - 2) * rate).to_i
  60.       gauge_y = y + line_height - 8
  61.       contents.fill_rect(x, gauge_y, width, 6, gauge_back_color)
  62.       contents.gradient_fill_rect(x + 1, gauge_y + 1, fill_w / 2, 4, color1, color2)
  63.       contents.gradient_fill_rect(x + 1 + fill_w / 2, gauge_y + 1, fill_w / 2, 4, color2, color1)
  64.     end
  65.   end
  66.   #--------------------------------------------------------------------------
  67.   # ☆ 以 当前值／最大值 这样的分数形式绘制当前值和最大值
  68.   #     current : 当前值
  69.   #     max     : 最大值
  70.   #     color1  : 当前值的颜色
  71.   #     color2  : 最大值的颜色
  72.   #    稍微缩小字体大小，移动一些坐标
  73.   #--------------------------------------------------------------------------
  74.   def draw_current_and_max_values(x, y, width, current, max, color1, color2)
  75.     change_color(color1)
  76.     xr = x + width
  77.     contents.font.size = 15
  78.     if width < 96
  79.       draw_text(xr - 40, y, 42, line_height, current, 2)
  80.     else
  81.       draw_text(xr - 92, y, 42, line_height, current, 2)
  82.       change_color(color2)
  83.       draw_text(xr - 52, y, 12, line_height, "/", 2)
  84.       draw_text(xr - 42, y, 42, line_height, max, 2)
  85.     end
  86.     contents.font.size = Font.default_size
  87.   end
  88. end
复制代码
作者: yoyu1989    时间: 2013-4-22 13:12
图片的那个谁用的不错～不过用了以后和各种头像战斗脚本有冲突的～因为那些脚本都定义了血条的显示吧～（可能～）我也和你一样找了很久～最后也是放弃那个血条了～
http://rpg.blue/thread-223368-1-1.html  这个贴子里就用了图片血条～我也是这里下的～
其实我想要这个战斗脸图～可惜不论怎么搞也搞不下来～（谁让你什么脚本都不懂啊～！）
嗳～这个血条唯一的问题就是和各种定义了战斗脸图显示血量的冲突～要是不懂脚本看上去是无解了～
  1. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
  2. #_/    ◆ Draw Generic Gauge - KMS_GenericGauge ◆ VX Ace ◆
  3. #_/    ◇ Last update : 2012/01/15 (TOMY@Kamesoft) ◇
  4. #_/    ◇ Website: http://ytomy.sakura.ne.jp/ ◇
  5. #_/    ◇ Translated by Mr. Bubble ◇
  6. #_/----------------------------------------------------------------------------
  7. #_/  Provides groundwork code for simple image-based gauges.
  8. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
  9. #  This script provides groundwork code for simple gauge graphics based
  10. #  off images placed in the Graphics/System folder. By default, this script
  11. #  provides gauges for HP, MP, TP, and EXP.
  12. #
  13. #  Scripters can utilize their own Generic Gauge for their
  14. #  own use. See the "Notes to Scripters" section below the customization
  15. #  section.
  16. #----------------------------------------------------------------------------
  17. #  !! WARNING !!
  18. #  If an error pops up saying "wrong number of arguments",
  19. #  please post in the topic you got this script in and ask for a
  20. #  compatibility patch with the other custom script you're trying to
  21. #  use.
  22. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  24. #==============================================================================
  25. # ★ BEGIN Setting ★
  26. #==============================================================================

  28. module KMS_GenericGauge
  29.   # * Gauge File Names
  30.   #   Images must be placed in the "Graphics/System" folder of your project
  31.   HP_IMAGE  = "GaugeHP"   # HP
  32.   MP_IMAGE  = "GaugeMP"   # MP
  33.   TP_IMAGE  = "GaugeTP"   # TP
  34.   EXP_IMAGE = "GaugeEXP"  # EXP

  36.   # * Gauge Position Offset [x, y]
  37.   HP_OFFSET  = [-23, -2]  # HP
  38.   MP_OFFSET  = [-23, -2]  # MP
  39.   TP_OFFSET  = [-23, -2]  # TP
  40.   EXP_OFFSET = [-23, -2]  # EXP

  42.   # * Gauge Length Adjustment
  43.   HP_LENGTH  = -4  # HP
  44.   MP_LENGTH  = -4  # MP
  45.   TP_LENGTH  = -4  # TP
  46.   EXP_LENGTH = -4  # EXP

  48.   # * Gauge Slope
  49.   #   Must be between -89 ~ 89 degrees
  50.   HP_SLOPE  = 30  # HP
  51.   MP_SLOPE  = 30  # MP
  52.   TP_SLOPE  = 30  # TP
  53.   EXP_SLOPE = 30  # EXP
  54. end

  56. #==============================================================================
  57. # ☆ END Setting ☆
  58. #==============================================================================

  60. $kms_imported = {} if $kms_imported == nil
  61. $kms_imported["GenericGauge"] = true

  63. # *****************************************************************************

  65.   #--------------------------------------------------------------------------
  66.   # Notes to Scripters
  67.   #--------------------------------------------------------------------------
  68.   # Drawing your own custom gauge within a window can be done by using a single
  69.   # method:
  70.   #
  71.   #   draw_gauge(file, x, y, width, rate, offset, len_offset,
  72.   #     slope, gauge_type = :normal)
  73.   #
  74.   # ++ Draw Generic Gauge Arguments
  75.   #     file       : Gauge image filename
  76.   #     x, y       : x, y draw coordinates
  77.   #     width      : Gauge width
  78.   #     rate       : Gauge fill ratio (0.0 ~ 1.0)
  79.   #     offset     : Gauge coordinate adjustment [x, y]
  80.   #     len_offset : Length Adjustment
  81.   #     slope      : Gauge slope degree (-89~89)
  82.   #     gauge_type : Gauge type ( :normal , :decrease , :increase )
  83.   #--------------------------------------------------------------------------
  84.   # gauge_type determines how the gauge fills depending on the current
  85.   # value of the gauge.
  86.   #--------------------------------------------------------------------------
  87.   # This script overwrites Window_Base#draw_gauge and adds 2 extra args
  88.   # which will cause compatibility issues with other scripts that uses
  89.   # the default draw_gauge method and args.
  90.   #--------------------------------------------------------------------------

  92. #==============================================================================
  93. # ■ Bitmap
  94. #==============================================================================

  96. unless $kms_imported["BitmapExtension"]
  97. class Bitmap
  98.   #--------------------------------------------------------------------------
  99.   # ○ 平行四辺形転送
  100.   #--------------------------------------------------------------------------
  101.   def skew_blt(x, y, src_bitmap, src_rect, slope, opacity = 255)
  102.     slope = [[slope, -90].max, 90].min
  103.     sh    = src_rect.height
  104.     off  = sh / Math.tan(Math::PI * (90 - slope.abs) / 180.0)
  105.     if slope >= 0
  106.       dx   = x + off.round
  107.       diff = -off / sh
  108.     else
  109.       dx   = x
  110.       diff = off / sh
  111.     end
  112.     rect = Rect.new(src_rect.x, src_rect.y, src_rect.width, 1)

  114.     sh.times { |i|
  115.       blt(dx + (diff * i).round, y + i, src_bitmap, rect, opacity)
  116.       rect.y += 1
  117.     }
  118.   end
  119. end
  120. end

  122. #==============================================================================
  123. # ■ Game_Actor
  124. #==============================================================================

  126. class Game_Actor < Game_Battler
  127.   #--------------------------------------------------------------------------
  128.   # ○ 現在のレベルから次のレベルまでの全必要経験値取得
  129.   #--------------------------------------------------------------------------
  130.   def next_level_exp_full
  131.     return next_level_exp - current_level_exp
  132.   end
  133.   #--------------------------------------------------------------------------
  134.   # ○ 次のレベルまでの残り経験値取得
  135.   #--------------------------------------------------------------------------
  136.   def next_level_exp_rest
  137.     return next_level_exp - exp
  138.   end
  139.   #--------------------------------------------------------------------------
  140.   # ○ 次のレベルまでの経験値取得率取得
  141.   #--------------------------------------------------------------------------
  142.   def exp_rate
  143.     diff = [next_level_exp_full, 1].max
  144.     rest = [next_level_exp_rest, 1].max
  145.     return (diff - rest) * 1.0 / diff
  146.   end
  147. end

  149. #==============================================================================
  150. # ■ Window_Base
  151. #==============================================================================

  153. class Window_Base < Window
  154.   #--------------------------------------------------------------------------
  155.   # ○ 定数
  156.   #--------------------------------------------------------------------------
  157.   # ゲージ転送元座標 [x, y]
  158.   GAUGE_SRC_POS = {
  159.     :normal   => [ 0, 24],
  160.     :decrease => [ 0, 48],
  161.     :increase => [72, 48],
  162.   }
  163.   #--------------------------------------------------------------------------
  164.   # ○ クラス変数
  165.   #--------------------------------------------------------------------------
  166.   @@__gauge_buf = Bitmap.new(320, 24)
  167.   #--------------------------------------------------------------------------
  168.   # ○ ゲージ描画
  169.   #     file       : ゲージ画像ファイル名
  170.   #     x, y       : 描画先 X, Y 座標
  171.   #     width      : 幅
  172.   #     ratio      : 割合
  173.   #     offset     : 座標調整 [x, y]
  174.   #     len_offset : 長さ調整
  175.   #     slope      : 傾き
  176.   #     gauge_type : ゲージタイプ
  177.   #--------------------------------------------------------------------------
  178.   def draw_gauge(file, x, y, width, ratio, offset, len_offset, slope,
  179.                  gauge_type = :normal)
  180.     img    = Cache.system(file)
  181.     x     += offset[0]
  182.     y     += offset[1]
  183.     width += len_offset
  184.     draw_gauge_base(img, x, y, width, slope)
  185.     gw = (width * ratio).to_i
  186.     draw_gauge_bar(img, x, y, width, gw, slope, GAUGE_SRC_POS[gauge_type])
  187.   end
  188.   #--------------------------------------------------------------------------
  189.   # ○ ゲージベース描画
  190.   #     img   : ゲージ画像
  191.   #     x, y  : 描画先 X, Y 座標
  192.   #     width : 幅
  193.   #     slope : 傾き
  194.   #--------------------------------------------------------------------------
  195.   def draw_gauge_base(img, x, y, width, slope)
  196.     rect = Rect.new(0, 0, 24, 24)
  197.     if slope != 0
  198.       contents.skew_blt(x, y, img, rect, slope)
  199.       rect.x = 96
  200.       contents.skew_blt(x + width + 24, y, img, rect, slope)
  201.       rect.x     = 24
  202.       rect.width = 72
  203.       dest_rect = Rect.new(0, 0, width, 24)
  204.       @@__gauge_buf.clear
  205.       @@__gauge_buf.stretch_blt(dest_rect, img, rect)
  206.       contents.skew_blt(x + 24, y, @@__gauge_buf, dest_rect, slope)
  207.     else
  208.       contents.blt(x, y, img, rect)
  209.       rect.x = 96
  210.       contents.blt(x + width + 24, y, img, rect)
  211.       rect.x     = 24
  212.       rect.width = 72
  213.       dest_rect = Rect.new(x + 24, y, width, 24)
  214.       contents.stretch_blt(dest_rect, img, rect)
  215.     end
  216.   end
  217.   #--------------------------------------------------------------------------
  218.   # ○ ゲージ内部描画
  219.   #     img     : ゲージ画像
  220.   #     x, y    : 描画先 X, Y 座標
  221.   #     width   : 全体幅
  222.   #     gw      : 内部幅
  223.   #     slope   : 傾き
  224.   #     src_pos : 転送元座標 [x, y]
  225.   #     start   : 開始位置
  226.   #--------------------------------------------------------------------------
  227.   def draw_gauge_bar(img, x, y, width, gw, slope, src_pos, start = 0)
  228.     rect = Rect.new(src_pos[0], src_pos[1], 72, 24)
  229.     dest_rect = Rect.new(0, 0, width, 24)
  230.     @@__gauge_buf.clear
  231.     @@__gauge_buf.stretch_blt(dest_rect, img, rect)
  232.     dest_rect.x     = start
  233.     dest_rect.width = gw
  234.     x += start
  235.     if slope != 0
  236.       contents.skew_blt(x + 24, y, @@__gauge_buf, dest_rect, slope)
  237.     else
  238.       contents.blt(x + 24, y, @@__gauge_buf, dest_rect)
  239.     end
  240.   end
  241.   #--------------------------------------------------------------------------
  242.   # ● HP の描画
  243.   #--------------------------------------------------------------------------
  244.   def draw_actor_hp(actor, x, y, width = 124)
  245.     draw_actor_hp_gauge(actor, x, y, width)
  246.     change_color(system_color)
  247.     draw_text(x, y, 30, line_height, Vocab::hp_a)
  248.     draw_current_and_max_values(x, y, width, actor.hp, actor.mhp,
  249.       hp_color(actor), normal_color)
  250.   end
  251.   #--------------------------------------------------------------------------
  252.   # ● MP の描画
  253.   #--------------------------------------------------------------------------
  254.   def draw_actor_mp(actor, x, y, width = 124)
  255.     draw_actor_mp_gauge(actor, x, y, width)
  256.     change_color(system_color)
  257.     draw_text(x, y, 30, line_height, Vocab::mp_a)
  258.     draw_current_and_max_values(x, y, width, actor.mp, actor.mmp,
  259.       mp_color(actor), normal_color)
  260.   end
  261.   #--------------------------------------------------------------------------
  262.   # ● TP の描画
  263.   #--------------------------------------------------------------------------
  264.   def draw_actor_tp(actor, x, y, width = 124)
  265.     draw_actor_tp_gauge(actor, x, y, width)
  266.     change_color(system_color)
  267.     draw_text(x, y, 30, line_height, Vocab::tp_a)
  268.     change_color(tp_color(actor))
  269.     draw_text(x + width - 42, y, 42, line_height, actor.tp.to_i, 2)
  270.   end
  271.   #--------------------------------------------------------------------------
  272.   # ○ HP ゲージの描画
  273.   #     actor : アクター
  274.   #     x, y  : 描画先 X, Y 座標
  275.   #     width : 幅
  276.   #--------------------------------------------------------------------------
  277.   def draw_actor_hp_gauge(actor, x, y, width = 120)
  278.     draw_gauge(KMS_GenericGauge::HP_IMAGE,
  279.       x, y, width, actor.hp_rate,
  280.       KMS_GenericGauge::HP_OFFSET,
  281.       KMS_GenericGauge::HP_LENGTH,
  282.       KMS_GenericGauge::HP_SLOPE
  283.     )
  284.   end
  285.   #--------------------------------------------------------------------------
  286.   # ○ MP ゲージの描画
  287.   #     actor : アクター
  288.   #     x, y  : 描画先 X, Y 座標
  289.   #     width : 幅
  290.   #--------------------------------------------------------------------------
  291.   def draw_actor_mp_gauge(actor, x, y, width = 120)
  292.     draw_gauge(KMS_GenericGauge::MP_IMAGE,
  293.       x, y, width, actor.mp_rate,
  294.       KMS_GenericGauge::MP_OFFSET,
  295.       KMS_GenericGauge::MP_LENGTH,
  296.       KMS_GenericGauge::MP_SLOPE
  297.     )
  298.   end
  299.   #--------------------------------------------------------------------------
  300.   # ○ TP ゲージの描画
  301.   #     actor : アクター
  302.   #     x, y  : 描画先 X, Y 座標
  303.   #     width : 幅
  304.   #--------------------------------------------------------------------------
  305.   def draw_actor_tp_gauge(actor, x, y, width = 120)
  306.     draw_gauge(KMS_GenericGauge::TP_IMAGE,
  307.       x, y, width, actor.tp_rate,
  308.       KMS_GenericGauge::TP_OFFSET,
  309.       KMS_GenericGauge::TP_LENGTH,
  310.       KMS_GenericGauge::TP_SLOPE
  311.     )
  312.   end
  313.   #--------------------------------------------------------------------------
  314.   # ○ Exp の描画
  315.   #     actor : アクター
  316.   #     x, y  : 描画先 X, Y 座標
  317.   #     width : 幅
  318.   #--------------------------------------------------------------------------
  319.   def draw_actor_exp(actor, x, y, width = 180)
  320.     str = actor.max_level? ? "-------" : actor.exp
  321.     change_color(normal_color)
  322.     draw_text(x, y, width, line_height, str, 2)
  323.   end
  324.   #--------------------------------------------------------------------------
  325.   # ○ NextExp の描画
  326.   #     actor : アクター
  327.   #     x, y  : 描画先 X, Y 座標
  328.   #     width : 幅
  329.   #--------------------------------------------------------------------------
  330.   def draw_actor_next_exp(actor, x, y, width = 180)
  331.     draw_actor_exp_gauge(actor, x, y, width)
  332.     change_color(system_color)
  333.     draw_text(x, y, 80, line_height, "Next")
  334.     str = actor.max_level? ? "-------" : actor.next_level_exp_rest
  335.     change_color(normal_color)
  336.     draw_text(x, y, width, line_height, str, 2)
  337.   end
  338.   #--------------------------------------------------------------------------
  339.   # ○ Exp ゲージの描画
  340.   #     actor : アクター
  341.   #     x, y  : 描画先 X, Y 座標
  342.   #     width : 幅
  343.   #--------------------------------------------------------------------------
  344.   def draw_actor_exp_gauge(actor, x, y, width = 180)
  345.     draw_gauge(KMS_GenericGauge::EXP_IMAGE,
  346.       x, y, width, actor.exp_rate,
  347.       KMS_GenericGauge::EXP_OFFSET,
  348.       KMS_GenericGauge::EXP_LENGTH,
  349.       KMS_GenericGauge::EXP_SLOPE
  350.     )
  351.   end
  352. end

  354. #==============================================================================
  355. # ■ Window_Status
  356. #==============================================================================

  358. class Window_Status < Window_Selectable
  359.   #--------------------------------------------------------------------------
  360.   # ● 経験値情報の描画
  361.   #--------------------------------------------------------------------------
  362.   def draw_exp_info(x, y)
  363.     s_next = sprintf(Vocab::ExpNext, Vocab::level)
  364.     change_color(system_color)
  365.     draw_text(x, y + line_height * 0, 180, line_height, Vocab::ExpTotal)
  366.     draw_text(x, y + line_height * 2, 180, line_height, s_next)
  367.     change_color(normal_color)
  368.     draw_actor_exp(     @actor, x, y + line_height * 1)
  369.     draw_actor_next_exp(@actor, x, y + line_height * 3)
  370.   end
  371. end
复制代码
System.zip (3.42 KB, 下载次数: 97)
血条文件～放到G啥玩意的S目录下～其实你放了脚本以后没图他自然就提示路径了～还有这种血条你要会PS按道理应该可以画成各种样子～
所以样式是没有限制的～


作者: 千古一帝    时间: 2013-4-22 13:19
hcm 发表于 2013-4-22 12:58
如果只是加一个框的话应该用不着图片的吧。

应该是我口述不清楚吧，这次附上图。这是VX的内容，来自《六道》。

gauge.png (253 Bytes, 下载次数: 55)

guage图片

guage图片

QQ截图20130422131127.png (6.36 KB, 下载次数: 52)

没用脚本

没用脚本

QQ截图20130422131258.png (8.03 KB, 下载次数: 52)

用脚本后

用脚本后

QQ截图20130422131709.png (7.85 KB, 下载次数: 54)

脚本

脚本
作者: hcm    时间: 2013-4-22 13:30
那就这个吧。
图片为Gauge+HP/MP/TP
不过需要在同一图片的下半部画上血条本身的形状，值槽框在上半部。
  1. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
  2. #_/    ◆ Draw Generic Gauge - KMS_GenericGauge ◆ VX Ace ◆
  3. #_/    ◇ Last update : 2012/01/15 (TOMY@Kamesoft) ◇
  4. #_/    ◇ Website: http://ytomy.sakura.ne.jp/ ◇
  5. #_/    ◇ Translated by Mr. Bubble ◇
  6. #_/----------------------------------------------------------------------------
  7. #_/  Provides groundwork code for simple image-based gauges.
  8. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
  9. #  This script provides groundwork code for simple gauge graphics based
  10. #  off images placed in the Graphics/System folder. By default, this script
  11. #  provides gauges for HP, MP, TP, and EXP.
  12. #
  13. #  Scripters can utilize their own Generic Gauge for their
  14. #  own use. See the "Notes to Scripters" section below the customization
  15. #  section.
  16. #----------------------------------------------------------------------------
  17. #  !! WARNING !!
  18. #  If an error pops up saying "wrong number of arguments",
  19. #  please post in the topic you got this script in and ask for a
  20. #  compatibility patch with the other custom script you're trying to
  21. #  use.
  22. #_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  24. #==============================================================================
  25. # ★ BEGIN Setting ★
  26. #==============================================================================

  28. module KMS_GenericGauge
  29.   # * Gauge File Names
  30.   #   Images must be placed in the "Graphics/System" folder of your project
  31.   HP_IMAGE  = "GaugeHP"   # HP
  32.   MP_IMAGE  = "GaugeMP"   # MP
  33.   TP_IMAGE  = "GaugeTP"   # TP
  34.   EXP_IMAGE = "GaugeEXP"  # EXP

  36.   # * Gauge Position Offset [x, y]
  37.   HP_OFFSET  = [-23, -2]  # HP
  38.   MP_OFFSET  = [-23, -2]  # MP
  39.   TP_OFFSET  = [-23, -2]  # TP
  40.   EXP_OFFSET = [-23, -2]  # EXP

  42.   # * Gauge Length Adjustment
  43.   HP_LENGTH  = -4  # HP
  44.   MP_LENGTH  = -4  # MP
  45.   TP_LENGTH  = -4  # TP
  46.   EXP_LENGTH = -4  # EXP

  48.   # * Gauge Slope
  49.   #   Must be between -89 ~ 89 degrees
  50.   HP_SLOPE  = 30  # HP
  51.   MP_SLOPE  = 30  # MP
  52.   TP_SLOPE  = 30  # TP
  53.   EXP_SLOPE = 30  # EXP
  54. end

  56. #==============================================================================
  57. # ☆ END Setting ☆
  58. #==============================================================================

  60. $kms_imported = {} if $kms_imported == nil
  61. $kms_imported["GenericGauge"] = true

  63. # *****************************************************************************

  65.   #--------------------------------------------------------------------------
  66.   # Notes to Scripters
  67.   #--------------------------------------------------------------------------
  68.   # Drawing your own custom gauge within a window can be done by using a single
  69.   # method:
  70.   #
  71.   #   draw_gauge(file, x, y, width, rate, offset, len_offset,
  72.   #     slope, gauge_type = :normal)
  73.   #
  74.   # ++ Draw Generic Gauge Arguments
  75.   #     file       : Gauge image filename
  76.   #     x, y       : x, y draw coordinates
  77.   #     width      : Gauge width
  78.   #     rate       : Gauge fill ratio (0.0 ~ 1.0)
  79.   #     offset     : Gauge coordinate adjustment [x, y]
  80.   #     len_offset : Length Adjustment
  81.   #     slope      : Gauge slope degree (-89~89)
  82.   #     gauge_type : Gauge type ( :normal , :decrease , :increase )
  83.   #--------------------------------------------------------------------------
  84.   # gauge_type determines how the gauge fills depending on the current
  85.   # value of the gauge.
  86.   #--------------------------------------------------------------------------
  87.   # This script overwrites Window_Base#draw_gauge and adds 2 extra args
  88.   # which will cause compatibility issues with other scripts that uses
  89.   # the default draw_gauge method and args.
  90.   #--------------------------------------------------------------------------

  92. #==============================================================================
  93. # ■ Bitmap
  94. #==============================================================================

  96. unless $kms_imported["BitmapExtension"]
  97. class Bitmap
  98.   #--------------------------------------------------------------------------
  99.   # ○ 平行四辺形転送
  100.   #--------------------------------------------------------------------------
  101.   def skew_blt(x, y, src_bitmap, src_rect, slope, opacity = 255)
  102.     slope = [[slope, -90].max, 90].min
  103.     sh    = src_rect.height
  104.     off  = sh / Math.tan(Math::PI * (90 - slope.abs) / 180.0)
  105.     if slope >= 0
  106.       dx   = x + off.round
  107.       diff = -off / sh
  108.     else
  109.       dx   = x
  110.       diff = off / sh
  111.     end
  112.     rect = Rect.new(src_rect.x, src_rect.y, src_rect.width, 1)

  114.     sh.times { |i|
  115.       blt(dx + (diff * i).round, y + i, src_bitmap, rect, opacity)
  116.       rect.y += 1
  117.     }
  118.   end
  119. end
  120. end

  122. #==============================================================================
  123. # ■ Game_Actor
  124. #==============================================================================

  126. class Game_Actor < Game_Battler
  127.   #--------------------------------------------------------------------------
  128.   # ○ 現在のレベルから次のレベルまでの全必要経験値取得
  129.   #--------------------------------------------------------------------------
  130.   def next_level_exp_full
  131.     return next_level_exp - current_level_exp
  132.   end
  133.   #--------------------------------------------------------------------------
  134.   # ○ 次のレベルまでの残り経験値取得
  135.   #--------------------------------------------------------------------------
  136.   def next_level_exp_rest
  137.     return next_level_exp - exp
  138.   end
  139.   #--------------------------------------------------------------------------
  140.   # ○ 次のレベルまでの経験値取得率取得
  141.   #--------------------------------------------------------------------------
  142.   def exp_rate
  143.     diff = [next_level_exp_full, 1].max
  144.     rest = [next_level_exp_rest, 1].max
  145.     return (diff - rest) * 1.0 / diff
  146.   end
  147. end

  149. #==============================================================================
  150. # ■ Window_Base
  151. #==============================================================================

  153. class Window_Base < Window
  154.   #--------------------------------------------------------------------------
  155.   # ○ 定数
  156.   #--------------------------------------------------------------------------
  157.   # ゲージ転送元座標 [x, y]
  158.   GAUGE_SRC_POS = {
  159.     :normal   => [ 0, 24],
  160.     :decrease => [ 0, 48],
  161.     :increase => [72, 48],
  162.   }
  163.   #--------------------------------------------------------------------------
  164.   # ○ クラス変数
  165.   #--------------------------------------------------------------------------
  166.   @@__gauge_buf = Bitmap.new(320, 24)
  167.   #--------------------------------------------------------------------------
  168.   # ○ ゲージ描画
  169.   #     file       : ゲージ画像ファイル名
  170.   #     x, y       : 描画先 X, Y 座標
  171.   #     width      : 幅
  172.   #     ratio      : 割合
  173.   #     offset     : 座標調整 [x, y]
  174.   #     len_offset : 長さ調整
  175.   #     slope      : 傾き
  176.   #     gauge_type : ゲージタイプ
  177.   #--------------------------------------------------------------------------
  178.   def draw_gauge(file, x, y, width, ratio, offset, len_offset, slope,
  179.                  gauge_type = :normal)
  180.     img    = Cache.system(file)
  181.     x     += offset[0]
  182.     y     += offset[1]
  183.     width += len_offset
  184.     draw_gauge_base(img, x, y, width, slope)
  185.     gw = (width * ratio).to_i
  186.     draw_gauge_bar(img, x, y, width, gw, slope, GAUGE_SRC_POS[gauge_type])
  187.   end
  188.   #--------------------------------------------------------------------------
  189.   # ○ ゲージベース描画
  190.   #     img   : ゲージ画像
  191.   #     x, y  : 描画先 X, Y 座標
  192.   #     width : 幅
  193.   #     slope : 傾き
  194.   #--------------------------------------------------------------------------
  195.   def draw_gauge_base(img, x, y, width, slope)
  196.     rect = Rect.new(0, 0, 24, 24)
  197.     if slope != 0
  198.       contents.skew_blt(x, y, img, rect, slope)
  199.       rect.x = 96
  200.       contents.skew_blt(x + width + 24, y, img, rect, slope)
  201.       rect.x     = 24
  202.       rect.width = 72
  203.       dest_rect = Rect.new(0, 0, width, 24)
  204.       @@__gauge_buf.clear
  205.       @@__gauge_buf.stretch_blt(dest_rect, img, rect)
  206.       contents.skew_blt(x + 24, y, @@__gauge_buf, dest_rect, slope)
  207.     else
  208.       contents.blt(x, y, img, rect)
  209.       rect.x = 96
  210.       contents.blt(x + width + 24, y, img, rect)
  211.       rect.x     = 24
  212.       rect.width = 72
  213.       dest_rect = Rect.new(x + 24, y, width, 24)
  214.       contents.stretch_blt(dest_rect, img, rect)
  215.     end
  216.   end
  217.   #--------------------------------------------------------------------------
  218.   # ○ ゲージ内部描画
  219.   #     img     : ゲージ画像
  220.   #     x, y    : 描画先 X, Y 座標
  221.   #     width   : 全体幅
  222.   #     gw      : 内部幅
  223.   #     slope   : 傾き
  224.   #     src_pos : 転送元座標 [x, y]
  225.   #     start   : 開始位置
  226.   #--------------------------------------------------------------------------
  227.   def draw_gauge_bar(img, x, y, width, gw, slope, src_pos, start = 0)
  228.     rect = Rect.new(src_pos[0], src_pos[1], 72, 24)
  229.     dest_rect = Rect.new(0, 0, width, 24)
  230.     @@__gauge_buf.clear
  231.     @@__gauge_buf.stretch_blt(dest_rect, img, rect)
  232.     dest_rect.x     = start
  233.     dest_rect.width = gw
  234.     x += start
  235.     if slope != 0
  236.       contents.skew_blt(x + 24, y, @@__gauge_buf, dest_rect, slope)
  237.     else
  238.       contents.blt(x + 24, y, @@__gauge_buf, dest_rect)
  239.     end
  240.   end
  241.   #--------------------------------------------------------------------------
  242.   # ● HP の描画
  243.   #--------------------------------------------------------------------------
  244.   def draw_actor_hp(actor, x, y, width = 124)
  245.     draw_actor_hp_gauge(actor, x, y, width)
  246.     change_color(system_color)
  247.     draw_text(x, y, 60, line_height, Vocab::hp_a)
  248.     draw_current_and_max_values(x, y, width, actor.hp, actor.mhp,
  249.       hp_color(actor), normal_color)
  250.   end
  251.   #--------------------------------------------------------------------------
  252.   # ● MP の描画
  253.   #--------------------------------------------------------------------------
  254.   def draw_actor_mp(actor, x, y, width = 124)
  255.     draw_actor_mp_gauge(actor, x, y, width)
  256.     change_color(system_color)
  257.     draw_text(x, y, 60, line_height, Vocab::mp_a)
  258.     draw_current_and_max_values(x, y, width, actor.mp, actor.mmp,
  259.       mp_color(actor), normal_color)
  260.   end
  261.   #--------------------------------------------------------------------------
  262.   # ● TP の描画
  263.   #--------------------------------------------------------------------------
  264.   def draw_actor_tp(actor, x, y, width = 124)
  265.     draw_actor_tp_gauge(actor, x, y, width)
  266.     change_color(system_color)
  267.     draw_text(x, y, 60, line_height, Vocab::tp_a)
  268.     change_color(tp_color(actor))
  269.     draw_text(x + width - 42, y, 42, line_height, actor.tp.to_i, 2)
  270.   end
  271.   #--------------------------------------------------------------------------
  272.   # ○ HP ゲージの描画
  273.   #     actor : アクター
  274.   #     x, y  : 描画先 X, Y 座標
  275.   #     width : 幅
  276.   #--------------------------------------------------------------------------
  277.   def draw_actor_hp_gauge(actor, x, y, width = 120)
  278.     draw_gauge(KMS_GenericGauge::HP_IMAGE,
  279.       x, y, width, actor.hp_rate,
  280.       KMS_GenericGauge::HP_OFFSET,
  281.       KMS_GenericGauge::HP_LENGTH,
  282.       KMS_GenericGauge::HP_SLOPE
  283.     )
  284.   end
  285.   #--------------------------------------------------------------------------
  286.   # ○ MP ゲージの描画
  287.   #     actor : アクター
  288.   #     x, y  : 描画先 X, Y 座標
  289.   #     width : 幅
  290.   #--------------------------------------------------------------------------
  291.   def draw_actor_mp_gauge(actor, x, y, width = 120)
  292.     draw_gauge(KMS_GenericGauge::MP_IMAGE,
  293.       x, y, width, actor.mp_rate,
  294.       KMS_GenericGauge::MP_OFFSET,
  295.       KMS_GenericGauge::MP_LENGTH,
  296.       KMS_GenericGauge::MP_SLOPE
  297.     )
  298.   end
  299.   #--------------------------------------------------------------------------
  300.   # ○ TP ゲージの描画
  301.   #     actor : アクター
  302.   #     x, y  : 描画先 X, Y 座標
  303.   #     width : 幅
  304.   #--------------------------------------------------------------------------
  305.   def draw_actor_tp_gauge(actor, x, y, width = 120)
  306.     draw_gauge(KMS_GenericGauge::TP_IMAGE,
  307.       x, y, width, actor.tp_rate,
  308.       KMS_GenericGauge::TP_OFFSET,
  309.       KMS_GenericGauge::TP_LENGTH,
  310.       KMS_GenericGauge::TP_SLOPE
  311.     )
  312.   end
  313.   #--------------------------------------------------------------------------
  314.   # ○ Exp の描画
  315.   #     actor : アクター
  316.   #     x, y  : 描画先 X, Y 座標
  317.   #     width : 幅
  318.   #--------------------------------------------------------------------------
  319.   def draw_actor_exp(actor, x, y, width = 200)
  320.     str = actor.max_level? ? "-------" : actor.exp
  321.     change_color(normal_color)
  322.     draw_text(x, y, width, line_height, str, 2)
  323.   end
  324.   #--------------------------------------------------------------------------
  325.   # ○ NextExp の描画
  326.   #     actor : アクター
  327.   #     x, y  : 描画先 X, Y 座標
  328.   #     width : 幅
  329.   #--------------------------------------------------------------------------
  330.   def draw_actor_next_exp(actor, x, y, width = 200)
  331.     draw_actor_exp_gauge(actor, x, y, width)
  332.     change_color(system_color)
  333.     draw_text(x, y, 80, line_height, "Next")
  334.     str = actor.max_level? ? "-------" : actor.next_level_exp_rest
  335.     change_color(normal_color)
  336.     draw_text(x, y, width, line_height, str, 2)
  337.   end
  338.   #--------------------------------------------------------------------------
  339.   # ○ Exp ゲージの描画
  340.   #     actor : アクター
  341.   #     x, y  : 描画先 X, Y 座標
  342.   #     width : 幅
  343.   #--------------------------------------------------------------------------
  344.   def draw_actor_exp_gauge(actor, x, y, width = 180)
  345.     draw_gauge(KMS_GenericGauge::EXP_IMAGE,
  346.       x, y, width, actor.exp_rate,
  347.       KMS_GenericGauge::EXP_OFFSET,
  348.       KMS_GenericGauge::EXP_LENGTH,
  349.       KMS_GenericGauge::EXP_SLOPE
  350.     )
  351.   end
  352. end

  354. #==============================================================================
  355. # ■ Window_Status
  356. #==============================================================================

  358. class Window_Status < Window_Selectable
  359.   #--------------------------------------------------------------------------
  360.   # ● 経験値情報の描画
  361.   #--------------------------------------------------------------------------
  362.   def draw_exp_info(x, y)
  363.     s_next = sprintf(Vocab::ExpNext, Vocab::level)
  364.     change_color(system_color)
  365.     draw_text(x, y + line_height * 0, 180, line_height, Vocab::ExpTotal)
  366.     draw_text(x, y + line_height * 2, 180, line_height, s_next)
  367.     change_color(normal_color)
  368.     draw_actor_exp(     @actor, x, y + line_height * 1)
  369.     draw_actor_next_exp(@actor, x, y + line_height * 3)
  370.   end
  371. end
复制代码
作者: 千古一帝    时间: 2013-4-22 13:38
hcm 发表于 2013-4-22 13:30
那就这个吧。
图片为Gauge+HP/MP/TP
不过需要在同一图片的下半部画上血条本身的形状，值槽框在上半部。 ...

不知能否就像上面的vx脚本一样直接给guage一个框的定义。
作者: hcm    时间: 2013-4-22 13:40
千古一帝 发表于 2013-4-22 13:38
不知能否就像上面的vx脚本一样直接给guage一个框的定义。

这个没有，不过多画一个矩形不难吧。
作者: hcm    时间: 2013-4-22 13:41
千古一帝 发表于 2013-4-22 13:38
不知能否就像上面的vx脚本一样直接给guage一个框的定义。

这个没有，不过多画一个形状不难吧。
而且色彩和形状都可以自定。



欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1