We're currently working on updating the Wiki content for the August 2024 Closed Playtest. All this information is subject to change in the final release.

Find us in the Wishes Unlimited Discord in the "Beastiepedia (Beastieball Wiki)" thread under #beastieball-spoilers!

Template:Infobox beastie: Difference between revisions

From Beastiepedia: The Beastieball Wiki
(add colors (no docs yet, might not even work))
(Reduce height of color range bars)
Line 45: Line 45:
           <data source="color2">
           <data source="color2">
             <label>Color 2</label>
             <label>Color 2</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color2}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color2}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color3">
           <data source="color3">
             <label>Color 3</label>
             <label>Color 3</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color3}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color3}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color4">
           <data source="color4">
             <label>Color 4</label>
             <label>Color 4</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color4}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color4}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color5">
           <data source="color5">
             <label>Color 5</label>
             <label>Color 5</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color5}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color5}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color6">
           <data source="color6">
             <label>Color 6</label>
             <label>Color 6</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color6}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color6}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
         </section>
         </section>
Line 68: Line 68:
           <data source="color1alt">
           <data source="color1alt">
             <label>Color 1</label>
             <label>Color 1</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color1alt}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color1alt}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color2alt">
           <data source="color2alt">
             <label>Color 2</label>
             <label>Color 2</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color2alt}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color2alt}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color3alt">
           <data source="color3alt">
             <label>Color 3</label>
             <label>Color 3</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color3alt}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color3alt}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color4alt">
           <data source="color4alt">
             <label>Color 4</label>
             <label>Color 4</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color4alt}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color4alt}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color5alt">
           <data source="color5alt">
             <label>Color 5</label>
             <label>Color 5</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color5alt}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color5alt}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color6alt">
           <data source="color6alt">
             <label>Color 6</label>
             <label>Color 6</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color6alt}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color6alt}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
         </section>
         </section>
Line 95: Line 95:
           <data source="color1rare">
           <data source="color1rare">
             <label>Color 1</label>
             <label>Color 1</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color1rare}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color1rare}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color2rare">
           <data source="color2rare">
             <label>Color 2</label>
             <label>Color 2</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color2rare}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color2rare}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color3rare">
           <data source="color3rare">
             <label>Color 3</label>
             <label>Color 3</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color3rare}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color3rare}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color4rare">
           <data source="color4rare">
             <label>Color 4</label>
             <label>Color 4</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color4rare}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color4rare}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color5rare">
           <data source="color5rare">
             <label>Color 5</label>
             <label>Color 5</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color5rare}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color5rare}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
           <data source="color6rare">
           <data source="color6rare">
             <label>Color 6</label>
             <label>Color 6</label>
             <format><div style="background-image: linear-gradient(90deg, {{{color6rare}}});width: 100%;height: 30px;margin-bottom: 2px"></div></format>
             <format><div style="background-image: linear-gradient(90deg, {{{color6rare}}});width: 100%;height: 20px;margin-bottom: 2px"></div></format>
           </data>
           </data>
         </section>
         </section>

Revision as of 17:15, 23 June 2024

Infobox beastie template usage:

{{Infobox beastie
 |name=Sprecko
 |image=<gallery>
SpreckoIdle.png|Normal
SpreckoRaremorph.png|Raremorph
</gallery>
 |recruit=Create any type of field effect
 |training=+1 [[File:Spirit.png|frameless|20x20px]]DEF
 |exp=1,000,000
}}