# 2D Shear Effect

#### <a class="anchor" id="bkmrk--1"></a>Description

This chapter briefly describes how to use the 2D shear effect.

<div class="contents" id="bkmrk-ensure-that-this-eff"><div class="contents"><div class="textblock"><dl class="note"><dt></dt><dd><p class="callout info">Ensure that this effect is supported by the device platform in use.</p>

</dd></dl></div></div></div>#### <a class="anchor" id="bkmrk--2"></a>**2D Configure a Shear Effect** 

##### <a class="anchor" id="bkmrk--3"></a>Shear Effect

By using [Candera::ShearBitmapBrushBlend](http://dev.doc.cgistudio.at/APILINK/class_candera_1_1_shear_bitmap_brush_blend.html "Draws a sheared image. The ShearAngleX and the ShearAngleY can be modified."), the effect shears the incoming surface horizontally and vertically using the given angles.

Following properties for shearing can be configured:

<div class="contents" id="bkmrk-shear-angle-x-shear-"><div class="contents"><div class="textblock">- Shear Angle X
- Shear Angle Y

</div></div></div>Following is an example of a skewed bitmap, with the angles (in degree): X = 20 and Y = 30.

<div drawio-diagram="2679"><img src="https://doc316en.candera.eu/uploads/images/drawio/2023-02/drawing-4-1677466983.png" alt=""/></div>

<div class="contents" id="bkmrk--0"><div class="contents"><div class="textblock">  
</div></div></div>Refer to <span style="color: rgb(230, 126, 35);">[SceneComposer User Manual](https://doc316en.candera.eu/books/scene-design/page/effects)</span> about how to configure a ShearBitmapBrushBlend effect in a 2D scene.

#### **Modify 2D Shear Effect Properties** 

##### <a class="anchor" id="bkmrk--5"></a>Set Shear Angles

Horizontal and a vertical skew can be modified by setting the ShearAngle to proper values. You can set both, horizontal and vertical skew, to values from -180 to 180.

Example:

```
    // Set Shear Angles X and Y
    shear.ShearAngleX().Set(30.0f);
    shear.ShearAngleY().Set(20.0f);
    // End Set Shear Angles X and Y
```