Silverlight 解谜游戏 之十三 游戏暗示(2)
完成本篇将实现如下效果:
2. 接上一篇内容,我们继续对暗示功能进行制作(通过光环动画进行暗示)。点击“HINT” 后会在屏幕中出现光环对玩家进行提示:
2.1. 将光环图片flare.png 加入项目,命名为hintFlareImage,并将其拖入Layout:
2.2. 对hintFlareImage 的XAML 进行一些调整,目的是为了后面运行Storyboard:
<Image Height="99.49" Width="72.601" Canvas.Left="365.074" Canvas.Top="334.773" Source="Images/notepad.png" Stretch="Fill" RenderTransformOrigin="0.5,0.5"><Image.RenderTransform><TransformGroup><ScaleTransform/><SkewTransform/><RotateTransform/><TranslateTransform/></TransformGroup></Image.RenderTransform> </Image>
2.3. 继续在MainPage.xaml 加入另外两个StoryBoard,ShowHintStoryboard 和RotateHintStoryboard,分别用于显示和旋转光环:
<Storyboard x:Name="ShowHintStoryboard" AutoReverse="True"><DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hintFlareImage" Storyboard.TargetProperty="(UIElement.Opacity)"><EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/><EasingDoubleKeyFrame KeyTime="00:00:02" Value="0.8"/></DoubleAnimationUsingKeyFrames> </Storyboard> <Storyboard x:Name="RotateHintStoryboard"><DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="hintFlareImage" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"><EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/><EasingDoubleKeyFrame KeyTime="00:00:04" Value="360"/></DoubleAnimationUsingKeyFrames> </Storyboard>
2.4. 为hintTextBlock 添加两个新ControlStoryboardAction,它们将分别用于执行ShowHintStoryboard 和RotateHintStoryboard:
<
3. 最后再通过Behavior 来控制在哪显示暗示光环,将一下Class 加入Project,并进行编译:
回到Blend,在UserControl 中加入HintBehavior:
新增EventTrigger,将HintOverlayName 设为hintFlareImage:
点击上图的HintItems Collection,对将要暗示的物品进行设置,其中OriginX(Y)Variance 为光环与Path的位置偏差:
运行程序看看效果吧,源代码下载:
微软官方Expression Blend 教程:Learn Expression Blend
Silverlight 解谜游戏 之十三 游戏暗示(2)相关推荐
- Silverlight 解谜游戏 之十六 消失的蒙娜丽莎
在<Silverlight 解谜游戏 之三 消除名单>中我们通过在物品轮廓画出Path 来达到消除物品的效果,由于游戏中的物品都是Office 图片的一部分所以无法使其真正消失,本篇我们将 ...
- Silverlight 解谜游戏 之十七 胜利界面优化
在<Silverlight 解谜游戏 之九 胜利通关>一文中我们制作了一个"You WIN" 的游戏结束界面,细心的同学可能发现当找到最后一个物品后GoToStateA ...
- Silverlight 解谜游戏 之七 放大镜(3)
在前两篇文章中,我们已经创建了"放大镜效果"和"放大镜CheckBox",本篇内容将通过CheckBox来控制放大镜效果的开/关状态,并完成全部"放大 ...
- 基于声网 Flat 实现“成语解谜”的 Web 小游戏
前言 本文作者赵杭天.他参加了"2022 RTE(Real-time Engagement,实时互动) 编程挑战赛"--"赛道二 场景化白板插件应用开发" , ...
- JAVA探险解谜游戏_【盘点】解谜冒险必玩游戏
[盘点]解谜冒险必玩游戏 2020-10-23 17:23:39 9点赞 6收藏 0评论 <遗留之人>(steam) <遗留之人(Those Who Remain)>是一款心理 ...
- Silverlight 解谜游戏 之十四 音效
在前面的篇章中我们制作了很多动态效果,作为一个游戏来说除了视觉效果外当然还需要有音乐效果.本篇就要为游戏增加一些音效,比如到物品被找到时会发出音乐提示,在游戏进行过程中会有背景音乐,这样可以使游戏更加 ...
- Silverlight 解谜游戏 之四 粒子特效
前几篇一直在Blend中工作没体现出开发者的作用,本篇将为订书器(Stapler)添加自定义粒子效果,当订书器被点击时产生更好的视觉效果.其中将使用到nerdplusart 的Silverlight ...
- Silverlight 解谜游戏 之三 消除名单
本篇将通过钢笔(Pen)工具为Office图片中的物品添加热点,当玩家找到图中物品时,通过ChangePropertyAction调整题板上的物品名称的不透明度(Opacity).下文以订书器(Sta ...
- 几款最新的解谜单机小游戏
2019独角兽企业重金招聘Python工程师标准>>> 找到几款新出的解谜类小游戏分享一下. 美女餐厅侦探社 游戏简介 "餐厅小镇"的众多商铺中也会发生一 ...
最新文章
- PHP-密码学算法及其应用-对称密码算法
- VUE的本地应用-V- on
- SAP Variant Conditions in Purchasing using reference characteristics【中英文双语版】
- 树的子结构 (剑指offer)
- 黄聪:NaviCat通过Http方式连接服务器的MySQL数据库(转)
- 基于Policy Gradient实现CartPole
- html点击图片换几种颜色,css实现点击给物品换颜色
- spring boot admin 2.2 获取日志失败_SB实战20-Spring Boot的日志和报告
- WMI 查询分析工具更新
- Scrapy实战之阳光热线问政平台
- PS 学习笔记(一)
- 笔记11-继承修饰符
- python实现舒尔特方格
- 2021支付宝集五福【最全攻略】!
- php各种编码集详解和在什么情况下进行使用
- 下载微软虚拟学院视频字幕,解决本地播放没有字幕
- Python数据分析之证券之星沪深A股基本信息爬取与分析
- EBS INV 计算现有量(标准API)、保留量、可用量 ---根据批次、库存组织、子库
- Stream方法使用
- BAT常问面试题JVM