Post Process Effects(후처리 효과)

뷰포트를 통해 경험이 보여지는 방식을 변경합니다.

무엇인가요?

Post Processing Effects(후처리 효과) 비헤이비어는 플레이어의 뷰포트에 비주얼 모디파이어를 적용합니다.

비헤이비어에는 Psychadelic(싸이키델릭), Black & White(흑백), Vintage(빈티지), Grunge(그런지) 등 다양한 사전 정의 이펙트가 제공되며, 파라미터를 조정해 독특한 모습을 만들어낼 수 있습니다.

Post Processing Effects는 카메라에 적용되는 계산으로 장면의 실제 블록이나 오브젝트가 아닌 비주얼을 변경합니다.

Bloom(블룸), Ambient Occlustion(앰비언트 오클루전), Color Correction(색상 보정), Depth of field(피사계 심도) 흐림 등의 도구를 이용해 비주얼을 조정할 수 있습니다.

이 비헤이비어는 경험 내에 보이는 애셋을 필요로 하지 않으며, 경험 전체에 적용됩니다. 로직 액터와 함께 사용하는 데 리소스를 절약할 수 있습니다.

비헤이비어 적용하기

해당 비헤이비어는 Synchronized에 해당하므로, 비헤이비어 팝업창이 오픈될 때 기본 보기에 표시되지 않습니다.

비헤이비어를 선택하려면 우측 상단의 ‘Type’ 필터를 클릭하고 ‘Synchronized’를 선택합니다.

파라미터

Wait for Message

Wait for Message가 ‘FALSE’로 설정되면 경험이 로딩되는 즉시 Post Processing Effect가 활성화됩니다.

Wait for Message가 ‘TRUE’로 설정되면 비헤이비어가 특정 메시지를 수신할 때만 Post Processing Effect가 활성화됩니다.

토글이 ‘TRUE’로 설정되면 Message to Switch 필드가 나타나며, 이를 이용해 기존 메시지를 선택하거나 비헤이비어 트리거에 이용할 새로운 메시지를 생성할 수 있습니다.

Profile

Post Process Effects 비헤이비어에는 Psychadelic, Black & White, Vintage, Grunge 등 드롭다운에서 선택할 수 있는 다양한 프리셋 효과가 제공됩니다.

Default(기본) 옵션도 제공되며, 이를 선택하면 경험 환경을 기본 설정으로 되돌릴 수 있습니다.

Custom을 선택하면 필요에 맞게 새롭고 고유한 모습을 만들 수 있는 다양한 파라미터가 표시됩니다.

Custom Effects

Profile 드롭다운 리스트에서 Custom이 선택되면 새로운 변수의 집합을 사용할 수 있게 됩니다.

Bloom(블룸), Colour(색상), Depth of Field(피사계 심도), Grain(그레인), Chromatic Aberration(색수차), Motion Blur(모션 블러), Lens Distortion(렌즈 왜곡), Vignette(비네팅)의 커스텀 효과를 조정하여 독특한 모습을 만들 수 있습니다.

Bloom

This parameter causes high-vibrance colours to blur slightly into surrounding pixels, giving the impression of glowing.

Bloom Threshold [Value]

Bloom threshold refers to the brightness level at which the pixels begin to glow.

Pixels with a brightness greater than the threshold value will be affected by the bloom effect, while pixels with a brightness less than the threshold value will not be affected.

If the Bloom Threshold is set low, for example, to 0.10, then even low vibrance pixels in the scene will be affected. As the value increases, fewer pixels will react according to their level of vibrance.

In the image on the left, the Bloom Threshold is set to 0.8, so high-vibrance pixels, like red, are affected the most. The image on the right has a Bloom Threshold set to 0.0, so low-vibrance pixels (even black) are affected by Bloom.

Setting Bloom Threshold to a high value, such as 0.8 or 0.9, will ensure that only very bright pixels are affected by the effect. Lowering the threshold will cause more pixels to be included in the bloom effect and could be used to achieve more intense ‘dream-like’ states.

Bloom Intensity

This variable controls the strength of the bloom effect.

It can be set to a range of values from 0 to 1, with 0 being no bloom effect and 1 being the maximum bloom effect.

A higher value will result in a stronger and more visible Bloom effect.

In the following example, both images have a Bloom Threshold of 0.5.

The image on the left has a Bloom Intensity of 0.1, and the effect is hard to see even though there are pixels above the threshold.

The image on the right has intensity set to 1.0, and the Bloom Effect can be seen working on the most vibrant pixels.

Bloom Scatter

This parameter controls the spread of the Bloom effect and can be set to a value between 0 and 1, with 0 being no spread and 1 being the maximum spread.

A higher value will result in a broader, more diffused Bloom effect, while a lower value will result in a more concentrated and focused bloom effect.

In the image below Threshold has been set to 0.5 and the Intensity to 1.00.

From left to right, the Bloom Scatter has been set to 0.00, 0.3, 0.6, and 1.00, resulting in a range from no Bloom Scatter to a full Bloom Scatter.

Bloom Tint

This parameter allows you to adjust the colour of the Bloom effect.

The colour can be selected by clicking on the colour bar in the Properties Panel and then using the colour picker.

Pixels of the same colour as the chosen tint will appear to ‘pop’ more.

Colour Adjustment

Colour Adjustment impacts the overall colour of the scene and influences anything in the viewport, including the colour of Blocks, Objects, and the Skybox.

Creators can customise the effect to achieve a specific mood or atmosphere in an experience by editing Exposure, Contrast, Colour, Hue, and Saturation.

Colour Adjustment Exposure

This variable controls the overall brightness of the image. Increasing the exposure will make the image brighter while decreasing the exposure will make the image darker.

While the value field has no numerical limit, the range at which exposure impacts the scene is between -5 and 5. Setting the value to 0 will result in no adjustment, while negative values will decrease the exposure, and positive values will increase the exposure.

Decreasing the contrast will make the image more ‘washed out’, and at -100, the experience will be impossible to see.

Colour Adjustment Filter

This variable allows you to add a colour filter to the entire scene by using the colour picker tool in the Properties Panel.

Choosing a colour other than white will influence the colours of Blocks and Objects depending on how light or dark they already are. Lighter colours in the scene will take on more of the filter colour than dark colours in the scene.

When selecting a colour, consider using high Vibrance but midrange Saturation. This will create a more subtle effect that will influence the scene without reducing visibility.

Colour Adjustment Hue Shift

This variable changes the colours in a scene by ‘shifting’ existing Hues to their neighbouring Hue around the colour wheel.

Adjusting this variable starts at a value of 0.00, representing the original Hue and means there's been no 'shift' in either direction around the colour wheel.

Because a full rotation around a circle is 360 degrees, the Hue can be 'shifted' from 0.00 by setting a positive OR negative value between -180 and 180. This will move the Hue in one direction or the other around the colour wheel.

In the image below, the original Hue is represented by the BLUE centre Block, which has a Hue Shift value of 0.00 (no Hue Shift).

In the image to the right of the centre Block, the Hue Shift value is set to 0. 90, which moves the Hue a quarter of the way around the colour wheel, resulting in a PINK Hue.

The image to the far right has Hue Shift set to a value of 180, moving the Hue halfway around the colour wheel to ORANGE and corresponding with the opposite side of the original Hue.

A value of -180 and 180 will result in the same colour, as each value equally moves the Hue halfway around the colour wheel from the original Hue.

Colour Adjustment Saturation

This variable controls the intensity of the colours in the scene.

Increasing the saturation will make the colours more vibrant while decreasing the saturation will mute colours.

This variable can be customised to any value, but the active effect range sits between -100 (decreasing the saturation) and 100 (increasing the saturation), with a value of 0 resulting in no adjustment.

Set Saturation to a value of -100 to achieve a black-and-white look.

Depth of Field

Depth of Field (DOF) defines the distance from the camera at which the environment, and objects within the environment, are either in or out of focus.

Depth of Field mimics the way the human eye focus and is used heavily in film, and is considered a key element when achieving a classic cinematic look.

This parameter simulates DOF but doesn’t work like a lens on a camera. Instead, it establishes a distance at which the blur starts and a distance where it ends.

This range is defined by Start Distance, End Distance, and Field Radius and the values are measured in meters (1 Block = 1 meter).

From the Camera to the Start Distance, there is no blur, from Start Distance to End Distance, there will be a linear increase in the blur, and from End Distance onward, the blur will be at its maximum.

Because the Depth of Field is set from the location of the CAMERA, not the AVATAR, keep in mind the Global Camera Settings when using this effect, as the parameters for the camera, such as 1st Person, 3rd Person, Angled, and Top Down, will drastically affect the end result.

Depth of Field Start Distance

This variable controls the distance from the camera at which the effect begins. Only Objects closer than the set distance will be in focus.

Depth of Field End Distance

This variable controls the distance from the camera at which the effect ends. Objects farther away from the camera than this distance will gradually become blurrier.

The distance between the Start and the End is called the focal length. If the distance between the Start and the End is only a small range, this would be referred to as a ‘short’ focal length.

Depth of Field Radius

The radius impacts how many pixels will offset the read to generate the blur, and while any number can be entered, the active range is between 0 and 2, where 0 results in no DOF at all.

Field Radius needs to be set to greater than 0 for the DOF effect to be active.

Grain

This effect adds a film grain appearance to the viewport, making everything in the scene look ‘muddier’ or more pixelated.

This effect is often used to mimic the look of TV screens or ‘flashbacks’, and while it’s a good tool for distinguishing different states, it also has the effect of ‘reducing’ quality.

Grain Intensity

Grain Intensity can be set using the slider or by directly entering a value between 0 and 1, where 0 is no grain and 1 is the maximum grain.

Chromatic Aberration

This causes the primary colours in the scene (Red, Green, and Blue) to displace slightly from each other and has a greater effect on the field of view near the edge of the viewport.

Chromatic Aberration Intensity

Chromatic Aberration can be set using the slider or by directly entering a value between 0 and 1. In the image below, the left side has a value of 0, resulting in no Chromatic Aberration, and the right side has a value of 1, which results in maximum Chromatic Aberration.

Motion Blur

This effect adds a blur to the camera when it moves, which simulates the human eye, and can add a greater sense of speed and dynamic motion.

The effect is most noticeable during quick or vigorous movement that causes the camera to move suddenly from one location to another, such as when the Avatar is sprinting or jumping or when the camera is rotated around the Avatar from one perspective to another.

Motion Blur Intensity

Motion Blur Intensity can be set using the slider or by directly entering a value between 0 and 1, where 0 is no Blur, and 1 is the maximum Blur.

The below image shows values from left to right at 0.0, 0.2, 0.4, 0.6, 0.8, and 1.00, resulting in no blur through to an intense blur.

Lens Distortion

This effect simulates distortion caused by the shape of a camera lens.

In the above example, a fish-eye effect is created by warping the edges of the screen and scaling the image further away from the default view.

This is done by setting the Intensity to 1.0, the X Multiplier to 1.00, the Y Multiplier to 0.70, and the Scale to 0.5.

The X Multiplier or Y Multiplier must be set to at least 0.01 for Intensity or Scale to work.

Lens Distortion Intensity

This variable controls the overall amount of distortion applied to the scene and acts as an amplifier based on the parameters set in X Multiplier, Y Multiplier, or Scale.

Distortion Intensity won't make any impact if the accompanying variables aren’t set.

The value of this variable can be selected using the slider, or it can be entered in the field using a range between 0 and 1, where 0 is no distortion, and 1 is maximum distortion.

Lens Distortion X Multiplier

This parameter controls the amount of distortion applied along the X-axis of the scene (running from the left to the right of the viewport), can be adjusted using the slider or entered directly into the field, and can be set between 0 and 1.

A positive value will result in a stretching and bulging effect, as though the image in the viewport is being pulled out to the sides of the screen while the centre appears to be pushed outwards towards the viewer.

Because of the curve and stretch created by the effect, objects closer to the edge of the screen will appear smaller, while objects closer to the centre of the screen will appear magnified.

The higher Distortion Intensity is set, the more pronounced the curve of the distortion will be.

Lens Distortion Y Multiplier

This parameter controls the amount of distortion applied along the Y-axis of the scene (running from the top to the bottom of the viewport).

This value can be adjusted using the slider or entered directly into the field and can be set between 0 and 1.

A positive value will result in a stretching and bulging effect similar to the X Multiplier, the image will still curve outwards in the centre, but the image will be pulled towards the top and bottom of the screen.

Lens Distortion Scale

This parameter controls global screen scaling, which zooms the camera closer towards or further away from the default view.

This value can be set in a range between 0.01 and 5, where 1 is the default view and applies no scaling, 5 is maximum scaling, and 0.01 is the minimum scaling.

While setting maximum (5) and minimum (00.1) values result in a larger distortion effect, the scene will become almost unreadable or too pixelated beyond a range of 0.20 and 2

Vignette

Vignetting refers to the gradual reduction of an image's brightness or saturation around the edges of the screen.

This effect is often used to draw the viewer's attention to the centre of the frame, and while this can lend a classic film feel, it also comes at the cost of reducing the field of view.

Vignette Colour

This variable is used to define the colour of the Vignette.

To choose a colour, click on the colour bar in the Properties Panel and make a selection using the colour picker, sliders, or hex code.

The Vignette acts as a mask, where white represents total transparency, and black represents no transparency. To adjust the colour for varying degrees of transparency, you can use the saturation and Vibrance sliders.

Setting the Saturation of the colour will determine how transparent the effect will be as it moves closer to or further away from white. A high Saturation will be more transparent, and a low Saturation will be less transparent. Setting the colour to white will make the Vignette totally transparent.

Setting the vibrance of the colour will also determine how transparent the effect will be as it moves closer to or further away from black. A high Vibrance will have more of the chosen colour and more transparency, while a low Vibrance will get gradually darker and less transparent. Setting the colour to black will make the Vignette totally solid.

If the effect is set to be semi-transparent, even at maximum intensity, the colour of the Vignette will appear darker when overlaid on darker surfaces and brighter on lighter surfaces.

Vignette Intensity

Vignette Intensity controls the transparency and fall-off of transparency from the centre of the screen to the other edges of the screen.

This variable can be set between 0-1, where 0 results in no Vignette, and 1 creates a thick semi-transparent border around the screen, leaving only a small oval or circle in the centre of the screen.

Using values between 0-0.5 will add a dark border to the screen that will become more transparent closer to the centre of the screen.

From 0.5 - 1, the outer edges of the effect will be a consistent level of transparency, and there will be less fade towards the centre of the screen.