Open main menu

Difference between revisions of "Screenshots"

 
(33 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
== Introduction ==
 
== Introduction ==
  
We try to have screenshots on our website for all games that we support. The purpose of this page is to describe how new screenshots are to be made to ensure uniform overall quality.
+
We try to have screenshots on our website for all games that we support. The purpose of this page is to describe how new screenshots are to be made to ensure uniform overall quality. In particular, what scaler you should use, how files should be named etc.
  
 
For each game, we would like to have a small (say, between 2 and 5) number of screenshots which give users a good idea of what the game looks like to play. If the game is available in different languages or versions, it would also be nice to have a screenshot or two showing the differences of those versions.
 
For each game, we would like to have a small (say, between 2 and 5) number of screenshots which give users a good idea of what the game looks like to play. If the game is available in different languages or versions, it would also be nice to have a screenshot or two showing the differences of those versions.
Line 16: Line 16:
 
<!--'''All screenshots to date have been contributed. Thanks all'''-->
 
<!--'''All screenshots to date have been contributed. Thanks all'''-->
 
<!-- We have all screenshots. But if you still have some suggestions feel free to contact sev. -->
 
<!-- We have all screenshots. But if you still have some suggestions feel free to contact sev. -->
* [[Blade Runner]]
+
* [[Amazon: Guardians of Eden]]
* [[Myst]]
+
* [[Astro Chicken]]
* <strike>Myst Masterpiece Edition</strike>
+
* [[Ms. Astro Chicken|Ms. Astro Chicken: Flight of the Pullet]]
* [[The Neverhood]]
+
* [[Backyard Baseball]]
* [[Versailles 1685]]
+
* [[Backyard Baseball 2001]]
 +
* [[Backyard Football 2002]]
 +
* [[Big Thinkers First Grade]]
 +
* [[Blue's Birthday Adventure]]
 +
* [[Blue's Reading Time Activities]]
 +
* [[Blue's Treasure Hunt]]
 +
* [[Crazy Nick's Software Picks: King Graham's Board Game Challenge]]
 +
* [[Crazy Nick's Software Picks: Leisure Suit Larry's Casino]]
 +
* [[Crazy Nick's Software Picks: Parlor Games with Laura Bow]]
 +
* [[Crazy Nick's Software Picks: Robin Hood's Game of Skill and Chance]]
 +
* [[Crazy Nick's Software Picks: Roger Wilco's Spaced Out Game Pack]]
 +
* [[Duckman: The Graphic Adventures of a Private Dick]]
 +
* [[Freddi Fish 5: The Case of the Creature of Coral Cove]]
 +
* [[Fun Seeker's Guide to Eastern Madera County]]
 +
* [[Gabriel Knight]]
 +
* [[The Beast Within|Gabriel Knight 2: The Beast Within]]
 +
* [[Mission Asteroid|Hi-Res Adventure #0: Mission Asteroid]]
 +
* [[Mystery House|Hi-Res Adventure #1: Mystery House]]
 +
* [[Wizard and the Princess|Hi-Res Adventure #2: The Wizard and the Princess]]
 +
* [[Cranston Manor|Hi-Res Adventure #3: Cranston Manor]]
 +
* [[Ulysses and the Golden Fleece|Hi-Res Adventure #4: Ulysses and the Golden Fleece]]
 +
* [[Time Zone|Hi-Res Adventure #5 - Time Zone]]
 +
* [[The Dark Crystal|Hi-Res Adventure #6: The Dark Crystal]]
 +
* [[Hugo's House of Horrors]]
 +
* [[Hugo II: Whodunit?]]
 +
* [[Hugo III: Jungle of Doom]]
 +
* [[Hyperspace Delivery Boy!]]
 +
* [[King's Quest VII]]
 +
* [[King's Questions]]
 +
* [[The Labyrinth of Time|Labyrinth of Time, The]]
 +
* [[Leisure Suit Larry 7]]
 +
* [[Arthur's Birthday|Living Books: Arthur's Birthday]]
 +
* [[Might and Magic: Swords of Xeen]]
 +
* [[Might and Magic IV]]
 +
* [[Might and Magic V]]
 +
* [[Might and Magic: World of Xeen]]
 +
* [[Mission Supernova]]
 +
* [[The Neverhood|Neverhood, The]]
 +
* [[Pajama Sam's Lost & Found]]
 +
* [[Pajama Sam: Games to Play on Any Day]]
 +
* [[Personal Nightmare]]
 +
* [[Phantasmagoria]]
 +
* [[Phantasmagoria 2]]
 +
* [[The Prince and the Coward|Prince and the Coward, The]]
 +
* [[Quest for Glory IV]]
 +
* [[Shivers]]
 +
* [[SPY Fox 3: Operation Ozone|Spy Fox 3: Operation Ozone]]
 +
* [[UFOs|U.F.O.s]]
 
* [[Voyeur]]
 
* [[Voyeur]]
 
* [[Wintermute/Games | Wintermute Games]]
 
* [[Wintermute/Games | Wintermute Games]]
 
== List of Screenshots that need to be replaced ==
 
 
{| border="0" cellpadding="1" cellspacing="2" style="margin-left:5em; background:#FF9999; width:80%"
 
|- align="center"
 
| '''Help us replace old screenshots'''
 
|- style="margin-left:1em; background:#ffffff;"
 
|- style="background:#ffffff"
 
|At the time most of our screenshots were taken, browsers could not properly scale pixel art, so small screenshots ended up looking distorted. Nowadays all modern browsers can scale images with a 1:1 pixel ratio, which means all our old screenshots with a hq2x scaler look distorted and don't represent the original art.
 
 
We're looking for re-submissions of all screenshots with a filter applied. If you own a game and want to take new screenshots, please submit non-scaled and aspect ratio corrected images.
 
|}
 
 
* All games with a filter applied
 
  
 
== List of game category icons we need ==
 
== List of game category icons we need ==
Line 49: Line 82:
 
* ScummVM settings
 
* ScummVM settings
 
** Pick an interesting scene to take the screenshot of.
 
** Pick an interesting scene to take the screenshot of.
** 320x200 games should be run without a scaler and with '''aspect correction''' (Ctrl+Alt+a) mode on. I.e. it should be a 320x240 image.
+
** 320x200 games should be run with '''HQ2x''' (Ctrl+Alt+3) mode and with '''aspect correction''' (Ctrl+Alt+a) mode on. I.e. it should be a 640x480 image.
 
** 640x480 games should be run without a scaler.
 
** 640x480 games should be run without a scaler.
 
** On platforms which use the SDL backend (Win32 and *nix included) Alt+S creates a screenshot file called scummvmXXXXX.png inside the screenshot directory. The default location for screenshots depends on the OS. See the [https://github.com/scummvm/scummvm#90-screenshots-sdl-backend-only README.md] for details.
 
** On platforms which use the SDL backend (Win32 and *nix included) Alt+S creates a screenshot file called scummvmXXXXX.png inside the screenshot directory. The default location for screenshots depends on the OS. See the [https://github.com/scummvm/scummvm#90-screenshots-sdl-backend-only README.md] for details.
 +
** '''Make sure your screenshot is at least 640x480 and was made with HQ2x scaler (if originally 320x200).''' Otherwise it won't be accepted.
 
** If the game runs at a different resolution (such as 512x384, or 800x600), use the normal mode (no scaling) and make sure your screenshot is at the original resolution.
 
** If the game runs at a different resolution (such as 512x384, or 800x600), use the normal mode (no scaling) and make sure your screenshot is at the original resolution.
 
* Screenshot file details.
 
* Screenshot file details.
Line 57: Line 91:
 
** The only supported file format is PNG with maximum compression.
 
** The only supported file format is PNG with maximum compression.
 
** Preferably run [http://optipng.sourceforge.net/ OptiPNG] and [http://advancemame.sourceforge.net/comp-readme.html advpng] after that. Use default parameters for OptiPNG and -4 parameter for advpng for best results. If you don't, we'll have to do it later.
 
** Preferably run [http://optipng.sourceforge.net/ OptiPNG] and [http://advancemame.sourceforge.net/comp-readme.html advpng] after that. Use default parameters for OptiPNG and -4 parameter for advpng for best results. If you don't, we'll have to do it later.
* File name is gametarget[-platform][-lang]-X-full.png where:
+
** File name is gametarget[-platform][-lang]-X-full.png where:
 
*** ''gametarget'' is the game target name, see our compatibility page for the full list
 
*** ''gametarget'' is the game target name, see our compatibility page for the full list
 
*** ''platform'' is an optional parameter for cases when you submit non-PC game version screenshots
 
*** ''platform'' is an optional parameter for cases when you submit non-PC game version screenshots
Line 64: Line 98:
 
** Create a .txt file containing the file names followed by full game name and optionally provide the platform name and language in parenthesis. For example "Indiana Jones and the Fate of Atlantis (Amiga German)"
 
** Create a .txt file containing the file names followed by full game name and optionally provide the platform name and language in parenthesis. For example "Indiana Jones and the Fate of Atlantis (Amiga German)"
 
*** There is no need to provide titles for every file if they're all the same. Use your discretion.
 
*** There is no need to provide titles for every file if they're all the same. Use your discretion.
 +
* Thumbnail file details.
 +
** Currently, thumbnails that correspond to the PNG screenshots have to be created manually.
 +
** This is done using [https://imagemagick.org/script/convert.php ImageMagick's ''convert'' command line tool].
 +
** There should be a mkthumb.sh script available in the scummvm-web repository, which includes the required ''convert'' command call and which you could run as:<br /><code>./mkthumb.sh gametarget[-platform][-lang]-X</code>
 +
** The above command assumes there is a screenshot file (PNG) named ''gametarget[-platform][-lang]-X-full.png'' in the same folder. See above for valid values for each part of the name.
 +
** Alternatively, and assuming you have the ImageMagick package installed (tested with ImageMagick 7.0.9-17) you could directly run the command:<br /><code>convert gametarget[-platform][-lang]-X-full.png -interlace line -quality 66 -thumbnail 256 gametarget[-platform][-lang]-X.jpg</code>
  
 
== How to make game icon ==
 
== How to make game icon ==

Latest revision as of 01:55, 26 April 2020

Screenshots Project Service
URL(s) https://scummvm.org/screenshots
Purpose Provide a repository of screen shots of supported games.
Maintainer(s) Eugene Sandulenko (Sev)

Contents

Introduction

We try to have screenshots on our website for all games that we support. The purpose of this page is to describe how new screenshots are to be made to ensure uniform overall quality. In particular, what scaler you should use, how files should be named etc.

For each game, we would like to have a small (say, between 2 and 5) number of screenshots which give users a good idea of what the game looks like to play. If the game is available in different languages or versions, it would also be nice to have a screenshot or two showing the differences of those versions. Take a look at our existing screenshots of The Secret of Monkey Island as an example.

List of screenshots we need

List of game category icons we need

  • Playtoons series

How to make screenshots

Here are additional rules on how to make screenshots which were settled in the last couple of years: (Of course any suggestions are welcome!)

  • Check if this particular screenshot hasn't already been committed.
    • If there is no visual difference between an already submitted screenshot and your game version, don't submit it.
    • If you are submitting screenshots for non-English game, use only those which have visual difference (changed graphics) or have something written in that language.
  • ScummVM settings
    • Pick an interesting scene to take the screenshot of.
    • 320x200 games should be run with HQ2x (Ctrl+Alt+3) mode and with aspect correction (Ctrl+Alt+a) mode on. I.e. it should be a 640x480 image.
    • 640x480 games should be run without a scaler.
    • On platforms which use the SDL backend (Win32 and *nix included) Alt+S creates a screenshot file called scummvmXXXXX.png inside the screenshot directory. The default location for screenshots depends on the OS. See the README.md for details.
    • Make sure your screenshot is at least 640x480 and was made with HQ2x scaler (if originally 320x200). Otherwise it won't be accepted.
    • If the game runs at a different resolution (such as 512x384, or 800x600), use the normal mode (no scaling) and make sure your screenshot is at the original resolution.
  • Screenshot file details.
    • Screenshots should not contain any window decorations.
    • The only supported file format is PNG with maximum compression.
    • Preferably run OptiPNG and advpng after that. Use default parameters for OptiPNG and -4 parameter for advpng for best results. If you don't, we'll have to do it later.
    • File name is gametarget[-platform][-lang]-X-full.png where:
      • gametarget is the game target name, see our compatibility page for the full list
      • platform is an optional parameter for cases when you submit non-PC game version screenshots
      • lang is an optional parameter when screenshot for non-English version
      • X is a sequental number.
    • Create a .txt file containing the file names followed by full game name and optionally provide the platform name and language in parenthesis. For example "Indiana Jones and the Fate of Atlantis (Amiga German)"
      • There is no need to provide titles for every file if they're all the same. Use your discretion.
  • Thumbnail file details.
    • Currently, thumbnails that correspond to the PNG screenshots have to be created manually.
    • This is done using ImageMagick's convert command line tool.
    • There should be a mkthumb.sh script available in the scummvm-web repository, which includes the required convert command call and which you could run as:
      ./mkthumb.sh gametarget[-platform][-lang]-X
    • The above command assumes there is a screenshot file (PNG) named gametarget[-platform][-lang]-X-full.png in the same folder. See above for valid values for each part of the name.
    • Alternatively, and assuming you have the ImageMagick package installed (tested with ImageMagick 7.0.9-17) you could directly run the command:
      convert gametarget[-platform][-lang]-X-full.png -interlace line -quality 66 -thumbnail 256 gametarget[-platform][-lang]-X.jpg

How to make game icon

On screenshots page you may see the set of nice 'headshots' used for the games. If you are submitting screenshots for a new game, you may help with creating the icon too.

Don'ts:

  1. Use an image that has been scaled up with a filter
  2. Avoid scaling down unless absolutely necessary, if you do scale down, always scale proportionally and try both Nearest Neighbor or Lancoze to see what looks better
  3. Keep shadows. Shadows will be done dynamically in CSS.

Dos:

  1. Start with our icon template to frame your icon. The image should be centered on the white dot and never flow outside the black rectangle.
  2. Be creative
  3. Pick a distinguishable image from the game or series. Either a sprite of the main character, a portrait, or a recognizable item/icon from the game
  4. Scale up as needed. Only scale up in 2x increments using Nearest Neighbor to preserve pixel art
  5. Have sprites and portraits face to the right
  6. Erase necessary pixels around the object
  7. Save the result as PNG

How to submit screenshots

  • If you have write access to our web source repository, you can commit it directly to the relevant directory.
  • Alternatively, you can submit it via our bug tracker.
    • There is a restriction on 250kb per file. There are 2 options you can do:
      1. Submit several files (you may add them one by one)
      2. Upload somewhere in one archive and provide link in the bugreport
  • If you didn't perform some actions with the screenshot file, for example if you didn't compress it or were unable to produce thumbnails, please mark your submission accordingly.