Flex4 Text Label and filters (BevelFilter)

Nov 30th, 2010 | Posted by Michael

Following simple example show Label filters usage ,First you must download this great plugins Gonta and import gonta swc same as my last post

http://flex4fun.com/2010/11/22/flex4-image-reflex-wetfloorfilter/

<?xml version="1.0" encoding="utf-8"?>
<!--created:Nov 26, 2010 file:FontReflex.mxml  author:Michael -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:filters="org.gonta.filters.*" backgroundColor="0" viewSourceURL="srcview/index.html">
	<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		@font-face {
			src: url("assets/armalite.ttf");
			fontFamily: myFont;
			embedAsCFF:true;

		}
		s|Label
		{
			font-size:150;
			font-family:"myFont";

		}
	</fx:Style>
	<s:layout>
		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/>
	</s:layout>

	<s:Label text="Flex4Fun" id="myText" color="0x3a5273" cacheAsBitmap="true">
		<s:filters>
			<filters:WetFloorFilter y="{this.myText.height-30}" alpha=".5" height="50" />
			<s:BevelFilter  blurX="30" distance="10" shadowColor="0x073bfc"/>
		</s:filters>
	</s:Label>
</s:Application>

Demo and Source

Originally posted 2010-11-26 00:34:23.

No comments yet.
*

Popular Arichives