如何制作这样的loading读条界面

h2195458940 · 发表于 2018-3-30 17:29:11

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

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

x

如题....

鸟猫 · 发表于 2018-3-30 20:07:34

第一步，画素材
第二部，可以用脚本，或者事件简单实现

灯笼菜刀王 · 发表于 2018-3-31 12:37:38

本帖最后由灯笼菜刀王于 2018-3-31 12:46 编辑

显示图片... OVER...... 最多再加上描绘槽值

原本LODING图片是为了读取数据的这段不可避免时间避免玩家无聊而诞生的, 而你却要为了让玩家无聊而故意加上根本不必要的LODING图片

恕我直言, 为LODING而LODING是最傻的........

--------------------------
看你头像, 有玩DNF吧, 如果玩的时间长了,你是否觉得, 切换地图的时候显示的那些LODE图片巨讨厌呢? 尤其是虚祖→月溪镇, 显示图片的时间咱都已经过第一图了~

游戏里这个图片存在是为了让配置不佳的电脑读取时地图不会导致长时间黑屏, 然而毕竟是10年前的设计, 如今的固态硬盘已经让这个过程大幅度缩短, 所以它就变成惹人讨厌的存在了.

文雅夕露 · 发表于 2018-3-31 13:21:28

#===============================================================================
# +++ MOG - 存读档加载画面 (v1.1) +++
#===============================================================================
# By Moghunter
# https://atelierrgss.wordpress.com/
#===============================================================================
# 可以在存档或读档时显示一个Loading画面.
#
# 目的是为了能在存档或读档时向玩家展示你想要展示的一些图片.
#
#===============================================================================
# 可以使用脚本手动打开加载画面.
#
# SceneManager.call(Scene_Load_Bar)
#
#==============================================================================
# ● Histórico (Version History)
#==============================================================================
# v 1.1 - Melhoria no sistema de dispose de imagens.
#==============================================================================
module MOG_LOAD_BAR
# 加载时间.(秒)
LOAD_DURATION = 2
# 是否在读档时显示加载画面.
ENABLE_LOAD_BAR_FOR_SCENE_LOAD = true
# 是否在存档时显示加载画面.
ENABLE_LOAD_BAR_FOR_SCENE_SAVE = true
# 加载时显示的背景图片.
LOAD_BACKGROUND_PICTURES = [
"Background_1",
"Background_2",
"Background_3",
"Background_4",
#"Background_5",
#"Background_6"
#"Background_7",
#"Background_8",
#"Background_9",
#"Background_10",
# ...
]
# 是否随机显示图片.
PICTURE_RANDOM_SELECTION = true
# 加载条位置.
LOAD_BAR_POSITION = [30,350]
# 进度条位置.
LOAD_BAR_METER_POSITION = [11,27]
# 文字位置.
LOAD_BAR_TEXT_POSITION = [ 10, -3]
# 加载时播放的音效.
LOAD_SE = "Decision2"
# 进度条的动画速度.
LOAD_BAR_FLOW_SPEED = 25
# 设定存档完之后回到哪个画面。如果你的菜单中禁止存档，并且是在地图上存档的
# 应该修改为地图的场景
RETURN_TO_SCENE = Scene_Menu.new(4)
# 是否使用文本浮动效果.
ENABLE_FLOAT_TEXT_ANIMATION = true
# 是否使用角色精灵（？）
ENABLE_CHARACTER_SPRITE = true
# 是否显示侧边的加载条.
ENABLE_STRIPE_SPRITE = true
# 侧边加载条的滚动速度.
STRIPE_SPEED = 1
end
#=============================================================================
# ■ Game_Temp
#=============================================================================
class Game_Temp
attr_accessor :load_bar_pre_index
attr_accessor :loadbar_type
attr_accessor :load_pre_bgm
attr_accessor :load_pre_bgs
#--------------------------------------------------------------------------
# ● Initialize
#--------------------------------------------------------------------------
alias load_bar_initialize initialize
def initialize
@load_bar_pre_index = -1
@loadbar_type = 0
load_bar_initialize
end
end
#=============================================================================
# ■ Game_System
#=============================================================================
class Game_System
attr_accessor :load_bar_pre_index
#--------------------------------------------------------------------------
# ● Initialize
#--------------------------------------------------------------------------
alias load_bar_initialize initialize
def initialize
load_bar_initialize
@load_bar_pre_index = 0
end
#--------------------------------------------------------------------------
# ● BGS Stop
#--------------------------------------------------------------------------
def bgs_stop
Audio.bgs_stop
end
end
#=============================================================================
# ■ Scene Load Bar
#=============================================================================
class Scene_Load_Bar
include MOG_LOAD_BAR
#--------------------------------------------------------------------------
# ● Initialize
#--------------------------------------------------------------------------
def initialize
execute_dispose
@bar_type = $game_temp.loadbar_type
@load_duration_max = 60 * LOAD_DURATION
@load_duration_max = 60 if @load_duration_max < 60
@load_duration = 0
@pictures = LOAD_BACKGROUND_PICTURES
create_background
create_layout
create_load_bar
create_text
create_side_strip
end
#--------------------------------------------------------------------------
# ● Create Background
#--------------------------------------------------------------------------
def create_background
@background = Sprite.new
if PICTURE_RANDOM_SELECTION
$game_system.load_bar_pre_index = rand(@pictures.size)
no_repeat_picture
end
image_name = @pictures[$game_system.load_bar_pre_index]
image_name = "" if image_name == nil
@background.bitmap = Cache.picture(image_name)
$game_temp.load_bar_pre_index = $game_system.load_bar_pre_index
unless PICTURE_RANDOM_SELECTION
$game_system.load_bar_pre_index += 1
$game_system.load_bar_pre_index = 0 if $game_system.load_bar_pre_index > @pictures.size - 1
end
end
#--------------------------------------------------------------------------
# ● No Repeat Picture
#--------------------------------------------------------------------------
def no_repeat_picture
if $game_system.load_bar_pre_index == $game_temp.load_bar_pre_index
$game_system.load_bar_pre_index += 1
$game_system.load_bar_pre_index = 0 if $game_system.load_bar_pre_index > @pictures.size - 1
end
end
#--------------------------------------------------------------------------
# ● Create Layout
#--------------------------------------------------------------------------
def create_layout
@hud = Sprite.new
@hud.bitmap = Cache.system("Load_Bar_Layout")
@hud.x = LOAD_BAR_POSITION[0]
@hud.y = LOAD_BAR_POSITION[1]
@hud.z = 10
end
#--------------------------------------------------------------------------
# ● Create Side Strip
#--------------------------------------------------------------------------
def create_side_strip
@stripe1 = Plane.new
@stripe2 = Plane.new
if @bar_type == 0
@stripe1.bitmap = Cache.system("Load_Bar_Stripe1_L")
@stripe2.bitmap = Cache.system("Load_Bar_Stripe2_L")
else
@stripe1.bitmap = Cache.system("Load_Bar_Stripe1_S")
@stripe2.bitmap = Cache.system("Load_Bar_Stripe2_S")
end
@stripe1.z = 1
@stripe2.z = 1
@stripe1.visible = ENABLE_STRIPE_SPRITE
@stripe2.visible = ENABLE_STRIPE_SPRITE
end
#--------------------------------------------------------------------------
# ● Create Load Bar
#--------------------------------------------------------------------------
def create_load_bar
@bar_flow = 0
@bar_image = Cache.system("Load_Bar_Meter")
@bar_bitmap = Bitmap.new(@bar_image.width,@bar_image.height)
@bar_range = @bar_image.width / 3
@bar_width = @bar_range * @load_duration / @load_duration_max
@bar_height = @bar_image.height
@bar_width_old = @bar_width
@bar_src_rect = Rect.new(@bar_flow, 0, @bar_width, @bar_height)
@bar_bitmap.blt(0,0, @bar_image, @bar_src_rect)
@bar_sprite = Sprite.new
@bar_sprite.bitmap = @bar_bitmap
@bar_sprite.z = 11
@bar_sprite.x = LOAD_BAR_POSITION[0] + LOAD_BAR_METER_POSITION[0]
@bar_sprite.y = LOAD_BAR_POSITION[1] + LOAD_BAR_METER_POSITION[1]
update_bar_flow
end
#--------------------------------------------------------------------------
# ● Create Text
#--------------------------------------------------------------------------
def create_text
@text_float_time = 0
@text_float_y = 0
@text_image = Cache.system("Load_Bar_Text")
@text_bitmap = Bitmap.new(@text_image.width,@text_image.height)
@text_width = @text_image.width
@text_height = @text_image.height / 2
@text_src_rect = Rect.new(0, @text_height * @bar_type, @text_width, @text_height)
@text_bitmap.blt(0,0, @text_image, @text_src_rect)
@text_sprite = Sprite.new
@text_sprite.bitmap = @text_bitmap
@text_fy = LOAD_BAR_POSITION[1] + LOAD_BAR_TEXT_POSITION[1]
@text_sprite.x = LOAD_BAR_POSITION[0] + LOAD_BAR_TEXT_POSITION[0]
@text_sprite.y = @text_fy
@text_sprite.z = 12
end
#--------------------------------------------------------------------------
# ● Main
#--------------------------------------------------------------------------
def main
Graphics.transition
execute_loop
execute_dispose
end
#--------------------------------------------------------------------------
# ● Execute Loop
#--------------------------------------------------------------------------
def execute_loop
loop do
update
Graphics.update
if SceneManager.scene != self
break
end
end
end
#--------------------------------------------------------------------------
# ● Execute Dispose
#--------------------------------------------------------------------------
def execute_dispose
return if @hud == nil
@hud.bitmap.dispose
@hud.dispose
@stripe1.bitmap.dispose
@stripe1.dispose
@stripe2.bitmap.dispose
@stripe2.dispose
@bar_image.dispose
@bar_bitmap.dispose
@bar_sprite.bitmap.dispose
@bar_sprite.dispose
@background.bitmap.dispose
@background.dispose
@text_image.dispose
@text_bitmap.dispose
@text_sprite.bitmap.dispose
@text_sprite.dispose
Graphics.transition
Graphics.freeze
end
#--------------------------------------------------------------------------
# ● Update
#--------------------------------------------------------------------------
def update
update_bar_flow
update_bar_duration
update_float_text
update_slide_stripe
end
#--------------------------------------------------------------------------
# ● Update Slide Stripe
#--------------------------------------------------------------------------
def update_slide_stripe
@stripe1.oy += STRIPE_SPEED
@stripe2.ox += STRIPE_SPEED
end
#--------------------------------------------------------------------------
# ● update_float_text
#--------------------------------------------------------------------------
def update_float_text
return unless ENABLE_FLOAT_TEXT_ANIMATION
@text_float_time += 1
case @text_float_time
when 1..10
@text_float_y += 1
when 11..20
@text_float_y -= 1
else
@text_float_y = 0
@text_float_time = 0
end
@text_sprite.y = @text_fy + @text_float_y
end
#--------------------------------------------------------------------------
# ● Update Bar Flow
#--------------------------------------------------------------------------
def update_bar_flow
@bar_sprite.bitmap.clear
@bar_width = @bar_range * @load_duration / @load_duration_max
@bar_width = @bar_range if @load_duration > @load_duration_max
@bar_src_rect = Rect.new(@bar_flow, 0,@bar_width, @bar_height)
@bar_bitmap.blt(0,0, @bar_image, @bar_src_rect)
@bar_flow += LOAD_BAR_FLOW_SPEED
if @bar_flow >= @bar_image.width - @bar_range
@bar_flow = 0
end
end
#--------------------------------------------------------------------------
# ● Update Bar Duration
#--------------------------------------------------------------------------
def update_bar_duration
@load_duration += 1
if @load_duration == @load_duration_max
Audio.se_play("Audio/SE/" + LOAD_SE,100,100) rescue nil
elsif @load_duration == @load_duration_max + 10
if @bar_type == 0
SceneManager.return
$game_system.replay_bgm
else
SceneManager.return
end
$game_temp.loadbar_type = false
end
end
end
#=============================================================================
# ■ Scene Save
#=============================================================================
class Scene_Save < Scene_File
#--------------------------------------------------------------------------
# ● On Save Sucess
#--------------------------------------------------------------------------
alias mog_advloadbar_on_save_success on_save_success
def on_save_success
mog_advloadbar_on_save_success
$game_temp.loadbar_type = 1
SceneManager.call(Scene_Load_Bar)
end
end
#=============================================================================
# ■ Scene Load
#=============================================================================
class Scene_Load < Scene_File
#--------------------------------------------------------------------------
# ● On Load Success
#--------------------------------------------------------------------------
alias mog_advloadbar_on_load_success on_load_success
def on_load_success
mog_advloadbar_on_load_success
$game_system.save_bgm
RPG::BGM.stop
$game_temp.loadbar_type = 0
SceneManager.call(Scene_Load_Bar)
end
end
$mog_rgss3_advanced_load_bar = true

复制代码

不是有现成的么...直接修改一下使用就可以了。

h2195458940 · 发表于 2018-3-31 16:45:30

灯笼菜刀王发表于 2018-3-31 12:37
显示图片... OVER...... 最多再加上描绘槽值

原本LODING图片是为了读取数据的这段不可避免时间避免玩家无 ...

确实
但是我画了一张城镇地图，城门和城池内部是在一张地图上从城门进去后在出来发现城门是显示未关上的
我就想用LODING来掩盖来调换一下一开始用事件做感觉有点不自然

文雅夕露 · 发表于 2018-3-31 18:27:18

本帖最后由文雅夕露于 2018-3-31 18:38 编辑

嗯...做好了。虽然意义并不大的脚本...
复刻了练习好了。
素材请自行准备。

module Line
Pic_rand = true
No_rand_pic = "Wall1"
Pictrues = 3
Speed = 1
end
#==============================================================================
# ■ Scene_Map
#------------------------------------------------------------------------------
# 　地图画面
#==============================================================================
class Scene_Map < Scene_Base
include Line
#--------------------------------------------------------------------------
# ● 处理场所移动
#--------------------------------------------------------------------------
def perform_transfer
pre_transfer
$game_player.perform_transfer
post_transfer
end
#--------------------------------------------------------------------------
# ● 场所移动前的处理
#--------------------------------------------------------------------------
def pre_transfer
@map_name_window.close
case $game_temp.fade_type
when 0
loadline_up
fadeout(fadeout_speed)
when 1
loadline_up
white_fadeout(fadeout_speed)
end
end
#--------------------------------------------------------------------------
# ● 场所移动后的处理
#--------------------------------------------------------------------------
def post_transfer
case $game_temp.fade_type
when 0
Graphics.wait(fadein_speed / 2)
loadline_down
fadein(fadein_speed)
when 1
Graphics.wait(fadein_speed / 2)
loadline_down
white_fadein(fadein_speed)
end
@map_name_window.open
end
#--------------------------------------------------------------------------
# ● 读条的操作
#--------------------------------------------------------------------------
def loadline_up
#精灵生成
@background = Sprite.new
if Pic_rand
$line = rand(Pictrues)
@background.bitmap = Cache.picture("Wall#{$line}")
else
@background.bitmap = Cache.picture(No_rand_pic)
end
@background.z = 500
#精灵生成
@line = Sprite.new
@line.bitmap = Cache.picture("line_back")
@line.x = 150
@line.y = 400
@line.z = 501
#精灵生成
@line_actor = Sprite.new
$time = 1
while $time <= 60 do
@viewport = Viewport.new(155, 416, 43 + 5 * $time, 10)
@viewport.z = 999
#精灵端口的生成
@line_go = Sprite.new(@viewport)
@line_go.bitmap = Cache.picture("line")
$time += Speed
if $time % 24 <= 11
@line_actor.bitmap = Cache.picture("actor1")
else
@line_actor.bitmap = Cache.picture("actor2")
end
@line_actor.x = 176 + 5 * $time
@line_actor.y = 360
@line_actor.z = 502
Graphics.update
end
Audio.se_play("Audio/SE/Bell1")
15.times{Graphics.update}
end
#--------------------------------------------------------------------------
# ● 读条结束的操作
#--------------------------------------------------------------------------
def loadline_down
@background.dispose
@background.bitmap.dispose
@line.dispose
@line.bitmap.dispose
@line_go.dispose
@line_go.bitmap.dispose
@line_actor.dispose
@line_actor.bitmap.dispose
@viewport.dispose
end
end

复制代码

效果：

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

[已经过期] 如何制作这样的loading读条界面

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

评分

点评

评分

开拓者