简单实用的图片命令按钮[更新]

★_茄孓 · 发表于 2008-8-18 21:58:59

加入我们，或者，欢迎回来。

您需要登录才可以下载或查看，没有帐号？注册会员

x

使用方法：
该脚本是用图片做命令按钮，一般用于用图片代替菜单中的窗口命令钮，美化游戏。
使用起来比较简单，脚本会自动判断位置。
运动类型为两种：
注意，如果支持鼠标请配上鼠标脚本。
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)
#################################################
大概就这样了，不明白看范例游戏吧。
注意，如果支持鼠标请配上鼠标脚本。

先把脚本贴上

#==============================================================================
# ■ Window_Picture_Command
#------------------------------------------------------------------------------
=begin
该脚本是用图片做命令按钮，使用起来比较简单，脚本会自动判断位置。
使用方法：
与调用一般命令窗口一样！
type描绘类型
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],2)
#################################################
大概就这样了，不明白看范例游戏吧。
=end
#==============================================================================
class Window_Picture_Command < Window_Selectable
#--------------------------------------------------------------------------
# ● 初始化对像
# width : 窗口的宽
# commands : 命令字符串序列
#--------------------------------------------------------------------------
def initialize(commands,type=1)
# 由命令的个数计算出窗口的高
super(0, 0, 640, 480)
@item_max = commands.size
@commands = commands
@dash = []
@sprite = []
@type = type
@move_index = self.index
self.opacity = 0
self.contents = Bitmap.new(width - 32, @item_max * 32)
refresh
self.index = 0
end
#--------------------------------------------------------------------------
# ● 刷新
#--------------------------------------------------------------------------
def refresh
self.contents.clear
for i in 0...@item_max
draw_picture_item(i, @type)
end
end
#--------------------------------------------------------------------------
# ● 释放
#--------------------------------------------------------------------------
def dispose
super
for index in @dash
if @sprite[index] != nil
@sprite[index].dispose
@sprite[index].bitmap.dispose
end
end
end
#--------------------------------------------------------------------------
# ● 描绘图片项目
# index : 项目编号
# type : 描绘类型
# type = 1 只支持键盘
# type = 2 双面支持
#--------------------------------------------------------------------------
def draw_picture_item(index, type)
@sprite[index] = Sprite.new
if @commands[index][0] == nil
p "图片名设置有误"
end
if @commands[index][1] == nil
p "图片X坐标设置有误"
end
if @commands[index][2] == nil
p "图片Y坐标设置有误"
end
bitmap = RPG::Cache.picture(@commands[index][0])
@sprite[index].bitmap = bitmap
@sprite[index].x = @commands[index][1]
@sprite[index].y = @commands[index][2]
@sprite[index].index = index
if @sprite[index].index != self.index
@sprite[index].color = Color.new(0,0,0,100)
else
@sprite[index].color = Color.new(0,0,0,0)
end
@dash.push(index)
end
#--------------------------------------------------------------------------
# ● 刷新图片项目
#--------------------------------------------------------------------------
def update_item
if Mouse.get_mouse_pos != nil
$mouse_x,$mouse_y = Mouse.get_mouse_pos
end
if @type == 2
for index in @dash
if @sprite[index] != nil
top_x = @sprite[index].x
top_y = @sprite[index].y
bottom_x = top_x + @sprite[index].bitmap.width
bottom_y = top_y + @sprite[index].bitmap.height
if ($mouse_x > top_x) and ($mouse_y > top_y) and
($mouse_x < bottom_x) and ($mouse_y < bottom_y)
self.index = @sprite[index].index
if @move_index != self.index
Se.ok
@move_index = self.index
end
end
if @sprite[index].index != self.index
@sprite[index].color = Color.new(0,0,0,100)
else
@sprite[index].color = Color.new(0,0,0,0)
end
end
end
elsif @type == 1
for index in @dash
if @sprite[index].index != self.index
@sprite[index].color = Color.new(0,0,0,100)
else
@sprite[index].color = Color.new(0,0,0,0)
end
end
end
end
#--------------------------------------------------------------------------
# ● 图片项目无效化
# index : 项目编号
#--------------------------------------------------------------------------
def disable_item(index)
@sprite[index].color = Color.new(0,0,0,100)
end
#--------------------------------------------------------------------------
# ● 刷新
#--------------------------------------------------------------------------
alias window_picture_command_update update
def update
window_picture_command_update
update_item
end
#--------------------------------------------------------------------------
# ● 更新光标举行
#--------------------------------------------------------------------------
def update_cursor_rect
if @index < 0
self.cursor_rect.empty
return
end
row = @index / @column_max
if row < self.top_row
self.top_row = row
end
if row > self.top_row + (self.page_row_max - 1)
self.top_row = row - (self.page_row_max - 1)
end
cursor_width = self.width / @column_max - 32
x = @index % @column_max * (cursor_width + 32)
y = @index / @column_max * 32 - self.oy
self.cursor_rect.set(x+5000, y, cursor_width, 32)
end
end
#==============================================================================
# ■ Se
#------------------------------------------------------------------------------
# ■ 音效模块
#==============================================================================
module Se
def self.ok
$game_system.se_play($data_system.cursor_se)
end
def self.no
$game_system.se_play($data_system.cancel_se)
end
end
#==============================================================================
# ■ Sprite
#------------------------------------------------------------------------------
# ■ index 选择光标
#==============================================================================
class Sprite
attr_accessor :index
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:03

对做华丽游戏的人有用……

IamI · 发表于 2008-8-18 22:03:25

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

★_茄孓 · 发表于 2008-8-18 22:04:50

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

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

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

越前リョーマ · 发表于 2008-8-18 22:06:55

以下引用★_茄孓于2008-8-18 14:04:50的发言：

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

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

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

可以顺便加个音效么…… - -

★_茄孓 · 发表于 2008-8-18 22:07:32

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

IamI · 发表于 2008-8-18 22:14:49

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

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

音效是默认的确认SE
三态按钮指平常一个样子，鼠标移到上面一个样子，按下去一个样子（我没记错吧{/ll}）
而这个脚本最后一个是没有的……

★_茄孓 · 发表于 2008-8-18 22:24:42

以下引用IamI于2008-8-18 14:14:49的发言：

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

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

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

了解```三态按钮..
那我看看！

yangff · 发表于 2008-8-18 22:25:46

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

★_茄孓 · 发表于 2008-8-18 22:29:36

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

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

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

帐号		自动登录	找回密码
密码			注册会员

[原创发布] 简单实用的图片命令按钮[更新]

加入我们，或者，欢迎回来。

开拓者

贵宾

第3届短篇游戏大赛主流游戏组亚军

第5届短篇游戏比赛亚军

烫烫烫