Skip to main content

Frames 🖼️

Frames add a pretty border around the screen! Think like a picture frame and your screen is the picture~

tip

These frames scale with the screen, so I highly suggest working on your material in a similar aspect ratio to your target screen (ex. a desktop's screen with a larger width than height) to get an accurate idea of what it will look like.

Modifiers​

Some styles have configurable settings. To avoid declaring tonnes of variables, Frames has a few Modifier variables re-used across different styles. See below for which styles use modifiers and what they do.

Style​

  • Pride: A horizontal rainbow gradient with a noise filter on top of it (made for pride month).
  • Trans: White background with blue and pink stripes to the right (made for pride month).
  • Music: A Spotify / Youtube Music-esque UI featuring a back button, forward button, and pause button. Modifier One here controls how far along the progress bar is for the "current song".
  • Polaroid: A simple coloured background frame with an inner frame representing how Polaroid print-outs looked like. A small vignette to make it look a bit prettier as well!
  • Super Eight: Makes the screen look like it's on Super-8 tape.
  • Magazine: Similar to Polaroid, but a different shape and even simpler. Basically how "Time" magazine covers are framed.
  • Fildom: Horizontal scrolling movie-film.
  • Neon: Colours that chase each other around the border of the screen! Either use two colours chasing each other, taking up equal length, or use the Rainbow value to make a whole spectrum of colours run around the edge of the screen. Smoothness here controls whether it's a blocky border or has a clean fade into the screen and is more subtle. I really like this effect!
  • Comic: Comic/manga panel layout.
  • Film Stripes: Two very configurable bars that scroll with a bunch of lines inside of them. It's easier to understand when you see it! Lines controls how many lines (and thus how thin they are) while Direction controls the angle in which the two bars appear on the screen (ex. horizontal, vertical, diagonal).

Apply​

Overlay puts the frame on top of the screen, while Out of Bounds fills in the area of the screen that is out of the normal 0-1 UV range. An example of the latter would be you are shaking the screen and the edges of the screen would normally end up tearing (or repeating with June's UV-cleaning), but instead now is filled in with the frame you choose.

Other Properties​

  • Some styles have various Colour properties.
  • You can change how big the frames are with the Scale property.