Silverlight 游戏开发“.NET研究”小技巧:星球大战字幕效果
2011-10-15 19:52
726 查看
各位科幻迷可能对星球大战的字幕效果印象深刻,这个电影字幕表现手法曾经风靡大小美国影片,甚至超人影片和电视也曾经用此来做开场和结尾字幕,今天我就将这个效果在blend里面制作技巧告诉大家,下面是星球大战的图片:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/c09ad0110bb43da6be91e2206031a357.jpg)
可能大家觉得这做成一个游戏开发技巧有点牵强,我计划以此作为引子,引出有关于Silverlight特效制作的关键知识点——Projection,在直接翻译上是投影的意思,但是一般我们称之为3D变换,RenderTransform一般是2D的变换,如果使用了Projection那么就能弄出非常有趣的效果。
找到它并不难,在Blend里面选择任何一个控件,就能在属性中找到。
[url=http://images.cnblogs.com/cnblogs_com/nowpaper/201102/201102050045056521.jpg]
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/7c33901f18883e1a89fb12e1079a7531.jpg)
那么我们先建立一个工程,添加一个用户控件StarCaption,你可以将StarCaption作为字幕控件的基本容器,这个大小可以固定也可以不用固定,现在添加一个TextBlock到LayoutRoot中,让所有边距全部自动拉伸。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/c65df40df64d2e9c275009a6da1f225a.jpg)
把文字的对齐方式设置为居中(Center),并且调整文字的大小和字体,直到满意为之,并且加上一些测试文字,这样会更加直观。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/b675b78d1cbf32c12ebda988eb579995.jpg)
现在选择Projection,将旋转的参数设置成下面的一样。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/06b5867311381d3b0ef4c5a8713ab439.jpg)
现在将Global Offset的Y设为150,以及Lacol Offset的Y设置为400。
上海闵行企业网站制作block; margin-left: auto; margin-right: auto;" title="image" src="http://images.cnblogs.com/cnblogs_com/nowpaper/201102/201102050045227225.png" border="0" alt="ima上海企业网站设计与制作ge" width="244" height="114" />上海网站建设auto;" title="image" src="http://images.cnblogs.com/cnblogs_com/nowpaper/201102/201102050045245820.png" border="0" alt="image" width="244" height="117" /> 好了,现在只需要调整一下Lacol Offset就能看到效果了,怎么样不错吧,最后打开故事板,做一个动画,比如说一分钟长度的Lacol Offset属性的位移操作。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/fe8f0539f013d02c96c06ba36ceba352.jpg)
好了,将控件添加到MainPage中,进行简单的设计就可以完成这个特效了,后面连续的几篇都是和Projection有关,虽然简单,但是建议各位有一个比较好的理解。上海徐汇企业网站制作
源代码下载地址如下:点击直接下载
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/c09ad0110bb43da6be91e2206031a357.jpg)
可能大家觉得这做成一个游戏开发技巧有点牵强,我计划以此作为引子,引出有关于Silverlight特效制作的关键知识点——Projection,在直接翻译上是投影的意思,但是一般我们称之为3D变换,RenderTransform一般是2D的变换,如果使用了Projection那么就能弄出非常有趣的效果。
找到它并不难,在Blend里面选择任何一个控件,就能在属性中找到。
[url=http://images.cnblogs.com/cnblogs_com/nowpaper/201102/201102050045056521.jpg]
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/7c33901f18883e1a89fb12e1079a7531.jpg)
那么我们先建立一个工程,添加一个用户控件StarCaption,你可以将StarCaption作为字幕控件的基本容器,这个大小可以固定也可以不用固定,现在添加一个TextBlock到LayoutRoot中,让所有边距全部自动拉伸。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/c65df40df64d2e9c275009a6da1f225a.jpg)
把文字的对齐方式设置为居中(Center),并且调整文字的大小和字体,直到满意为之,并且加上一些测试文字,这样会更加直观。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/b675b78d1cbf32c12ebda988eb579995.jpg)
现在选择Projection,将旋转的参数设置成下面的一样。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/06b5867311381d3b0ef4c5a8713ab439.jpg)
现在将Global Offset的Y设为150,以及Lacol Offset的Y设置为400。
上海闵行企业网站制作block; margin-left: auto; margin-right: auto;" title="image" src="http://images.cnblogs.com/cnblogs_com/nowpaper/201102/201102050045227225.png" border="0" alt="ima上海企业网站设计与制作ge" width="244" height="114" />上海网站建设auto;" title="image" src="http://images.cnblogs.com/cnblogs_com/nowpaper/201102/201102050045245820.png" border="0" alt="image" width="244" height="117" /> 好了,现在只需要调整一下Lacol Offset就能看到效果了,怎么样不错吧,最后打开故事板,做一个动画,比如说一分钟长度的Lacol Offset属性的位移操作。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201110/fe8f0539f013d02c96c06ba36ceba352.jpg)
好了,将控件添加到MainPage中,进行简单的设计就可以完成这个特效了,后面连续的几篇都是和Projection有关,虽然简单,但是建议各位有一个比较好的理解。上海徐汇企业网站制作
源代码下载地址如下:点击直接下载
相关文章推荐
- 一起谈.NET技术,Silverlight 游戏开发小技巧:星球大战字幕效果
- Silverlight 游戏开发小技巧:星球大战字幕效果
- Silverlight 游戏开发小技巧:星球大战字幕效果
- Silverlight 游戏开发小技巧:技能冷却效果2(Cool“.NET研究”down)2
- Silverlight 游戏开发小技巧:轨迹跟随“.NET研究”效果
- Silver“.NET研究”light 游戏开发小技巧:透明背景的Silverlight程序
- 一起谈.NET技术,Silverlight 游戏开发小技巧:轨迹跟随效果
- Silverlight 游戏开发小技巧:“.NET研究”冲击技能特效制作
- Silverlight 游戏开发小“.NET研究”技巧:技能冷却效果(Cooldown)
- Silverlight 游戏开发“.NET研究”小技巧:血条和进度条
- 一起谈.NET技术,Silverlight 游戏开发小技巧:技能冷却效果2(Cooldown)2
- 一起谈.NET技术,Silverlight 游戏开发小技巧:技能冷却效果(Cooldown)
- Silver“.NET研究”light 游戏开发小技巧:实现街霸4的选人界面
- Silverli“.NET研究”ght 游戏开发小技巧:传送点特效制作
- Silverlight 游戏开发小技巧:技能冷却效果2(Cooldown)2
- 一起谈.NET技术,Silverlight 游戏开发小技巧:动感弹出动画
- Silver“.NET研究”light 游戏开发小技巧:升级和传送点特效1
- Silverlight 游戏开发小技巧:技能冷却效果2(Cooldown)2
- 一起谈.NET技术,Silverlight 游戏开发小技巧:动感小菜单2
- 一起谈.NET技术,Silverlight 游戏开发小技巧:透明背景的Silverlight程序