User:Lewtwo/AssetGalleryExample

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search

This page showcases a template made for showcasing game assets, known as the AssetGallery.

roundypx - Pixel diameter of the roundy class.
bordercolor - Needs to be a named color (default: factory)
bgcolor - Needs to be a named color (default: factory)
filename - Needs to include file extension (ex. .png)
caption - Caption for under the image.

Why?

since character galleries are at the bottom of a page, verticality isnt an issue if it really is, make a gallery subpage for each character,.

Why this over the other galleries?

Default Gallery

The default MediaWiki Gallery, known simply as Gallery, is used on a variety of pages. Using Red as an example:

[+] Simple to add to.
---- Important for editors.
[+] Sometimes (see below) scales with the size of the page.
---- Important for mobile, other devices, and resizing a window.
========
[x] Scaling is broken on mobile. Gallery does not scale properly to the size of the page (can be seen HERE -- https://imgur.com/J29XFuv)
[x] Is aligned entirely to the left margin, and not centered.
---- Inconsistent with other tables on the site, leaves way too much negative space for smaller galleries. 
---- Formats all text from the left, as opposed to being centered under the image.
[x] Line breaks do not function properly.
---- Using one line break clips into the line above. Two leaves far too big of a line.
[x] Does not allow for headers to better separate content per generation.
---- Stacking/making additional gallery tables to separate content is not only messy code for editors, but hugely balloons the vertical size of the page, looking far more unsightly than other options.
[x] All parameters must be manually inputted.
---- Even if simple, this still means that the game icon, asset type and role of the asset are all manual.
[x] Locked to a bright green color.
---- Unsightly, and is inconsistent with every page on the site.
[x] All images are forced to be as big as the set gallery width.
---- This means larger sprites are made too small, and smaller images (particularly sprites) become very stretched.

The example below was taken from the Super-ancient Pokémon page.

[x] When there is too much text, it will be cut off at the bottom.
---- Unsightly, especially on desktop.

Iono


Mdl Iono SV.png
 S  V 
Model


VSIono.png
 S  V 
Model
(Challenge)


Iono League Club Room SV.png
 S  V 
Sprite
(League Club)


Iono League Club Room Profile.png
 S  V 
Sprite
(League Club Icon)


IonoChibi.png
 S  V 
Sprite
(Levincia Billboard)


Iono gym badge.png
 S  V 
Photo
(Gym Badge)


Company PhoneCase Iono Zone.png
 S  V 
Sprite
(Iono Zone Phone Case)


SV Rotom Phone Camera Effect Iono Zone.png
 S  V 
Camera effect
(Iono Zone)

Tulip



VSTulip.png
 S  V 
Model
(Challenge)



Tulip League Club Room Profile.png
 S  V 
Sprite
(League Club Icon)


Tulip gym badge.png
 S  V 
Photo
(Gym Badge)

Grusha



VSGrusha.png
 S  V 
Model
(Challenge)



Grusha League Club Room Profile.png
 S  V 
Sprite
(League Club Icon)


Grusha gym badge.png
 S  V 
Photo
(Gym Badge)

Ryme



VSRyme.png
 S  V 
Model
(Challenge)



Ryme League Club Room Profile.png
 S  V 
Sprite
(League Club Icon)


Ryme gym badge.png
 S  V 
Photo
(Gym Badge)

Perrin

Carmine



VSCarmine.png
 S  V 
Model
(Challenge)


VSCarmine 2.png
 S  V 
Model
(Challenge at the
Festival of Masks)

Carmine

N


Spr BW N.png
 B  W 
Sprite
(Trainer)


VSN.png
 B  W 
Sprite
(Challenge)


Spr B2W2 N.png
 B2  W2 
Sprite
(Trainer)


N OD.png
 B  W  B2  W2 
Sprite
(Overworld)

Marnie


VSMarnie.png
 Sw  Sh 
Model
(Challenge)


VSMarnie 2.png
 Sw  Sh 
Model
(Challenge at the Champion Cup)


VSMarnie 3.png
 Sw  Sh 
Model
(Challenge as a Gym Leader)


GST Marnie icon.png
 Sw  Sh 
Sprite
(Galarian Star Tournament)


League Card Marnie.png
 Sw  Sh 
Sprite
(League Card)


League Card Marnie rare.png
 Sw  Sh 
Sprite
(Rare League Card)

Leon


VSLeon.png
 Sw  Sh 
Model
(Challenge)


VSLeon 2.png
 Sw  Sh 
Model
(Challenge at the Battle Tower)


GST Leon icon.png
 Sw  Sh 
Sprite
(Galarian Star Tournament)


League Card Leon.png
 Sw  Sh 
Sprite
(League Card)


League Card Leon rare.png
 Sw  Sh 
Sprite
(Rare League Card)

Bede


VSBede.png
 Sw  Sh 
Model
(Challenge)


VSBede 2.png
 Sw  Sh 
Model
(Challenge at the Battle Tower)


GST Bede icon.png
 Sw  Sh 
Sprite
(Galarian Star Tournament)


League Card Bede.png
 Sw  Sh 
Sprite
(League Card)


League Card Bede rare.png
 Sw  Sh 
Sprite
(Rare League Card)

Hop


VSHop.png
 Sw  Sh 
Model
(Challenge)


VSHop 2.png
 Sw  Sh 
Model
(Challenge with a Dynamax Band)


VSHop 3.png
 Sw  Sh 
Model
(Challenge at the Champion Cup)


GST Hop icon.png
 Sw  Sh 
Sprite
(Galarian Star Tournament)


League Card Hop.png
 Sw  Sh 
Sprite
(League Card)


League Card Hop rare.png
 Sw  Sh 
Sprite
(Rare League Card)

Peony


VSPeony.png
 Sw  Sh 
Model
(Challenge)


GST Peony icon.png
 Sw  Sh 
Sprite
(Galarian Star Tournament)


League Card Peony.png
 Sw  Sh 
Sprite
(League Card)


League Card Peony rare.png
 Sw  Sh 
Sprite
(Rare League Card)

Rose


VSRose.png
 Sw  Sh 
Model
(Challenge)


League Card Rose.png
 Sw  Sh 
Sprite
(League Card)


League Card Rose rare.png
 Sw  Sh 
Sprite
(Rare League Card)

Oleana


VSOleana.png
 Sw  Sh 
Model
(Challenge)

Clemont


VSClemont.png
 X  Y 
Sprite
(Challenge)


XY Clemont Icon.png
 X  Y 
Sprite
(PSS Icon)


Clemont XY OD.png
 X  Y 
Model

Viola


VSViola.png
 X  Y 
Sprite
(Challenge)


XY Viola Icon.png
 X  Y 
Sprite
(PSS Icon)


Viola XY OD.png
 X  Y 
Model

Green

Core Series


Red

Core Series


Spr RG Red 1.png
 R  G  B 
Sprite
(Trainer)


Spr RG Red 2.png
 R  G 
Sprite
(Title Screen)


Spr RB Red 2.png
 R  G  B 
Sprite
(Title Screen)


Spr Y Red.png
 Y 
Sprite
(Trainer)


RGB Red Back.png
 R  G  B  Y 
Sprite
(Back)


RedRGBwalkdown.png
 R  G  B  Y 
Sprite
(Overworld)


Spr GS Red.png
 G  S  C 
Sprite
(Trainer)


Red II OD.png
 G  S  C 
Sprite
(Overworld)


FRLG Red Intro Translation Documents.png
 FR  LG 
Sprite
(Early intro)


FRLG Red Intro.png
 FR  LG 
Sprite
(Intro)


Red FRLG Credits.png
 FR  LG 
Sprite
(Credits)


Spr FRLG Red.png
 FR  LG 
Sprite
(Trainer)


FRLG Red Back.png
 FR  LG 
Sprite
(Back)


Red FRLG OD.png
 FR  LG 
Sprite
(Overworld)


E Red Back.png
 E 
Sprite
(Back)


Red E OD.png
 E 
Sprite
(Overworld)


Spr HGSS Red.png
 HG  SS 
Sprite
(Trainer)


Redwalkdown.png
 HG  SS 
Sprite
(Overworld)


Spr B2W2 Red.png
 B2  W2 
Sprite
(Trainer)


Red OD.png
 B2  W2 
Sprite
(Overworld)


VSRed.png
 S  M  US  UM 
Sprite
(Challenge)


Spr SM Red.png
 S  M  US  UM 
Model
(Higher detail)


Red SM OD.png
 S  M  US  UM 
Model
(Overworld)


VSRed PE.png
 P  E 
Model
(Challenge)

Other Games


S2 Pokémon Trainer Red.png
Stadium 2
Sprite
(Portrait)


Colo Red.png
Colosseum
Sprite
(Portrait)


XD Red.png
XD
Sprite
(Portrait)

Professor Cozmo


Scientist RSE OD.png
 R  S  E 
Sprite
(Overworld)


Professor Cozmo ORAS OD.png
 OR  AS 
Model
(Overworld)

Drayton


VSDrayton.png
 S  V 
Model
(Challenge)


Drayton BB League.png
 S  V 
Photo
(BB League)

Crispin


VSCrispin.png
 S  V 
Model
(Challenge)


Crispin BB League.png
 S  V 
Photo
(BB League)

Lacey


VSLacey.png
 S  V 
Model
(Challenge)


Lacey BB League.png
 S  V 
Photo
(BB League)

Amarys


VSAmarys.png
 S  V 
Model
(Challenge)


Amarys BB League.png
 S  V 
Photo
(BB League)

Cyrano


VSCyrano.png
 S  V 
Model
(Challenge)


Blackthorn Gym


Blackthorn Gym exterior GSC.png
 G  S 
Sprite
(Exterior)


Blackthorn Gym Exterior HGSS.png
 HG  SS 
Model
(Exterior)