User:Tiddlywinks/EvoBox: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
No edit summary
(bit of forms)
Line 482: Line 482:
{{Evobox/Necrozma}}
{{Evobox/Necrozma}}
</pre>
</pre>
==[[Pikachu (Pokémon)#Forms]]==
Some species like [[Cosplay Pikachu]] have forms that are freely interchangeable. The current usage of ↔ switches its meaning sometimes and/or it's kinda bad notation. On a page like [[Charizard (Pokémon)#Forms]], X ↔ Y ↔ Z is used where only Y can turn into X or Z, but on pages like Pikachu, the same notation means X and Y and Z (and...) can all turn into each other. So I kinda wanted to find a format that is less ambiguous and doesn't overlap with other cases.
===New===
This basically accomplishes my goal for a distinct (and reasonable) format, but it's not "excellent". I think the presentation could be improved a bit, or something even better could be found, but for now it's a starting point.
<div class="roundy" style="padding: 5px; background-color: #{{Electric color}}; border: 3px solid #{{Electric color dark}};
position: relative; left: 50%; transform: translateX(-50%);<!-- This is a problem if the screen is smaller than the box... -->
display: inline-grid; gap: 10px 5px; grid-template-areas:
  'line line line line line line'
  'method0 method1 method2 method3 method4 method5'
  'stage0 stage1 stage2 stage3 stage4 stage5'
; "><!-- evobox grid OPEN -->
<div style="grid-area: line"><!-- free-form OPEN -->
<div style="display: grid; grid-template-columns: auto auto auto; height: 100%; text-align: {{{talign|center}}}; justify-content: center; align-content: {{{valign|center}}}; border-bottom: 1px solid black"><!-- new grid OPEN -->
<div><big><big>↔ ↔ ↔</big></big></div>
<div style="margin: 0px 10px">Any</div>
<div><big><big>↔ ↔ ↔</big></big></div>
</div><!-- new grid CLOSE -->
</div><!-- free-form CLOSE -->
{{User:Tiddlywinks/EvoMethod|e=0||↧}}
{{User:Tiddlywinks/EvoMethod|e=1||↧}}
{{User:Tiddlywinks/EvoMethod|e=2||↧}}
{{User:Tiddlywinks/EvoMethod|e=3||↧}}
{{User:Tiddlywinks/EvoMethod|e=4||↧}}
{{User:Tiddlywinks/EvoMethod|e=5||↧}}
{{User:Tiddlywinks/EvoMon|e=0|025Pikachu-Cosplay|Pikachu|Electric|Electric|Pikachu Cosplay}}
{{User:Tiddlywinks/EvoMon|e=1|025Pikachu-Rock Star|Pikachu|Electric|Electric|Pikachu Rock Star}}
{{User:Tiddlywinks/EvoMon|e=2|025Pikachu-Belle|Pikachu|Electric|Electric|Pikachu Belle}}
{{User:Tiddlywinks/EvoMon|e=3|025Pikachu-Pop Star|Pikachu|Electric|Electric|Pikachu Pop Star}}
{{User:Tiddlywinks/EvoMon|e=4|025Pikachu-PhD|Pikachu|Electric|Electric|Pikachu, Ph.D}}
{{User:Tiddlywinks/EvoMon|e=5|025Pikachu-Libre|Pikachu|Electric|Electric|Pikachu Libre}}
</div>
Just for reference, this is one of the best "radial" versions I could come up with. I'm not sure the meaning is really clear enough, and other iterations with arrows and stuff didn't work well enough for me. It also feels pretty bulky.
<div class="roundy" style="padding: 5px; background-color: #{{Electric color}}; border: 3px solid #{{Electric color dark}};
position: relative; left: 50%; transform: translateX(-50%);<!-- This is a problem if the screen is smaller than the box... -->
display: inline-grid; gap: 10px 5px; grid-template-areas:
  '. stage0 . stage1 .'
  'stage2 . loop1 . stage3'
  'stage2 . loop2 . stage3'
  'stage2 . loop3 . stage3'
  '. stage4 . stage5 .'
; "><!-- evobox grid OPEN -->
{{User:Tiddlywinks/EvoMon|e=0|025Pikachu-Cosplay|Pikachu|Electric|Electric|Pikachu Cosplay}}
{{User:Tiddlywinks/EvoMon|e=1|025Pikachu-Rock Star|Pikachu|Electric|Electric|Pikachu Rock Star}}
{{User:Tiddlywinks/EvoMon|e=2|025Pikachu-Belle|Pikachu|Electric|Electric|Pikachu Belle}}
{{User:Tiddlywinks/EvoMon|e=3|025Pikachu-Pop Star|Pikachu|Electric|Electric|Pikachu Pop Star}}
{{User:Tiddlywinks/EvoMon|e=4|025Pikachu-PhD|Pikachu|Electric|Electric|Pikachu, Ph.D}}
{{User:Tiddlywinks/EvoMon|e=5|025Pikachu-Libre|Pikachu|Electric|Electric|Pikachu Libre}}
{{User:Tiddlywinks/EvoFree|e=loop1|<div style{{=}}"transform: scale(3,3)">↷</div>}}
{{User:Tiddlywinks/EvoFree|e=loop2|<div style{{=}}"transform: scale(3,3)">Contest Hall</div>}}
{{User:Tiddlywinks/EvoFree|e=loop3|<div style{{=}}"transform: scale(3,3) rotate(180deg); width: fit-content">↷</div>}}
</div>
===Old===
Just to reiterate: the usage of ↔ here is very different from a page like [[Charizard (Pokémon)#Forms]] (which is arguably the most natural interpretation).
====Cosplay Pikachu====
{{Evobox/Formes
|type2-disp=Electric
|sprite1=025Pikachu-Cosplay
|name1=Pikachu
|type1-1=Electric
|forme=6
|forme1=Cosplay Pikachu
|loc1=Normal
|sprite2=025Pikachu-Rock Star
|forme2=Pikachu Rock Star
|type1-2=Electric
|loc2=Knowing {{mcolor|Meteor Mash}}
|sprite3=025Pikachu-Belle
|forme3=Pikachu Belle
|type1-3=Electric
|loc3=Knowing {{mcolor|Icicle Crash}}
|sprite4=025Pikachu-Pop Star
|forme4=Pikachu Pop Star
|type1-4=Electric
|loc4=Knowing {{mcolor|Draining Kiss}}
|sprite5=025Pikachu-PhD
|forme5=Pikachu, Ph.D
|type1-5=Electric
|loc5=Knowing {{mcolor|Electric Terrain}}
|sprite6=025Pikachu-Libre
|forme6=Pikachu Libre
|type1-6=Electric
|loc6=Knowing {{mcolor|Flying Press}}}}


==TBD==
==TBD==

Revision as of 23:14, 17 May 2023

At the moment, I've made the new template into a more explicit "builder". That's mostly just how I was able to get a handle on things; but it has some ups and downs.

The EvoMon templates make you include a bit ("Unevolved"/etc) that the old template didn't. But on the other hand, all the "evo1", "evo2a", "art#", "type#-#" etc in the old template is kinda finicky and can be pretty confusing; whereas having all the parameters for one Pokémon just ordered within a single template should be much more understandable.

But overall, they look fundamentally the same. Except on mobile where you can see that the old template breaks while the new one stays how it's meant to look. (You can look at the live species page or preview here; the old version is commented out just because of categories.)

Ralts (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern112

Tables (old)

Template:Evobox/2branch2

{{Evobox/2branch2
|type1=Psychic|type2=Fairy
|no1=0280|name1=Ralts|type1-1=Psychic|type2-1=Fairy
|evo1={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 20}}
|no2=0281|name2=Kirlia|type1-2=Psychic|type2-2=Fairy
|evo2a={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 30}}
|no3a=0282|name3a=Gardevoir|type1-3a=Psychic|type2-3a=Fairy
|evo2b={{Bag/s|Dawn Stone|SV}} + [[File:Male icon SV.png|link=Gender]]<br>{{color2|000|Dawn Stone}}<br><small>({{color2|000|Gender|male}})</small>
|no3b=0475|name3b=Gallade|type1-3b=Psychic|type2-3b=Fighting
}}

Goomy (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern122

Goomy
Unevolved
Rare Candy
Level 40
outside of Hisui
Sliggoo
First evolution
Rare Candy + Rain icon SwSh.pngFog icon SwSh.png
Level 50
(during rain or fogSwSh)
Goodra
Second evolution
Sliggoo
First evolution
Rare Candy + Rain icon SwSh.pngFog icon SwSh.png
Level 50
(during rain or fog)
Goodra
Second evolution

Tables (old)

Template:Evobox/2branch1

{{Evobox/2branch1
|type1=Dragon
|no1=0704
|name1=Goomy
|type1-1=Dragon
|evo1a={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 40}}<br>outside of {{color2|000|Hisui}}
|no2a=0705
|name2a=Sliggoo
|type1-2a=Dragon
|evo1b={{Bag/s|Rare Candy|SV}} + {{bag/s|Celestica Flute|LA|Hisui}}<br>{{color2|000|Level|Level 40}}<br>in {{color2|000|Hisui}}
|art2b=0705Sliggoo-Hisui
|name2b=Sliggoo
|type1-2b=Steel
|type2-2b=Dragon
|form2b=Hisuian Form
|evo2a={{Bag/s|Rare Candy|SV}} + [[File:Rain icon SwSh.png|40px]][[File:Fog icon SwSh.png|40px]]<br>{{color2|000|Level|Level 50}}<br><small>(during {{color2|000|rain}} or {{color2|000|fog}}{{sup/8|SwSh}})</small>
|evo2b={{Bag/s|Rare Candy|SV}} + [[File:Rain icon SwSh.png|40px]][[File:Fog icon SwSh.png|40px]]<br>{{color2|000|Level|Level 50}}<br><small>(during {{color2|000|rain}} or {{color2|000|fog}})</small>
|no3a=0706
|name3a=Goodra
|type1-3a=Dragon
|art3b=0706Goodra-Hisui
|name3b=Goodra
|type1-3b=Steel
|type2-3b=Dragon
|form3b=Hisuian Form
}}

Slowpoke (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern12

Tables (old)

Template:Evobox/1branch2

{{Evobox/1branch2
|type1=Water
|type2=Psychic
|no1=0079
|name1=Slowpoke
|type1-1=Water
|type2-1=Psychic
|evo1a={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 37}}
|no2a=0080
|name2a=Slowbro
|type1-2a=Water
|type2-2a=Psychic
|evo1b=[[File:Link Trade icon SV.png|40px|link=Trade]] + {{Bag/s|King's Rock|SV}}<br>{{color2|000|Trade}}<br>holding {{color2|000|King's Rock}}
|no2b=0199
|name2b=Slowking
|type1-2b=Water
|type2-2b=Psychic}}

Tyrogue (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern13

Tables (old)

Template:Evobox/1branch3

This is currently only used for Tyrogue, but it can also be used for Rockruff. (Either it should be modified, or just replaced with the new div-evobox.)

{{evobox/1branch3}}

Farfetch'd (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern1

Tables (old)

Template:Evobox-1

{{Evobox-1
|type1=Normal
|type2=Flying
|pictype=art
|no1=0083
|name1=Farfetch'd
|type1-1=Normal
|type2-1=Flying}}

Psyduck (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern11

Psyduck
Unevolved
Golduck
First evolution

Tables (old)

Template:Evobox-2

{{Evobox-2
|type1=Water
|pictype=art
|no1=0054
|name1=Psyduck
|type1-1=Water
|evo1={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 33}}
|no2=0055
|name2=Golduck
|type1-2=Water}}

Bulbasaur (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern111

Tables (old)

Template:Evobox-3

{{Evobox-3
|type1=Grass
|type2=Poison
|pictype=art
|no1=0001
|name1=Bulbasaur
|type1-1=Grass
|type2-1=Poison
|evo1={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 16}}
|no2=0002
|name2=Ivysaur
|type1-2=Grass
|type2-2=Poison
|evo2={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 32}}
|no3=0003
|name3=Venusaur
|type1-3=Grass
|type2-3=Poison}}

Chingling (Pokémon)#Evolution

This and the two below are showcasing Incense conditions...except that I'm omitting this one (User:Tiddlywinks/EvoBox/pattern11/breed). Call it an exercise for the reader.

Chansey (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern111/breed

User:Tiddlywinks/EvoBox/categories111/breed
Happiny
Baby form
Rare Candy + Oval Stone
Level up
holding Oval Stone
during the day
Chansey
First evolution
Rare Candy + Soothe Bell
Level up with
high friendship
Blissey
Second evolution

Tables (old)

{{Evobox-3
|type1=Normal
|pictype=art
|no1=0440
|name1=Happiny
|type1-1=Normal
|breed={{bag/s|Luck Incense|SV}}<br>{{color2|000|Pokémon breeding|Breed}}<br>holding {{color2|000|Luck Incense}}<br><small>({{color2|000|Generation IV|IV}}–{{color2|000|Generation VIII|VIII}})</small>
|evo1={{bag/s|Rare Candy|SV}} + {{bag/s|Oval Stone|SV}}<br>{{color2|000|Level|Level up}}<br>holding {{color2|000|Oval Stone}}<br><small>during the {{color2|000|Time|day}}</small>
|no2=0113
|name2=Chansey
|type1-2=Normal
|evo2={{bag/s|Rare Candy|SV}} + {{bag/s|Soothe Bell|SV}}<br>{{color2|000|Level|Level up}} with<br>high {{color2|000|friendship}}
|no3=0242
|name3=Blissey
|type1-3=Normal}}

Mime Jr. (Pokémon)#Evolution

Divs (new)

User:Tiddlywinks/EvoBox/v2, User:Tiddlywinks/EvoBox/pattern122/breed

User:Tiddlywinks/EvoBox/categories122/breed
Rare Candy + Bag TM Normal SV Sprite.png
Level up
knowing Mimic
outside of Galar
Mr. Mime
First evolution
Rare Candy + Bag TM Normal SV Sprite.png + Sword Shield Dynamax Band.png
Level up
knowing Mimic
in Galar
Mr. Mime
First evolution
Mr. Rime
Second evolution

Tables (old)

Outside of Galar

{{Evobox-2
|type1=Psychic
|type2=Fairy
|pictype=art
|no1=0439
|name1=Mime Jr.
|type1-1=Psychic
|type2-1=Fairy
|breed={{bag/s|Odd Incense|SV}}<br>{{color2|000|Pokémon Breeding|Breed}}<br>holding {{color2|000|Odd Incense}}
|evo1={{bag/s|Rare Candy|SV}} + [[File:Bag TM Normal SV Sprite.png|40px|link=Mimic (move)]]<br>{{color2|000|Level|Level up}}<br>knowing {{color2|000|Mimic (move)|Mimic}}<br>outside of {{color2|000|Galar}}
|no2=0122
|name2=Mr. Mime
|type1-2=Psychic
|type2-2=Fairy}}

In Galar

{{evobox-3
|type1=Psychic
|type2=Fairy
|pictype=sprite
|no1=0439Mime Jr
|name1=Mime Jr.
|type1-1=Psychic
|type2-1=Fairy
|breed={{bag/s|Odd Incense|SV}}<br>{{color2|000|Pokémon Breeding|Breed}}<br>holding {{color2|000|Odd Incense}}
|evo1={{bag/s|Rare Candy|SV}} + [[File:Bag TM Normal SV Sprite.png|40px|link=Mimic (move)]] + [[File:Sword Shield Dynamax Band.png|40px|link=Galar]]<br>{{color2|000|Level|Level up}}<br>knowing {{color2|000|Mimic (move)|Mimic}}<br>in {{color2|000|Galar}}
|no2=0122Mr. Mime-Galar
|name2=Mr. Mime
|form2=Galarian Form
|type1-2=Ice
|type2-2=Psychic
|evo2={{Bag/s|Rare Candy|SV}}<br>{{color2|000|Level|Level 42}}
|no3=0866Mr. Rime
|name3=Mr. Rime
|type1-3=Ice
|type2-3=Psychic}}

Manaphy (Pokémon)#Evolution

Divs (new)

Phione
Does not evolve
Manaphy
Parent form

Tables (old)

{{Evobox/Manaphy}}

{{Evobox/Manaphy}}

Grubbin (Pokémon)#Evolution

Divs (new)

Gained Thunder Stone option in SwSh (and hasn't appeared since). > Note exclusivity outside evobox.

Tables (old)

{{Evobox/Grubbin}}

{{Evobox/Grubbin}}

Inkay (Pokémon)#Evolution

Divs (new)

IDK why this wasn't just an Evobox-1, but whatever.

Rare Candy
Level 30
while holding game system
upside-down
Malamar
First evolution

Tables (old)

{{Evobox/Inkay}}

{{Evobox/Inkay}}

Feebas (Pokémon)#Evolution

Divs (new)

Can evolve by trade item or beauty. (Add notes outside evobox.)

Feebas
Unevolved
Link Trade icon SV.png + Dream Prism Scale Sprite.png
Trade
holding Prism Scale
Dream Blue Scarf Sprite.png
Level up
with high Beauty
Milotic
First evolution

Tables (old)

{{Evobox/Feebas}}

{{Evobox/Feebas}}

Nincada (Pokémon)#Evolution

Really, neither the new nor old templates do a great job of communicating what happens. So we just need to spell it out clearly outside the box.

Divs (new)

Poké Ball + Ballfull.pngBallfull.pngBallfull.pngBallfull.pngBallfull.pngBallempty.png
Poké Ball in bag
and space in party
Ninjask
First evolution
Shedinja
Bonus evolution

Tables (old)

{{Evobox/1castoff}}

{{Evobox/1castoff}}

Eevee (Pokémon)#Evolution

Divs (new)

Radial is cool, but if they add another Eeveelution it's gonna blow right up. Vertical is best considering mobile users and future-proofing.

Since 9 pages need this whole thing, saving the whole thing as its own template is a reasonable option. (EvoBox/Eevee(V/R)?) But it's also easy to add an EvoBox/pattern18 template and/or EvoBox/patternRadial. Arguably, making the whole thing its own template would also prevent us from ending up with "orphaned" patterns just because they're not too likely to have another 8-evolution Pokémon (at least anytime soon).

Vertical
Eevee
Unevolved
Vaporeon
First evolution
Jolteon
First evolution
Flareon
First evolution
Espeon
First evolution
Umbreon
First evolution
Leafeon
First evolution
Glaceon
First evolution
♥♥ + TM Fairy
Level up
2 Affection and a
Fairy-type move
Sylveon
First evolution
Radial
Eevee
Unevolved
Vaporeon
First evolution
Jolteon
First evolution
Flareon
First evolution
Espeon
First evolution
Umbreon
First evolution
Leafeon
First evolution
Glaceon
First evolution
♥♥ + TM Fairy
Level up
2 Affection and a
Fairy-type move
Sylveon
First evolution

Tables (old)

{{Evobox/1branch7}}, see also User:SnorlaxMonster/Evobox/Eevee

{{Evobox/1branch7}}

Necrozma (Pokémon)#Forms

Divs (new)

test

Tables (old)

{{Evobox/Necrozma}}

{{Evobox/Necrozma}}

Pikachu (Pokémon)#Forms

Some species like Cosplay Pikachu have forms that are freely interchangeable. The current usage of ↔ switches its meaning sometimes and/or it's kinda bad notation. On a page like Charizard (Pokémon)#Forms, X ↔ Y ↔ Z is used where only Y can turn into X or Z, but on pages like Pikachu, the same notation means X and Y and Z (and...) can all turn into each other. So I kinda wanted to find a format that is less ambiguous and doesn't overlap with other cases.

New

This basically accomplishes my goal for a distinct (and reasonable) format, but it's not "excellent". I think the presentation could be improved a bit, or something even better could be found, but for now it's a starting point.

↔ ↔ ↔
Any
↔ ↔ ↔
Pikachu
Pikachu Cosplay
Pikachu
Pikachu Rock Star
Pikachu
Pikachu Belle
Pikachu
Pikachu Pop Star
Pikachu
Pikachu, Ph.D
Pikachu
Pikachu Libre

Just for reference, this is one of the best "radial" versions I could come up with. I'm not sure the meaning is really clear enough, and other iterations with arrows and stuff didn't work well enough for me. It also feels pretty bulky.

Pikachu
Pikachu Cosplay
Pikachu
Pikachu Rock Star
Pikachu
Pikachu Belle
Pikachu
Pikachu Pop Star
Pikachu
Pikachu, Ph.D
Pikachu
Pikachu Libre
Contest Hall

Old

Just to reiterate: the usage of ↔ here is very different from a page like Charizard (Pokémon)#Forms (which is arguably the most natural interpretation).

Cosplay Pikachu

Normal
Pikachu
Cosplay Pikachu
Pikachu
 Electric 


Knowing Meteor Mash
Pikachu
Pikachu Rock Star
Pikachu
 Electric 


Knowing Icicle Crash
Pikachu
Pikachu Belle
Pikachu
 Electric 


Knowing Draining Kiss
Pikachu
Pikachu Pop Star
Pikachu
 Electric 


Knowing Electric Terrain
Pikachu
Pikachu, Ph.D
Pikachu
 Electric 


Knowing Flying Press
Pikachu
Pikachu Libre
Pikachu
 Electric 

TBD

Forms have their own whole set of parameters, need to at least mock up a few things...

Other:

  • Need an option for "These methods apply to the latest games; see (below?) for other details".
  • Will also need to integrate the proper categories to all of these. I may need to include them with a method similar to the patterns since I've combined everything in one... (Should be fine.) But may need special options for odd cases like Manaphy, and forms ({{{cat|~default categories~}}}?).