User:Supermariofan67: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
Line 37: Line 37:


===Sort galleries alphabetically===
===Sort galleries alphabetically===
To sort a gallery alphabetically, put the code contents in a text file and run the command <code>sort -t '|' -k2</code> on it. This sorts alphabetically by the contents of the second text field, with text fields, in this case, separated by "|". By default, this will ignore special characters, such as <code><nowiki>[[</nowiki></code>, which is generally desired. If you want to sort all characters literally, run <code>export LC_ALL=C</code> first.
To sort a gallery alphabetically, put the code contents in a text file and run the command <code>awk -F'|' '{ print $NF "|" $0 }' filename | sort -t '|' -k1 | cut -d '|' -f2-4</code> on it. This sorts alphabetically by the contents of the last text field, with text fields, in this case, separated by "|", therefore grabbing the display names of links. By default, this will ignore special characters, such as <code><nowiki>[[</nowiki></code>, which is generally desired. If you want to sort all characters literally, run <code>export LC_ALL=C</code> first.


===Tricks with imagemagick===
===Tricks with imagemagick===

Revision as of 23:23, July 9, 2019

Navigation: (User pageTalk pageSandbox 1Sandbox 2File Maintenance Project PageStatusSignature)
Status: Slightly active. I have more free time now so I'll probably spend more time here. (Updated 00:02, June 8, 2021 (EDT))
Current project: Replacing and uploading Mario Kart Wii and New Super Mario Bros. Wii screenshots, doing various file maintenance (mostly for those two games).
Supermariofan67 across NIWA
ARMS Institute icon.png Bulbapedia icon.png Dragalia Lost Wiki icon.png Fire Emblem Wiki icon.png F-Zero Wiki icon.png Golden Sun Universe icon.png Hard Drop Tetris Wiki icon.png Icaruspedia icon.png Inkipedia icon.png Kingdom Hearts Wiki icon.png Kovopedia icon.png Lylat Wiki icon.png Metroid Wiki icon.png MiiWiki icon.png Mystery Dungeon Franchise Wiki icon.png NintendoWiki icon.png Nookipedia icon.png Pikipedia icon.png Pikmin Fanon icon.png Rhythm Heaven Wiki icon.png SmashWiki icon.png Starfy Wiki icon.png StrategyWiki icon.png Super Mario Wiki icon.png Ukikipedia icon.png Drawn to Life Wiki icon.png Wars Wiki icon.png WikiBound icon.png WiKirby icon.png Xeno Series Wiki icon.png Zelda Wiki icon.png

Template:Character-infobox Supermariofan67 is a User of the Super Mario Wiki. He has a Wii U and Switch and is a fan of the Super Mario series and Mario Kart series. He rewrites/expands articles, adds/replaces images, and performs various other file maintenance.

Supermariofan67's Userbox Tower
en-n
vg-3
prog-1
sprite-1
PNG
File:Penguin.png
Artwork of Baby Peach for Mario Kart Wii (also used in Mario Super Sluggers and Mario Kart Tour)
Artwork of Yoshi in Mario Party 10 (also used in Super Mario Party and Mario Kart Tour)
The Wii.
File:SmG.jpg
File:Mario Series Logo.PNG
Music.gif

Tech Stuff

Getting Screenshots from Wii U

In the past, it was possible to get screenshots from Wii U games by accessing the Wii U's internet browser during gameplay and uploading images to Dropbox or a site like Imgur or Postimg. However, these sites now use newer web standards that are not supported by the Wii U's browser, so they no longer work on the Wii U. However, after reading through Reddit posts about it I found a way to get screenshots to your computer using this HTTP file server software. You must run the program, set a target directory for files as described in its instructions, find your computer's internal IP on your network, and access that IP from your Wii U browser, where you can upload the images straight to your computer. It uses older web standards (for now at least) that are supported by the Wii U, and it can run on Wine on Linux/MacOS.

In addition, it is still possible to upload straight to MarioWiki from the Wii U if no cropping is required on the computer.

Some common confusion about SMG/2 images

To clarify some definitions: upscaling isn't the same as rendering above native resolution. An image is upscaled when the file's resolution is higher than the resolution of its content (for example, when a game is rendered at 1x native resolution but screenshot in Dolphin's full screen mode, or if the image is artificially resized with an image editor.) This causes unnecessary file bloat and should usually be discouraged. However, this is not the same as setting the emulator to render above native resolution (in multiples of the native resolution via the Auto setting in Dolphin.) This produces images whose actual content is in high resolution, and thus does not waste file size. According to Wildgoosespeeder (talk)'s screenshot guide, it is acceptable to capture Wii screenshots above 1x native resolution due to Dolphin's inconsistencies with producing native resolution screenshots without upscaling or stretching (read that guide for more info). For SMG/2, I follow that guide to produce 1920x1048, above native screenshots. I usually replace an SMG/2 image if:

  • Its aspect ratio is not a multiple of the game's normal widescreen aspect ratio, such as 1920x1054.
  • Its unnecessarily upscaled (e.g., rendered at 1x native but taken in full screen mode).
  • Its not an emulator screenshot (e.g., from a YouTube video).
  • I can get a better view of the subject

Moving Images

  • I follow Trig Jegman's guidelines and abbreviations when moving images. However, I additionally may use the abbreviation UTS, meaning "underscore to space." Within articles, MediaWiki usually treats spaces and underscores the same, but generally images should be linked with spaces, such as if "File:Image Name.png" were linked in an article as "File:Image_Name.png," similar to how File: is preferred over Image:, or how File: is unnecessary in galleries. So I will often quickly fix those (RIF and UTS) when passing through a page to change filenames. Both of these can easily be done with the wiki's find and replace function (the button in the top-right corner of the editing box).
  • Here is a tip to find images with special characters that may need to be renamed. With a list of image names in a text editor such as Notepad++ or VScode, search for the regex [^a-zA-Z\d\s:\[\]\.\-\']. This will highlight any characters other than letters, numbers, wiki syntax, hyphens, and apostrophies, making it easier to identify images that may need renaming, such as File:YWW ★-S Shiny Platinum Yoshi.jpg.

Sort galleries alphabetically

To sort a gallery alphabetically, put the code contents in a text file and run the command awk -F'|' '{ print $NF "|" $0 }' filename | sort -t '|' -k1 | cut -d '|' -f2-4 on it. This sorts alphabetically by the contents of the last text field, with text fields, in this case, separated by "|", therefore grabbing the display names of links. By default, this will ignore special characters, such as [[, which is generally desired. If you want to sort all characters literally, run export LC_ALL=C first.

Tricks with imagemagick

Mario on the Bob-omb Planet in the Space Storm Galaxy.
Example result.
  • Using ImageMagick, it is easy to stack two or more images vertically using the command convert -append 1.png 2.png out.png. See left side for example.
  • It is easy to crop images (such as artworks) to their content (removing the surrounding solid color or alpha space) with convert -trim in.png out.png. If there is any slight shading that needs to be cropped over, use the -fuzz x% option, where x is a low number (try 3 or 6 first). See below for a script to bulk trim and compress all images in a folder.
  • Similarly, it is easy to apply transparency to simple graphics, such as sprites, with convert -transparent color in.png out.png, where color is the name of a color (e.g., white) or a color's hex code, enclosed in single quotes. However, more complex graphics with fuzzy edges, such as artwork, might look choppy, requiring the use of the -fuzz option or not at all. Don't apply transparency to these types of images unless it is very clean.
  • Crop black border on 1920x1048 SMG/2 screenshots with convert -crop 1920x850+0+99 in.png out.png
  • Re-encoding JPGs all the way at the 100 quality mode can severely bloat file size, while using low quality modes can cause visible artifacts. When processing JPGs, consider adding the -quality 95 option, providing a better balance between quality and size. Also, consider the -strip option for PNGs, which removes unnecessary metadata/gamma/color profiles. However, applying PNG Monstrous or another optimizer should do this anyway.
  • How to use ImageMagick
  • ImageMagick functions
  • video by Luke Smith explaining ImageMagick.

A script to automatically optimize all PNGs in a folder

This should be equivalent to running PNG Monstrous with the pngout and zopflipng options enabled. Additionally, it will convert BMPs to PNGs and uncapitalize file extensions. This script requires zopflipng, pngout, and GNU Parallel. It will run pngout and zopflipng on all pngs, PNGs, bmps, and BMPs in the current directory and output the compressed images to the ./optimized directory with a lowercase .png filename. Zopfli uses the -m ("compress more: use more iterations") and --lossy_transparent ("remove colors behind alpha channel 0. No visual difference, removes hidden information.") options. It will compress multiple images in parallel, up to the number of CPU cores in your computer. This script is intended for Unix-like operating systems, such as Linux and MacOS. You will need to install Zopflipng and GNU Parallel with your package manager (for MacOS, use the Brew package manager). I'm not sure about Windows, but you can probably use this in the Windows Subsystem for Linux, or maybe find a way to port this to a native PowerShell script. You will probably need to download pngout manually and place it in in a directory in your PATH, such as ~/bin, as it is not available in most package managers. With the required programs installed, just put this code in a text file saved in ~/bin or in the folder where your PNGs are, chmod +x it, and it should work. If not, you can just manually run the two commands while in the folder with the PNGs. It's less convenient, but it would do the same thing.

#!/bin/sh
mkdir optimized
parallel 'pngout '{}' './optimized/{.}.png' ; zopflipng --lossy_transparent -m -y './optimized/{.}.png' './optimized/{.}.png'' ::: "$(find * -maxdepth 0 -type f -name "*.png" -o -name "*.PNG" -o -name "*.bmp" -o -name "*.BMP")"

Cropping to content and compressing with one script

This will crop all JPGs or PNGs in a folder to their content and optimize any PNGs, placing them in the trimmed directory. If you have BMPs, convert them to PNG first with parallel mogrify -format png ::: $(find . -maxdepth 1 -type f -name "*.bmp" -o -name "*.BMP")

#!/bin/sh
mkdir trimmed
parallel mogrify -path trimmed -quality 95 -trim '{}' ::: "$(find * -maxdepth 0 -type f -name "*.png" -o -name "*.jpg" -o -name "*.jpeg" -o -name "*.PNG" -o -name "*.JPG")"
cd trimmed
parallel 'pngout '{}' ; zopflipng --lossy_transparent -m -y '{}' '{}'' ::: "$(find * -maxdepth 0 -type f -name "*.png" -o -name "*.PNG")"

Mario-related games Supermariofan67 plays

Super Mario series

Mario Kart series

Donkey Kong series

Other Mario-related games

Big projects he has completed