Pixels mdx

Author: FileEX

web/src/pages/reference/Pixels.astro

@@ -0,0 +1,81 @@
+import AutoStarlightPage from '@src/components/AutoStarlightPage.astro';
+import { getSeeAlsoLinksFromList } from '@src/utils/general';
+import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';
+
+<AutoStarlightPage frontmatter={{
+    template: 'doc',
+    title: 'Texture pixels',
+    tableOfContents: {
+      maxHeadingLevel: 3
+    }
+}}>
+
+## Pixels
+* MTA refers to the raw information that a [texture](/reference/texture/) contains as **pixels**.
+* Pixels can be retrieved from any [texture](/reference/texture/) type including [render targets](/reference/dxCreateRenderTarget) and [screen sources](/reference/dxCreateScreenSource) by using the function [dxGetTexturePixels](/reference/dxGetTexturePixels).
+* Pixels are just a [string](/reference/string) to Lua, so they can be saved to a file or even sent over the internet.
+
+## Pixels properties
+
+Pixels have two properties:
+
+* **dimensions**: (width and height) which is retrieved by using the function [dxGetPixelsSize](/reference/dxGetPixelsSize).
+* **format**: (plain, jpeg, png, dds) which is retrieved by using the function [dxGetPixelsFormat](/reference/dxGetPixelsFormat)
+  * **plain** - Fastest and simplest - It's default format of the pixels returned by [dxGetTexturePixels](/reference/dxGetTexturePixels/) and the only one that can be used with [dxSetTexturePixels](/reference/dxSetTexturePixels), [dxGetPixelColor](/reference/dxGetPixelColor) and [dxSetPixelColor](/reference/dxSetPixelColor). But it also uses a lot of bytes, so internet transfers will be longer. Also can't be read by Photoshop or browsers etc.
+  * **png** - A few less bytes, still quite big for net transfers. Can be saved to a file and read by Photoshop and browsers etc.
+  * **jpeg** - A lot less bytes, so best for net transfers. Can be saved to a file and read by Photoshop and browsers etc.
+  * **dds** - DirectDraw Surface. Game's native texture format with various compressed and uncompressed options. Used to store standard, cube or volume textures. Compressed pixels in this format can be loaded nearly instantly by [dxCreateTexture](/reference/dxCreateTexture).
+
+To convert between the 3 different formats, use the function [dxConvertPixels](/reference/dxConvertPixels).
+
+## Pixels performance
+
+Getting/setting pixels from textures is not quick and not something you want to be doing every frame (in [onClientRender](/reference/onClientRender) for example). 
+
+Setting pixels to a [render target](/reference/dxCreateRenderTarget) is **especially slow**. Pixels are ideal however for transferring composite images built on a render target into a normal texture for later use. For example, making a custom radar map.
+
+## Examples
+
+Pixels can also be loaded from any png/jpeg file just like this:
+
+```lua
+local fileHandler = fileOpen("hello.jpg")
+
+if (not fileHandler) then
+	return false
+end
+
+local fileSize = fileGetSize(fileHandler)
+local filePixels = fileRead(fileHandler, fileSize)
+
+fileClose(fileHandler)
+```
+
+Pixels can be used to create textures just like this:
+
+```lua
+local newTexture = dxCreateTexture(pixelsData)`/>
+
+<p>Pixels can be used to save textures just like this:</p>
+<Code lang="lua" code=`local texturePixels = dxGetTexturePixels(myRenderTarget)
+local texturePixelsConverted = dxConvertPixels(texturePixels, "jpeg")
+local fileHandler = fileCreate("piccy.jpg")
+
+if (not fileHandler) then
+	return false
+end
+
+fileWrite(fileHandler, texturePixelsConverted)
+fileClose(fileHandler)
+```
+
+<SeeAlsoSection seeAlsoLinks={getSeeAlsoLinksFromList([
+        'reference:texture',
+        'reference:dxCreateTexture',
+        'reference:dxCreateRenderTarget',
+        'reference:dxSetTexturePixels',
+        'reference:dxGetTexturePixels',
+        'reference:dxConvertPixels',
+])} currentId='' />
+
+</AutoStarlightPage>

web/src/pages/reference/Pixels.mdx

@@ -1,6 +1,5 @@
 import AutoStarlightPage from '@src/components/AutoStarlightPage.astro';
 import CodeExamplesSection from '@src/components/CodeExamplesSection.astro';
-import { Code } from '@astrojs/starlight/components';
 import { getSeeAlsoLinksFromList } from '@src/utils/general';
 import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';
 import {sharedVars, clientVars, sharedEventVars, serverEventVars, sharedTimerVars} from '../../data/predefined_variables'