Game art: img directory - Гісторыя версій

Een: /* Game art */ background-size info

2020-07-29T15:49:15Z

Game art: background-size info

← Папярэдн. версія		Версія ад 15:49, 29 ліпеня 2020
Радок 74:		Радок 74:

	svg images can be really efficient for icons or abstract images		svg images can be really efficient for icons or abstract images

			=== Use background-size ===

			In order to allow for players to use the browser zoom without your images becoming pixelated, it's recommended to use higher resolution images than needed for the normal display of your interface, and to use the css property '''background-size''' to fit the image to the size you need for your interface.

	=== Use CSS Sprites ===		=== Use CSS Sprites ===

Een: /* Images format */ svg

2020-06-16T09:50:00Z

Images format: svg

← Папярэдн. версія		Версія ад 09:50, 16 чэрвеня 2020
Радок 58:		Радок 58:
	=== Images format ===		=== Images format ===

	You can use 3 image ~~format~~ while building your game interface:		You can use these image formats while building your game interface:
	;jpg images		;jpg images

Радок 70:		Радок 70:

	can be used for animated images. This is not recommended to use gif animated images as they can upset players, but for some specific interface element this could be useful.		can be used for animated images. This is not recommended to use gif animated images as they can upset players, but for some specific interface element this could be useful.

			;svg images

			svg images can be really efficient for icons or abstract images

	=== Use CSS Sprites ===		=== Use CSS Sprites ===

Een: /* Use CSS Sprites */ Warning on image size

2020-05-11T08:59:17Z

Use CSS Sprites: Warning on image size

← Папярэдн. версія		Версія ад 08:59, 11 мая 2020
Радок 78:		Радок 78:
	* [http://www.w3schools.com/css/css_image_sprites.asp CSS sprites (W3C documentation)].		* [http://www.w3schools.com/css/css_image_sprites.asp CSS sprites (W3C documentation)].
	* [[Game interface stylesheet: yourgamename.css]]		* [[Game interface stylesheet: yourgamename.css]]

			Important: the maximum image size should be 4096x4096 (otherwise, some devices may not display parts of the image, see https://stackoverflow.com/questions/34682482/what-is-the-maximum-sprite-sheet-size-i-can-use-for-android-devices)

	=== Shrink images ===		=== Shrink images ===

Tutchek: Added navigation

2020-04-15T21:04:34Z

Added navigation

← Папярэдн. версія		Версія ад 21:04, 15 красавіка 2020
Радок 1:		Радок 1:
			{{Studio_Framework_Navigation}}

	== Requested images ==		== Requested images ==

Shadowphiar: Added requirments introduced by "Game page visual uplifting" Feb 2020

2020-03-02T23:03:41Z

Added requirments introduced by "Game page visual uplifting" Feb 2020

← Папярэдн. версія		Версія ад 23:03, 2 сакавіка 2020
Радок 28:		Радок 28:
	* If the game has been co-published by 2 publishers, you should upload a second image named "publisher2.png" (same characteristics as the first one).		* If the game has been co-published by 2 publishers, you should upload a second image named "publisher2.png" (same characteristics as the first one).

			;game_banner.jpg
			* size 1386x400px
			* should not contain any text; representative of the atmosphere of the game such as a cover element or communication image; the box image covering the banner on the left should stand out

			;game_displayX.jpg (X an integer between 0 and 9)
			* height between 400px and 760px, width maximum 1.5 x height;
			* the idea is to make players want to play the game, so it could be a zoomed card, some detail of the board, an overview of an ongoing physical game... but NOT a screenshot of the BGA adaptation since there is already the "see game in action" replay for that

	'''Important''': when you modify these images, you MUST click on "Reload game box image" from the Control Panel in order your update can be taken into account.		'''Important''': when you modify these images, you MUST click on "Reload game box image" from the Control Panel in order your update can be taken into account.

Een: /* Game art */ Naming constraints

2020-01-19T10:59:30Z

Game art: Naming constraints

← Папярэдн. версія		Версія ад 10:59, 19 студзеня 2020
Радок 35:		Радок 35:

	You must upload in img directory all images of your game interface.		You must upload in img directory all images of your game interface.

			=== Images naming constraints ===

			To be correctly deployed your images file names should not contain spaces or parenthesis.

	=== Images loading ===		=== Images loading ===

Victoria la: /* Images format */

2019-06-03T01:08:05Z

Images format

← Папярэдн. версія		Версія ад 01:08, 3 чэрвеня 2019
Радок 49:		Радок 49:
	;jpg images		;jpg images

	should be used for non-transparent images. Jpg are usually lighter than Pngs, so please choose Jpg for big pictures (ex: game board, cards) when you don't need transparency to accelerate game load.		should be used for non-transparent images. Jpg are usually lighter than Pngs, so please choose Jpg for big pictures (ex: game board, cards) when you don't need transparency to accelerate game load. You don't need transparency for rounded card corners, it can be done using css.

	;png images		;png images

	should be used for ~~transparent~~ images.		should be used for images with transparency, such as non-square tokens, meeples, etc (combined into sprite).

	;gif images		;gif images

Quietmint: /* Use CSS Sprites */

2018-11-25T18:33:22Z

Use CSS Sprites

← Папярэдн. версія		Версія ад 18:33, 25 лістапада 2018
Радок 61:		Радок 61:
	=== Use CSS Sprites ===		=== Use CSS Sprites ===

	To limit the number of images load and make the game load faster, you must use CSS sprites, ie you must gather several images in a single one.		To limit the number of images load and make the game load faster, you must use CSS sprites, i.e. you must gather several images in a single one. However, there are limitations. Do not make any CSS image sprite with dimensions that exceed 4096x4096 pixels or it will not work on mobile devices (Android max texture size is 4096 pixels, test your own browser at [http://webglreport.com/ WebGL Report]).

	To learn more on CSS Sprites:		To learn more on CSS Sprites:

Victoria la: /* Image Manipulation Tools */

2018-01-06T13:43:58Z

Image Manipulation Tools

← Папярэдн. версія		Версія ад 13:43, 6 студзеня 2018
Радок 86:		Радок 86:
	* Gimp (linux) - general GUI image editor		* Gimp (linux) - general GUI image editor
	* Paint.net (Windows) - general GUI image editor		* Paint.net (Windows) - general GUI image editor
	* ImageMagic (~~linux~~) - command line image editor, great for mass manipulations and scripting		* ImageMagic (All platforms) - https://www.imagemagick.org/script/download.php - command line image editor, great for mass manipulations and scripting

Victoria la: /* Requested images */

2018-01-06T13:29:14Z

Requested images

← Папярэдн. версія		Версія ад 13:29, 6 студзеня 2018
Радок 18:		Радок 18:

	* It is the icon displayed in the lists of games and tables (50x50 px).		* It is the icon displayed in the lists of games and tables (50x50 px).
	* This one should not be transparent, and shouldn't have a border (a black border will be add by BGA).
	* The objective of this icon is to make the game recognizable among the other games. A good idea is to take a part of the game cover that is distinctive (ex: the game title).		* The objective of this icon is to make the game recognizable among the other games. A good idea is to take a part of the game cover that is distinctive (ex: the game title).
			* This one does not have to be transparent. This image should not have a border

	;publisher.png		;publisher.png
	* It is the logo of the publisher of the game, displayed on the game description page.		* It is the logo of the publisher of the game, displayed on the game description page.
	* The width must be 150 px. The height can be anything. The image could be transparent.		* The width must be 150 px. The height can be anything (reasonable). The image could be transparent.

	;publisher2.png (optional)		;publisher2.png (optional)