atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

その17:コントロールにパースをかける。

SL3(だったかな?)で実装されたPerspective 3Dです。

1.パースをかけたいコントロールをアートボードに設置します。

2.TransformパネルのProjectionの数値を変更します。

3.適当に数値を変更してみました。

簡単ですね!
xamlで書くとこうなります。

<Button Content="Button" Margin="71,134,71,141">
	<Button.Projection>
		<PlaneProjection RotationX="-409" RotationZ="17" RotationY="-44"/>
	</Button.Projection>
</Button>

蜜葉はこれが好きで、アニメーションと組み合わせると簡単にかっこいいのが出来るきがします。