Introducing v3 — a new editor, faster engine, and more.

See what's new
Resources
Using the design editor 08:44

Custom media and transformations

Upload your own images, videos, and SVG files to your media gallery and into your shader compositions, then place them precisely with transformations.

Your own assets are often the starting point for a shader composition. In this lesson, we'll look at uploading media (images, videos, and SVG files) to your media gallery and into your compositions, then cover the transformation tools that let you place everything precisely in the scene.

What's covered in this lesson

  • Uploading images, videos, and SVG files to your media gallery
  • Bringing media from the gallery into a shader composition
  • Positioning media with anchor points
  • Using pixel units for precise, resolution-independent placement
  • Combining media layers with the rest of your composition

Key concept

Media layers behave like any other component. Once your image, video, or SVG is in the composition, it can be masked, blended, distorted, and driven by effects, while transformations like anchor points and pixel units keep it exactly where you want it in the scene.

Next steps

Now that you know how to design with your own assets, the final basics lesson shows how to take a finished shader from the design editor straight into your codebase using the Shaders MCP.

Installing a shader via MCP

Next lesson

Installing a shader via MCP

03:54