← Recipe: package an image and compose visuals

1. Create the project

luastra/assets · UI.Image · UI.Shape · about 15 minutes
luastra create visuals-recipe

Create a starter and place a real PNG at the exact path that the manifest will admit.

When to use it

Run this online for the sample, or save your own PNG as assets/luastra-mark.png before continuing.

  • The sample is a 512 × 512 RGBA PNG from the public Luastra repository.
  • If you use another image format, change both the filename and mediaType in the manifest.

Focused example

luastra create visuals-recipe
cd visuals-recipe
mkdir -p assets
curl -fL https://raw.githubusercontent.com/Luastra/luastra/main/examples/live-visuals/assets/luastra-mark.png \
  -o assets/luastra-mark.png
# Windows PowerShell alternative:
# New-Item -ItemType Directory -Force assets
# Invoke-WebRequest <the same URL> -OutFile assets/luastra-mark.png

Complete inventory

View all pages in Recipe: package an image and compose visuals
Next: 2. Replace luastra.json →