Графическая карта загрузки и сохранения



В папку gui добавьте следующие изображения, все рисунки формата png и имеют разрешение 1280 на 720

imagemap_load_ground

imagemap_load_hover

imagemap_load_idle

imagemap_load_selected_hover

imagemap_load_selected_idle

Imagemap_save_ground


imagemap_save_hover

Imagemap_save_idle

 

imagemap_save_selected_hover

 imagemap_save_selected_idle

Все комментарии формата . png и имеют разрешение 532 на 58

tooltip_geme_menu_config

tooltip_geme_menu_load

tooltip_geme_menu_main

tooltip_geme_menu_quit

tooltip_geme_menu_return

tooltip_geme_menu_save

· screen save:

· tag menu

· imagemap:

·         ground 'gui/imagemap_save_ground.jpg'

·         idle 'gui/imagemap_save_idle.png'

·         hover 'gui/imagemap_save_hover.png'

·         selected_idle 'gui/imagemap_save_selected_idle.png'

·         selected_hover 'gui/imagemap_save_selected_hover.png'

·

·         hotspot (-1, -1, -1, -1) action FilePage('auto')

·         hotspot (58, 134, 157, 142) action FilePage(1)

·         hotspot (58, 289, 157, 142) action FilePage(2)

·         hotspot (58, 440, 157, 142) action FilePage(3)

·

·         hotspot (244, 134, 621, 142) action FileAction(0):

·             use load_save_slot(number=0)

·         hotspot (244, 289, 621, 142) action FileAction(1):

·             use load_save_slot(number=1)

·         hotspot (244, 440, 621, 142) action FileAction(2):

·             use load_save_slot(number=2)

·

·         hotspot (987, 122, 292, 70) action ShowMenu('save') hovered [ Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_save.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 202, 292, 70) action ShowMenu('load') hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_load.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 283, 292, 70) action ShowMenu('preferences') hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_config.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 370, 292, 70) action MainMenu() hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_main.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 442, 292, 70) action Return() hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_return.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 525, 292, 70) action Quit() hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_quit.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

И экран загрузки

· screen load:

·

· tag menu

·

· imagemap:

·         ground 'gui/imagemap_load_ground.jpg'

·         idle 'gui/imagemap_load_idle.png'

·         hover 'gui/imagemap_load_hover.png'

·         selected_idle 'gui/imagemap_load_selected_idle.png'

·         selected_hover 'gui/imagemap_load_selected_hover.png'

·

·         hotspot (-1, -1, -1, -1) action FilePage('auto')

·         hotspot (58, 134, 157, 142) action FilePage(1)

·         hotspot (58, 289, 157, 142) action FilePage(2)

·         hotspot (58, 440, 157, 142) action FilePage(3)

·

·         hotspot (244, 134, 621, 142) action FileAction(0):

·             use load_save_slot(number=0)

·         hotspot (244, 289, 621, 142) action FileAction(1):

·             use load_save_slot(number=1)

·         hotspot (244, 440, 621, 142) action FileAction(2):

·             use load_save_slot(number=2)

·

·         hotspot (987, 122, 292, 70) action ShowMenu('save') hovered [ Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_save.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 202, 292, 70) action ShowMenu('load') hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_load.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 283, 292, 70) action ShowMenu('preferences') hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_config.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 370, 292, 70) action MainMenu() hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_main.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 442, 292, 70) action Return() hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_return.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

·         hotspot (987, 525, 292, 70) action Quit() hovered [Show("gui_tooltip", my_picture="gui/tooltip_geme_menu_quit.png", my_tt_xpos=46, my_tt_ypos=518) ] unhovered [Hide("gui_tooltip")]

Самые главные и основные разделы главного меню записали. Остался экран экстра. Но мы его рассмотрим позже.

Обьекты-полоски (Bar )

Обьекты bar – гибкие полоски , которые отображают любое значение в виде полосок.

Например, вам известно какое будет точное значение (66 например) и что бы его отобразить нужно, прописать следующее

· screen bar_example():

·     frame:

·         xalign 0.5 ypos 50

·         xsize 500

·         bar:

·             value StaticValue(66, 100)

Значение xsize - длина бара(экрана) если он, или xminimum и xmaximum не будут записаны, то бар будет во весь экран.

Обьект bar - горизонтальная полоска

Обьект vbar  - вертикальная полоска

value – значение

 

 

Существуют 3 вида стандартных в Gui  прописанных горизонтальных стилей баров.

screen bars_example():

default n = 66

 

frame:

   xalign 0.5 ypos 50

   xsize 500

 

   vbox:

       spacing 10

 

       bar value AnimatedValue(n, 100, 0.5) style "bar"

       bar value ScreenVariableValue("n", 100) style "slider"

       bar value ScreenVariableValue("n", 100) style "scrollbar"

 

1 стиль - style "bar"

Его используют для отображения значений, которые пользователь самостоятельно не может изменить.

2 стиль - style "slider"

Его используют для отображения значений, которые пользователь может самостоятельно изменить

3 стиль - style "scrollbar"

Его используют для перемещения по экрану и прокрутки

 

 

Так же есть 3 стандартных вертикальных стилей баров

screen vbars_example():

default n = 66

 

frame:

   xalign 0.5 ypos 50

   ysize 300

 

   hbox:

       spacing 10

 

       vbar value AnimatedValue(n, 100, 0.5)

       vbar value ScreenVariableValue("n", 100) style "vslider"

       vbar value ScreenVariableValue("n", 100) style "vscrollbar"

1 стиль - style "vbar"

Его используют для отображения значений, которые пользователь самостоятельно не может изменить.

2 стиль - style "vslider"

Его используют для отображения значений, которые пользователь может самостоятельно изменить

3 стиль - style "vscrollbar"

Его используют для перемещения по экрану и прокрутки

А так же существует бар для горячих точек,

hotbar (73, 170, 243, 40) value Preference('music volume')

 

Настройки данных экранов находятся тут в gui.rpy

 

а изображения так же в screen.rpy


Дата добавления: 2018-10-27; просмотров: 728; Мы поможем в написании вашей работы!

Поделиться с друзьями:






Мы поможем в написании ваших работ!