(One intermediate revision by one other user not shown)
Line 2:
Line 2:
<translate>
<translate>
<!--T:1-->
<!--T:1-->
{{stub}}
{{Infobox Component
{{Infobox Component
|Image=TiledRawImageComponent.png
|Image=TiledRawImageComponent.png
Line 9:
Line 8:
<!--T:2-->
<!--T:2-->
== Intoduction ==
The '''TiledRawImage''' component takes in a [[Type:ITexture2D|ITexture2D]] and renders it to the [[UIX]], and then tiles it if the image provided is too small. There are parameters to control how the tiling behaves for the UIX element that it is in.
<!--T:3-->
<!--T:3-->
== Usage ==
{{Table ComponentFields
{{Table ComponentFields
|Texture|ITexture2D|
|Texture|{{RootFieldType|AssetRef`1|[[Type:ITexture2D|ITexture2D]]}}|TypeAdv0=true|The tilable image to use.
|Material|Material|
|Material|{{RootFieldType|AssetRef`1|[[Type:Material|Material]]}}|TypeAdv1=true|The material that has a tilable image to use.
|Tint|Color|
|Tint|ColorX|The tint color for this image.
|SizeBasis|TileSizeBasis|
|SizeBasis|'''[[#TileSizeBasis|TileSizeBasis]]'''|TypeAdv3=true|Changes how the tiling behaves.
|TileSize|Float2|
|TileSize|Float2|How large this image is on the <code>X</code> and <code>Y</code>.
|TileOffset|Float2|
|TileOffset|Float2|How much this image should be moved on the <code>X</code> and <code>Y</code>.
|InteractionTarget|Bool|
|InteractionTarget|Bool|Makes this image as the interaction target for this UIX.
}}
}}
<!--T:4-->
<!--T:4-->
== Behavior ==
== Usage ==
This can be used to make fancy backgrounds or image effects. And like with other images, this can be layered for even more effects.
The TiledRawImage component takes in a ITexture2D and renders it to the UIX, and then tiles it if the image provided is too small. There are parameters to control how the tiling behaves for the UIX element that it is in.
