Spell tree page setups 07/02/2016 08:11 AM CDT
>DERIUM: How are the spell trees set up? It seems like a static image with hotspots, but how are they built?

You can click edit on any page to take a look at how it's set up. Just don't save anything on it if you're not editing it on purpose. Below for example is the entire content of how the Empath spells page is set up (https://elanthipedia.play.net/mediawiki/index.php/Category:Empath_spells )

Under the "==Spell Tree==" heading there is a picture which is done in an external program (ABSOLON is mainly the one maintaining these right now) and then wiki code is used to make an imagemap. Using the wiki code, rectangles are drawn over the image for the relevant links, based on the pixel dimensions of the image. How do you find the pixel dimensions? Again that would be done in a photo editing program and not on the wiki itself.

The "==Summary of Spell Information==" is a table that uses searches based on the spell template to automatically go out and find the relevant spell information and populate the table. (Note that sometimes when a spell page is saved, it may take 15-45 minutes for tables to get updated sometimes.)

==Spell Tree==
<imagemap>
File:Empath_Spells.png|frameless|upright=5
rect 30 536 220 576 [[Heal Wounds|Heal Wounds (Utility)]]
rect 242 536 432 576 [[Heal Scars|Heal Scars (Utility)]]
rect 466 86 654 126 [[Vitality Healing|Vitality Healing (Utility)]]
rect 466 272 654 314 [[Blood Staunching|Blood Staunching (Utility)]]
rect 468 424 656 466 [[Mental Focus|Mental Focus (Augmentation)]]
rect 466 646 654 690 [[Iron Constitution|Iron Constitution (Utility)]]
rect 466 872 656 912 [[Refresh|Refresh (Augmentation)]]
rect 706 84 896 126 [[Heal|Heal (Utility)]]
rect 706 234 898 276 [[Flush Poisons|Flush Poisons (Utility)]]
rect 706 312 898 352 [[Cure Disease|Cure Disease (Utility)]]
rect 708 462 894 500 [[Compel|Compel (Debilitation)]]
rect 704 536 892 574 [[Awaken|Awaken (Warding, Utility)]]
rect 706 610 896 650 [[Tranquility|Tranquility (Augmentation, Warding)]]
rect 702 724 892 766 [[Innocence|Innocence (Utility)]]
rect 706 804 896 846 [[Gift of Life|Gift of Life (Augmentation)]]
rect 706 912 894 948 [[Lethargy|Lethargy (Debilitation)]]
rect 958 46 1148 88 [[Regenerate|Regenerate (Utility)]]
rect 960 122 1150 162 [[Fountain of Creation|Fountain of Creation (Utility)]]
rect 960 198 1148 238 [[Adaptive Curing|Adaptive Curing (Utility)]]
rect 958 272 1148 314 [[Absolution|Absolution (Utility)]]
rect 960 348 1150 388 [[Heart Link|Heart Link (Utility)]]
rect 962 424 1146 466 [[Circle of Sympathy|Circle of Sympathy (Utility)]]
rect 956 498 1150 540 [[Nissa's Binding|Nissa's Binding (Debilitation)]]
rect 960 610 1148 650 [[Perseverance of Peri'el|Perseverance of Peri'el (Warding)]]
rect 958 834 1148 876 [[Vigor|Vigor (Augmentation)]]
rect 960 912 1146 948 [[Paralysis|Paralysis (Targeted Magic)]]
rect 1212 650 1402 688 [[Aggressive Stance|Aggressive Stance (Augmentation)]]
rect 1214 724 1402 766 [[Guardian Spirit|Guardian Spirit (Utility)]]
rect 1214 872 1404 914 [[Raise Power|Raise Power (Utility)]]
rect 1438 648 1626 690 [[Aesandry Darlaeth|Aesandry Darlaeth (Augmentation, Utility)]]
</imagemap>

==Summary of Spell Information==
{{SpellList|h}}
{{#ask:[[guild association is::Empath]][[page type is::spell]][[Spellbook is::!Analogous Patterns]]
|?Pretty name is
|?spell abbreviation is
|?Signature spell
|?ability effect is
|?Spell cast type is
|?ability skill is
|?ability type is
|?Offensive contest is
|?Defensive contest is
|?minimum prep is
|?casting cap is
|?minimum skill is
|?maximum skill is
|?minimum duration is
|?maximum duration is
|?slot cost is
|format=template
|template=SpellList
|link=none
}}
|}

{{RefAl}}
{{Cat|Empath abilities,Life magic}}



Never attribute to malice that which is adequately explained by stupidity.
Reply
Re: Spell tree page setups 07/02/2016 10:05 AM CDT
> (Note that sometimes when a spell page is saved, it may take 15-45 minutes for tables to get updated sometimes.)

FYI, when a page uses a table that auto-populates based on other pages (like this or the crafting materials page), you can force it to update by opening the page and then immediately saving it without any changes.
Reply
Re: Spell tree page setups 07/02/2016 10:13 AM CDT
<<a picture which is done in an external program (ABSOLON is mainly the one maintaining these right now)

I do the newer versions of these in draw.io which is a web based flowchart software that is tied to google drive. The Moon Mage spell tree is an example of this. I did the older ones in lucidchart, also a web based flowchart software, but they severely cut back on features available to free accounts and it doesn't link to google drive so I stopped using it.

I'm converting them all to the new format, but they're waiting to be uploaded until 3.2 goes live. I have a few of them completed already as per the listed changes in the changelog, and even previewed the Bard one on twitter a while back. If I don't have the rest prepared before the changes go live then they'll become a priority for me and will come as soon as I can get to them.

<<How do you find the pixel dimensions?

On the old charts I used "easy imagemap editor" which is an online tool to find these points. For the new images, however, I specifically made it so that everything is spaced in multiples of 50 pixels vertically and 300 pixels horizontally so it's easy enough to just figure out by looking at it. The moon mage tree is a slight exception to this with slightly different numbers, since it was the first tree I did using the new software and was still ironing out all the details way back when.



Elanthipedia - https://elanthipedia.play.net/mediawiki/index.php/Main_Page
Epedia Admins - https://elanthipedia.play.net/mediawiki/index.php/Elanthipedia:Administrators
Reply