Windows Menus hierarchy

The windows used in menus all use the same basic template present in Window.js.

A basic window will contain a background with the default selected menu color and the borders. Any extra sprites used in these windows will be added to a Phaser:Group object and can be manipulated from there.

In the following images, we will show the basic layout in the currently implemented menus.

Battle Menu

Source:

battle_menus.js

Uses:

Window.js CharsStatusWindow.js HorizontalMenu.js DescriptionWindow.js PsynergyWindow.js DjinnWindow.js DjinnStatsWindow.js SummonWindow.js SummonDjinnStandbyWindow.js ItemWindow.js

Field Menu

Source:

menu.js

Uses:

Window.js CharsStatusWindow.js HorizontalMenu.js

Psynergy Menu

Source:

psynergy_menu.js

Uses:

Window.js CharsMenu.js BasicInfoWindow.js ItemPsynergyChooseWindow.js

Djinn Menu

Source:

djinni_menu.js

Uses:

CharsQuickInfoDjinnWindow.js DjinnActionWindow.js DjinnListWindow.js DjinnModeHeaderWindow.js DjinnStatsCharWindow.js DjinnPsynergyWindow.js

Items Menu

Source:

item_menu.js

Uses:

Window.js CharsMenu.js BasicInfoWindow.js ItemPsynergyChooseWindow.js StatsCheckWithItem.js ItemOptionsWindow.js GiveItemOptionsWindow.js ItemQuantityManagerWindow.js DropItemWindow.js