Project1
标题:
仿3D旋转菜单
[打印本页]
作者:
shoed
时间:
2011-9-2 13:34
标题:
仿3D旋转菜单
3D游戏大家也见过很多了,机品飞车,孤岛危机这些游戏都是,
这种效果是通过使用复杂的数学公式来产生的一种透视的效果。
由于RMXP是2D游戏引擎,因此无法做出真实的3D效果,但是通
过一些简单的数学公式也可以产生比较简单的3D透视感觉。
本人做了个仿3D的旋转菜单,以供参考:
如图:
1.jpg
(62.93 KB, 下载次数: 12)
下载附件
保存到相册
2011-9-2 13:29 上传
2.jpg
(62.63 KB, 下载次数: 8)
下载附件
保存到相册
2011-9-2 13:29 上传
核心代码:
#--------------------------------------------------------------------------
# ● 仿3D旋转菜单效果
# 制作者 小飞侠_shoed
#---------------------------------------------------------------------------
module Math2
#角度转弧度
def angleToRadian(angle)
return angle*(Math::PI/180)
end
#弧度转角度
def radianToAngle(radian)
return radian*(180/Math::PI)
end
#计算正弦值
def sinD(angle)
return Math.sin(angleToRadian(angle))
end
#计算余弦值
def cosD(angle)
return Math.cos(angleToRadian(angle))
end
#计算反正切
def atan2D(y, x)
return radianToAngle(Math.atan2(y, x))
end
end
class RotateMenu_3D
include Math2
attr_accessor :menu_x
attr_accessor :menu_y
attr_accessor :disx
attr_accessor :disy
attr_accessor :speed
attr_accessor :active
attr_accessor :index
def initialize
@active=false
@menu_x=400
@menu_y=240
@disx=180
@disy=10
@speed=0
@endAngle=90
@tempAngle=0
@isRotating=true
backImage=RPG::Cache.picture("back")
@child_num=$game_party.actors.size
@menu_sprite=[]
@menu_bitmap=[]
@index=[]
for i in 0...$game_party.actors.size
@menu_bitmap[i]=Bitmap.new(backImage.width,backImage.height)
@menu_bitmap[i].blt(0,0,backImage,Rect.new(0,0,backImage.width,backImage.height))
sprite=Sprite.new
sprite.bitmap=@menu_bitmap[i]
sprite.ox=@menu_bitmap[i].width/2
sprite.oy=@menu_bitmap[i].height/2
sprite.visible=false
sprite.z=i+9990
set_actor($game_party.actors[i],sprite)
@menu_sprite.push([sprite,0,0]) #angle, y
@index[i]=i
end
end
def update
if @isRotating == true
depthArray=[] #临时的
angle = 360 / @child_num
for z in 0...@child_num
mc=@menu_sprite[z][0]
mc.bitmap=@menu_bitmap[z]
@menu_sprite[z][1] = @tempAngle + @speed + angle * z
@menu_sprite[z][2] = sinD(@menu_sprite[z][1]) * @disy
mc.x = (cosD(@menu_sprite[z][1]) * @disx + @menu_x).round
mc.y = @menu_sprite[z][2] + @menu_y
mc.visible=true
depthArray[z] = [mc,@menu_sprite[z][2]] #mc, y
setProp(mc,"alpha",@menu_sprite[z][2])
setProp(mc,"scaleX",@menu_sprite[z][2],0.2,1)
setProp(mc,"scaleY",@menu_sprite[z][2],0.2,1)
end
arrange(depthArray);
@speed += (@endAngle-@speed) * 0.2;
if ((@speed - @endAngle).abs < 0.1)
initAngle(false)
if @moveDir==-1
[email protected]
@index.insert(0,last)
elsif @moveDir==1
[email protected]
@index.push(frist)
end
@menu_sprite[@index[0]][0].flash(Color.new(255,255,255,255),40)
@frame=0
end
end
if @isRotating == false
@menu_sprite[@index[0]][0].update
return if @active==false
@frame+=1
return if @frame<=40
if Input.trigger?(Input::LEFT)
@moveDir=-1
startRotation(@index[3]) #索引3
end
if Input.trigger?(Input::RIGHT)
@moveDir=1
startRotation(@index[1]) #索引1
end
end
end
def startRotation(index)
currentIcon = @menu_sprite[index]
@endAngle = atan2D(currentIcon[2],cosD(currentIcon[1])*@disy)
@endAngle = (@endAngle> -180 && @endAngle < -90)? -270 - @endAngle:90 - @endAngle
initAngle(true)
end
def dispose
for i in 0...@child_num
@menu_sprite[i][0].bitmap.dispose
@menu_sprite[i][0].dispose
end
end
def active=(active)
@active=active
if @active==true
@menu_sprite[@index[0]][0].flash(Color.new(255,255,255,255),40)
@frame=0
end
end
def initAngle(b)
if (@isRotating)
@tempAngle += @speed
end
@speed = 0
@isRotating = b
end
def arrange(depthArray)
depthArray.sort!{|a,b|a[1]<=>b[1]}
i = depthArray.size
while i>0
i-=1
depthArray[i][0].z=i+9990
end
end
def setProp(mc,prop,sy,n1=0.5,n2=1)
if prop=="alpha"
opacity = ((sy + 2 * @disy) / @disy - 1) / 2 * (n2 - n1) + n1
mc.opacity=opacity*255
elsif prop=="scaleX"
mc.zoom_x = ((sy + 2 * @disy) / @disy - 1) / 2 * (n2 - n1) + n1
elsif prop=="scaleY"
mc.zoom_y = ((sy + 2 * @disy) / @disy - 1) / 2 * (n2 - n1) + n1
end
end
def index
return @index[0]
end
def set_actor(actor,sprite)
bitmap = RPG::Cache.battler(actor.battler_name, actor.battler_hue)
src_rect=Rect.new(0,0,bitmap.width,bitmap.height)
sprite.bitmap.blt(10, 10, bitmap, src_rect)
sprite.bitmap.font.size=18
sprite.bitmap.font.color = Color.new(192, 224, 255, 255)
sprite.bitmap.draw_text(128, 10, 24, 24, "Lv")
sprite.bitmap.font.color = Color.new(255, 255, 255, 255)
sprite.bitmap.draw_text(128 + 24, 10, 24, 24, actor.level.to_s, 2)
sprite.bitmap.draw_text(128, 36, 120, 24, actor.name)
sprite.bitmap.draw_text(128, 62, 120, 24, actor.class_name)
text = make_battler_state_text(actor, 120, true)
if actor.hp == 0
sprite.bitmap.font.color = Color.new(255, 64, 0)
else
sprite.bitmap.font.color = Color.new(255, 255, 255, 255)
end
sprite.bitmap.draw_text(128, 88, 120, 24, text)
sprite.bitmap.draw_text(16, 190, 24, 24, $data_system.words.hp)
if actor.hp == 0
sprite.bitmap.font.color = Color.new(255, 64, 0)
elsif actor.hp <= actor.maxhp / 4
sprite.bitmap.font.color = Color.new(255, 255, 64, 255)
else
sprite.bitmap.font.color = Color.new(255, 255, 255, 255)
end
sprite.bitmap.draw_text(64,190,48,24,actor.hp.to_s, 2)
sprite.bitmap.font.color = Color.new(255, 255, 255, 255)
sprite.bitmap.draw_text(64 + 48, 190, 12, 24, "/", 1)
sprite.bitmap.draw_text(64 + 60, 190, 48, 24, actor.maxhp.to_s)
sprite.bitmap.draw_text(16, 216, 24, 24, $data_system.words.sp)
if actor.sp == 0
sprite.bitmap.font.color = Color.new(255, 64, 0)
elsif actor.sp <= actor.maxsp / 4
sprite.bitmap.font.color = Color.new(255, 255, 64, 255)
else
sprite.bitmap.font.color = Color.new(255, 255, 255, 255)
end
sprite.bitmap.draw_text(64,216,48,24,actor.sp.to_s, 2)
sprite.bitmap.font.color = Color.new(255, 255, 255, 255)
sprite.bitmap.draw_text(64 + 48, 216, 12, 24, "/", 1)
sprite.bitmap.draw_text(64 + 60, 216, 48, 24, actor.maxsp.to_s)
end
def make_battler_state_text(battler, width, need_normal)
# 生成状态名字符串
text = ""
for i in battler.states
if $data_states[i].rating >= 1
if text == ""
text = $data_states[i].name
else
text = text + "/" + $data_states[i].name
end
end
end
# 状态名空的字符串是 "[正常]" 的情况下
if text == ""
if need_normal
text = "[正常]"
end
else
# 加上括号
text = "[" + text + "]"
end
# 返回完成后的文字类
return text
end
end
复制代码
工程:
旋转菜单.rar
(249.31 KB, 下载次数: 2904)
2011-9-2 13:34 上传
点击文件名下载附件
作者:
kangxi0109
时间:
2011-9-2 14:26
如此,在下便厚着脸皮收下了。
作者:
guaneva
时间:
2011-9-2 15:54
不得不顶,的确很好,不过MS缺陷很多,我点特技就发生脚本错误
作者:
傲视群雄
时间:
2011-9-2 16:35
感觉不美观 而且反操作起来不方便 希望LZ能弄出更好的
作者:
feishzz
时间:
2011-9-2 16:45
同意LS,而且觉得太小了,大点更好,最好像iPhone一样,可以斜着。这样很省空间
作者:
各种压力的猫君
时间:
2011-9-2 17:39
↑类似这样?(=3= 吐槽我涂鸦水平的都去死一万次)
作者:
yangff
时间:
2011-9-2 18:36
http://rpg.blue/thread-187403-1-1.html
我什么都不知道
作者:
iten1017
时间:
2011-9-11 22:19
卡着费时,不顺手……
比如换个角色闪一下,要等待,不够流畅。
比如装备、状态等,要点击之后才能更换角色……,然后后退才能换菜单,不够流畅。
效果是做出来了,玩家玩起来没那么爽快啊……
作者:
越前リョーマ
时间:
2011-9-11 22:39
我一直不明白换装备选择人显示HP和SP什么的干嘛……
作者:
[email protected]
时间:
2012-4-7 14:27
怎么取消选人是的闪烁和等待啊
欢迎光临 Project1 (https://rpg.blue/)
Powered by Discuz! X3.1