Project1

标题: 简单实用的图片命令按钮[更新] [打印本页]

作者: ★_茄孓    时间: 2008-8-18 21:58
标题: 简单实用的图片命令按钮[更新]
使用方法:
该脚本是用图片做命令按钮,一般用于用图片代替菜单中的窗口命令钮,美化游戏。
使用起来比较简单,脚本会自动判断位置。
运动类型为两种:
注意,如果支持鼠标请配上鼠标脚本。
type = 1 只支持键盘
type = 2 支持键盘+鼠标
与调用一般命令窗口一样!
如:先设定一个命令按钮图片以及坐标
p1 = ["图片名",图片X坐标,图片Y坐标]
范例游戏里为
    #################################################
    s1 = ["图片名一",100,0]
    s2 = ["图片名二",200,150]
    s3 = ["图片名三",300,200]
    @command_window = Window_Picture_Command.new([s1,s2,s3],type)
    #################################################
    这里的type的值就是刚才所支持的
    type = 1 只支持键盘
    type = 2 支持键盘+鼠标   
    #################################################
    s1 = ["新游戏",100,0]
    s2 = ["继续游戏",200,150]
    s3 = ["离开游戏",300,200]
    @command_window = Window_Picture_Command.new([s1,s2,s3],1/2)
    #################################################
  大概就这样了,不明白看范例游戏吧。
注意,如果支持鼠标请配上鼠标脚本。

先把脚本贴上
  1. #==============================================================================
  2. # ■ Window_Picture_Command
  3. #------------------------------------------------------------------------------
  4. =begin
  5. 该脚本是用图片做命令按钮,使用起来比较简单,脚本会自动判断位置。
  6. 使用方法:
  7. 与调用一般命令窗口一样!
  8. type描绘类型
  9. type = 1 只支持键盘
  10. type = 2 支持键盘+鼠标
  11. 如:先设定一个命令按钮图片以及坐标
  12. p1 = ["图片名",图片X坐标,图片Y坐标]
  13. 范例游戏里为
  14.     #################################################
  15.     s1 = ["新游戏",100,0]
  16.     s2 = ["继续游戏",200,150]
  17.     s3 = ["离开游戏",300,200]
  18.     @command_window = Window_Picture_Command.new([s1,s2,s3],type)
  19.     #################################################
  20.     这里的type的值就是刚才所支持的
  21.     type = 1 只支持键盘
  22.     type = 2 支持键盘+鼠标   
  23.     #################################################
  24.     s1 = ["新游戏",100,0]
  25.     s2 = ["继续游戏",200,150]
  26.     s3 = ["离开游戏",300,200]
  27.     @command_window = Window_Picture_Command.new([s1,s2,s3],2)
  28.     #################################################
  29.   大概就这样了,不明白看范例游戏吧。

  30. =end
  31. #==============================================================================
  32. class Window_Picture_Command < Window_Selectable
  33.   #--------------------------------------------------------------------------
  34.   # ● 初始化对像
  35.   #     width    : 窗口的宽
  36.   #     commands : 命令字符串序列
  37.   #--------------------------------------------------------------------------
  38.   def initialize(commands,type=1)
  39.     # 由命令的个数计算出窗口的高
  40.     super(0, 0, 640, 480)
  41.     @item_max = commands.size
  42.     @commands = commands
  43.     @dash = []
  44.     @sprite = []
  45.     @type = type
  46.     @move_index = self.index
  47.     self.opacity = 0
  48.     self.contents = Bitmap.new(width - 32, @item_max * 32)
  49.     refresh
  50.     self.index = 0
  51.   end
  52.   #--------------------------------------------------------------------------
  53.   # ● 刷新
  54.   #--------------------------------------------------------------------------
  55.   def refresh
  56.     self.contents.clear
  57.     for i in 0...@item_max
  58.       draw_picture_item(i, @type)
  59.     end
  60.   end
  61.   #--------------------------------------------------------------------------
  62.   # ● 释放
  63.   #--------------------------------------------------------------------------
  64.   def dispose
  65.     super
  66.     for index in @dash
  67.      if @sprite[index] != nil
  68.        @sprite[index].dispose
  69.        @sprite[index].bitmap.dispose
  70.      end
  71.     end
  72.   end  
  73.   #--------------------------------------------------------------------------
  74.   # ● 描绘图片项目
  75.   #     index : 项目编号
  76.   #     type  : 描绘类型
  77.   #     type = 1 只支持键盘
  78.   #     type = 2 双面支持
  79.   #--------------------------------------------------------------------------
  80.   def draw_picture_item(index, type)
  81.     @sprite[index] = Sprite.new
  82.     if @commands[index][0] == nil
  83.       p "图片名设置有误"
  84.     end
  85.     if @commands[index][1] == nil
  86.       p "图片X坐标设置有误"
  87.     end
  88.     if @commands[index][2] == nil
  89.       p "图片Y坐标设置有误"
  90.     end
  91.     bitmap = RPG::Cache.picture(@commands[index][0])
  92.     @sprite[index].bitmap = bitmap
  93.     @sprite[index].x = @commands[index][1]
  94.     @sprite[index].y = @commands[index][2]
  95.     @sprite[index].index = index
  96.     if @sprite[index].index != self.index
  97.       @sprite[index].color = Color.new(0,0,0,100)
  98.     else
  99.       @sprite[index].color = Color.new(0,0,0,0)
  100.     end
  101.     @dash.push(index)
  102.   end
  103.   #--------------------------------------------------------------------------
  104.   # ● 刷新图片项目
  105.   #--------------------------------------------------------------------------
  106.   def update_item
  107.     if Mouse.get_mouse_pos != nil
  108.     $mouse_x,$mouse_y = Mouse.get_mouse_pos
  109.     end
  110.     if @type == 2
  111.     for index in @dash
  112.      if @sprite[index] != nil
  113.       top_x = @sprite[index].x
  114.       top_y = @sprite[index].y
  115.       bottom_x = top_x + @sprite[index].bitmap.width
  116.       bottom_y = top_y + @sprite[index].bitmap.height
  117.       if ($mouse_x > top_x) and ($mouse_y > top_y) and
  118.            ($mouse_x < bottom_x) and ($mouse_y < bottom_y)
  119.            self.index = @sprite[index].index
  120.            if @move_index != self.index
  121.            Se.ok
  122.            @move_index = self.index
  123.          end
  124.       end
  125.       if @sprite[index].index != self.index
  126.         @sprite[index].color = Color.new(0,0,0,100)
  127.       else
  128.         @sprite[index].color = Color.new(0,0,0,0)
  129.       end
  130.     end
  131.     end
  132.     elsif @type == 1
  133.      for index in @dash
  134.         if @sprite[index].index != self.index
  135.          @sprite[index].color = Color.new(0,0,0,100)
  136.        else
  137.         @sprite[index].color = Color.new(0,0,0,0)
  138.        end
  139.      end  
  140.     end
  141.   end
  142.   #--------------------------------------------------------------------------
  143.   # ● 图片项目无效化
  144.   #     index : 项目编号
  145.   #--------------------------------------------------------------------------
  146.   def disable_item(index)
  147.     @sprite[index].color = Color.new(0,0,0,100)
  148.   end
  149.   #--------------------------------------------------------------------------
  150.   # ● 刷新
  151.   #--------------------------------------------------------------------------
  152.   alias window_picture_command_update update
  153.   def update
  154.     window_picture_command_update
  155.     update_item
  156.   end
  157.   #--------------------------------------------------------------------------
  158.   # ● 更新光标举行
  159.   #--------------------------------------------------------------------------
  160.   def update_cursor_rect
  161.     if @index < 0
  162.       self.cursor_rect.empty
  163.       return
  164.     end
  165.     row = @index / @column_max
  166.     if row < self.top_row
  167.       self.top_row = row
  168.     end
  169.     if row > self.top_row + (self.page_row_max - 1)
  170.       self.top_row = row - (self.page_row_max - 1)
  171.     end
  172.     cursor_width = self.width / @column_max - 32
  173.     x = @index % @column_max * (cursor_width + 32)
  174.     y = @index / @column_max * 32 - self.oy
  175.     self.cursor_rect.set(x+5000, y, cursor_width, 32)
  176.   end
  177. end
  178. #==============================================================================
  179. # ■ Se
  180. #------------------------------------------------------------------------------
  181. # ■ 音效模块
  182. #==============================================================================
  183. module Se
  184.   def self.ok
  185.     $game_system.se_play($data_system.cursor_se)
  186.   end
  187.   def self.no
  188.     $game_system.se_play($data_system.cancel_se)
  189.   end
  190. end
  191. #==============================================================================
  192. # ■ Sprite
  193. #------------------------------------------------------------------------------
  194. # ■ index 选择光标
  195. #==============================================================================
  196. class Sprite
  197.   attr_accessor :index
  198. end
复制代码


更新脚本:
修正了图片的显示问题
并增加了战斗图片菜单的范例。
其实用法都那样
就图片菜单的X,Y坐标和图片名3个属性拉!
新的范例:http://rpg.blue/upload_program/d ... ��钮_119885581.rar
范例图片有点难看自己换吧!




旧的范例:http://rpg.blue/upload_program/files/图片按钮_99496702.rar




作者: 越前リョーマ    时间: 2008-8-18 22:02
对做华丽游戏的人有用……
作者: IamI    时间: 2008-8-18 22:03
三态按钮吗?上次已经做出来了(好吧我承认我是有打击人的嫌疑)
但是……按钮按下去要有感觉!感觉!最简单的x+2,y+2
作者: ★_茄孓    时间: 2008-8-18 22:04
以下引用IamI于2008-8-18 14:03:25的发言:

三态按钮吗?上次已经做出来了(好吧我承认我是有打击人的嫌疑)
但是……按钮按下去要有感觉!感觉!最简单的x+2,y+2

三态按钮?
不知道耶~
只是图片做按钮罢了,几个按钮无所谓。
支持鼠标简单点
作者: 越前リョーマ    时间: 2008-8-18 22:06
以下引用★_茄孓于2008-8-18 14:04:50的发言:


以下引用IamI于2008-8-18 14:03:25的发言:

三态按钮吗?上次已经做出来了(好吧我承认我是有打击人的嫌疑)
但是……按钮按下去要有感觉!感觉!最简单的x+2,y+2


三态按钮?
不知道耶~
只是图片做按钮罢了,几个按钮无所谓。
支持鼠标简单点

可以顺便加个音效么…… - -
作者: ★_茄孓    时间: 2008-8-18 22:07
有音效呢。你那边没有么?
作者: IamI    时间: 2008-8-18 22:14
以下引用★_茄孓于2008-8-18 14:07:32的发言:

有音效呢。你那边没有么?

音效是默认的确认SE
三态按钮指平常一个样子,鼠标移到上面一个样子,按下去一个样子(我没记错吧{/ll})
而这个脚本最后一个是没有的……
作者: ★_茄孓    时间: 2008-8-18 22:24
以下引用IamI于2008-8-18 14:14:49的发言:


以下引用★_茄孓于2008-8-18 14:07:32的发言:

有音效呢。你那边没有么?


音效是默认的Selectable里面继承来的
三态按钮指平常一个样子,鼠标移到上面一个样子,按下去一个样子(我没记错吧)
而这个脚本最后一个是没有的……

了解```三态按钮..
那我看看!
作者: yangff    时间: 2008-8-18 22:25
http://rpg.blue/viewthread.php?tid=88346
可怜的孩子....{/gg}
作者: ★_茄孓    时间: 2008-8-18 22:29
以下引用yangff于2008-8-18 14:25:46的发言:

http://rpg.blue/viewthread.php?tid=88346
可怜的孩子....

我说yangff```
我觉得我的使用方法比你的简单吧?

作者: yangff    时间: 2008-8-18 22:59
以下引用★_茄孓于2008-8-18 14:29:36的发言:


以下引用yangff于2008-8-18 14:25:46的发言:

http://rpg.blue/viewthread.php?tid=88346
可怜的孩子....


我说yangff```
我觉得我的使用方法比你的简单吧?

我觉得我的更简单厄...
a = Button.new(x,y,w,h,txt,ev)
只要每次a.update就行了
ev是支持多行的哦~~
声效也有
作者: ★_茄孓    时间: 2008-8-19 00:13
不同的地方应该是:
你的用窗口纸我的是图片吧。
声效其实加个参数是没问题的!
作者: ★_茄孓    时间: 2008-8-29 21:23
沉了`不知道能不能发布。
我觉得都可以代替站上的,战斗图标指令还有图片标题什么==的
作者: ONEWateR    时间: 2008-12-21 19:43
发布完毕
http://rpg.blue/web/htm/news1226.htm
vip += 2
作者: ★_茄孓    时间: 2009-4-11 21:43
更新脚本:
修正了图片的显示问题
并增加了战斗图片菜单的范例。
其实用法都那样
就图片菜单的X,Y坐标和图片名3个属性拉!
新的范例:http://rpg.blue/upload_program/d ... ��钮_119885581.rar
范例图片有点难看自己换吧!

作者: tiaodousky    时间: 2009-7-19 15:38
如果图片不想存放在Pictures文件夹,该怎么更改路径?
作者: zhaofan357    时间: 2009-7-19 17:08
提示: 作者被禁止或删除 内容自动屏蔽
作者: 一醉倾城    时间: 2009-7-30 01:10
晕,早点出来貌似我写脚本就不要这么累了。 。 。尤其是菜单类脚本,那叫一个累啊,你的脚本还可以优化下吧?恩,我试试能不能改出来,果然是好东西啊。
作者: 君少    时间: 2009-7-31 11:36
鼠标和键盘会抢光标
作者: 涂鸦boy    时间: 2009-9-19 23:42
茄子哥好棒
作者: 枪胜贤者    时间: 2009-11-19 12:08
请问如何在选单的后面添加背景图?
那个空空的不太好看
有没有办法?我是脚本盲,请详细一点:L
作者: meiningsun    时间: 2010-6-24 18:07
找了好久的功能。。内牛满面




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