9-slice scaling
 | This article, 9-slice scaling, has recently been created via the Articles for creation process. Please check to see if the reviewer has accidentally left this template after accepting the draft and take appropriate action as necessary.
Reviewer tools: Inform author |
| This article, 9-slice scaling, has recently been created via the Articles for creation process. Please check to see if the reviewer has accidentally left this template after accepting the draft and take appropriate action as necessary.
Reviewer tools: Inform author |
| This article, 9-slice scaling, has recently been created via the Articles for creation process. Please check to see if the reviewer has accidentally left this template after accepting the draft and take appropriate action as necessary.
Reviewer tools: Inform author |
Comment: There are not enough published, reliable sources to meet the WP:GNG. The sources don't back up assertions like "it's a common feature of game development related applications" which seems to be original research. Other parts also seem to be unsourced original research as well. ZXCVBNM (TALK) 05:06, 11 October 2017 (UTC)
9-slice scaling (also known as Scale 9 grid or 9-slicing) is a 2D image resizing technique to proportionally scale an image by splitting it in a grid of nine parts.[1]
The key idea is to prevent image scaling distortion by protecting the pixels defined in 4 parts (corners) of the image and scaling or repeating the pixels in the other 5 parts.
A variation of the concept, the 3-slice scaling, consists in a grid of 3 parts in which only the only the pixels in 2 parts (the edges) are protected and the pixels on the middle part are repeated.
History and use
The concept was first introduced in a consumer application by Macromedia in Flash 8 (2005).[2] and it was available as feature to scale symbols. Later on, in 2007 Adobe introduced it as a feature in Adobe Fireworks CS3[3] Adobe Illustrator and Adobe Flash.[4] Today is also a feature of game development applications like Unreal engine, Urho3D, and Unity 3D[5]
The technique can be used to manipulate both bitmap/raster graphics and vector graphics. A current implementation of the 9-slice technique is present on the CSS 3 Backgrounds and Borders spec[6] by using the border-image property.
References
- ^ "9-slice scaling explained". Lynda.com - from LinkedIn. Retrieved 2018-06-17.
- ^ "Macromedia - Flash : Flash 8 Release Notes". www.adobe.com. Retrieved 2017-10-08.
- ^ "Improved 9-slice scaling in Fireworks". www.adobe.com. Retrieved 2017-10-08.
- ^ Karlins, David (May 7, 2007). "Flash CS3 Professional". Macworld. Retrieved 2018-06-17.
- ^ Technologies, Unity. "Unity - Manual: 9-slicing Sprites". docs.unity3d.com. Retrieved 2017-10-08.
- ^ Bos, Bert; Etemad, Elika J.; Kemper, Brad (2014-09-09). "CSS Backgrounds and Borders Module Level 3". www.w3.org. Retrieved 2017-10-08.