[Silverlight动画]转向行为 - 对象回避

简介: 对象回避主题的完整意义是指,在机车行走的路线中存在一些障碍物,机车必须绕开、防止触碰到它们。听上去和碰撞检测有关,然而这仅仅是发生在预测阶段,也就是:“以我当前的速度行驶下去,可能就会撞到它了。

 

对象回避主题的完整意义是指,在机车行走的路线中存在一些障碍物,机车必须绕开、防止触碰到它们。听上去和碰撞检测有关,然而这仅仅是发生在预测阶段,也就是:“以我当前的速度行驶下去,可能就会撞到它了。”
既然碰撞是预测的,就得长点脑子确保碰撞不会发生。你可能正幼稚的想,那停下来或者调头不就行了嘛,你忘了有很多行为是在同时发生着的。如果要躲避的是一个食肉动物,光靠停下来或者躲在树后面显然是不明智的。凡有脑子的,此时会采取一切手段来躲避,而食肉动物也同样会绕开障碍物来追捕你。
另外,如果要避开一个非常接近的东西,就必须改变路线。可能在沙漠中,发现远处有座金字塔,稍作调整甚至不作调整的继续前进都不会碰到它。而如果金字塔就在你面前,为了不撞上去,起码要转差不多90度左右。
现在了解了该行为的复杂程度,以及为什么存在那么多不同的实现方式了吧。在大多数解决方案中,首先把障碍物看作是一个圆(3D中是球)。实际上障碍物可能并不是圆,但为了计算方便,还是把它们想象成一个有中心点和半径的对象。注意,通常情况下碰撞检测不需要严格到像素级别,只要大致的知道其大小和位置即可,然后设法绕开它。这里是用来描述障碍物的圆类:
  public partial class Circle : UserControl
    {
        private double _radius;
        private Color _color;

        public double Radius {
            get { return _radius; }
            set { _radius = value; }
        }

        public Vector2D position {
            get { return new Vector2D(_compositeTransform.TranslateX, _compositeTransform.TranslateY); }
        }

        private CompositeTransform _compositeTransform;
        private TransformGroup _transformGroup;

        public Circle()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(Circle_Loaded);
        }

        public void init(double radius,Color color) {
            xCircle.Width = radius * 2;
            xCircle.Height = radius * 2;
            xCircle.Fill = new SolidColorBrush(color);
            xCircle.Margin = new Thickness(-radius, -radius, 0, 0);
            _radius = radius;
            _color = color;
        }

        void Circle_Loaded(object sender, RoutedEventArgs e)
        {
            var transformGroup = this.RenderTransform as TransformGroup;
            if (transformGroup == null)
            {
                _transformGroup = new TransformGroup();
                this.RenderTransform = _transformGroup;
                _compositeTransform = new CompositeTransform();
                _transformGroup.Children.Add(_compositeTransform);
            }
        }

        public double x
        {
            get
            {
                return _compositeTransform.TranslateX;
            }
            set
            {
                _compositeTransform.TranslateX = value;
            }
        }

        public double y
        {
            get
            {
                return _compositeTransform.TranslateY;
            }
            set
            {
                _compositeTransform.TranslateY = value;
            }
        }
    }
这个类很简单,通过半径和颜色画出一个圆,并且有两个只读属性,半径和位置。由于是在向量环境中计算,所以位置返回一个2D向量。现在开始讲述回避行为的实现。
由于要回避的对象通常不止一个,所以回避函数通过对一个数组的遍历来确认哪些需要被避开。为此,会计算出一个转向力。
        private double _avoidDistance = 300;
        private double _avoidBuffer = 20;
        public void avoid(List<Circle> circles) {
            foreach (var circle in circles)
            {
                Vector2D heading = _velocity.clone().normalize();

                //障碍物和机车的位移向量
                Vector2D difference = circle.position.subtract(_postion);
                double dorProd = difference.dotProd(heading);

                //如果障碍物在机车前方
                if (dorProd>0)
                {
                    //机车的触角
                    Vector2D feeler = heading.multiply(_avoidDistance);
                    //位移在触角上的映射
                    Vector2D projection = heading.multiply(dorProd);
                    //障碍物离触角的距离
                    double dist = projection.subtract(difference).length;

                    //如果触角在计算上缓冲后和障碍物相交并且位移的映射的长度小于触角的长度,我们就说是将要发生碰撞,需要改变运行方向
                    if (dist<circle.Radius+_avoidBuffer&&projection.length<feeler.length)
                    {
                        //计算出一个90度的转向力
                        Vector2D force = heading.multiply(_maxSpeed);
                        force.angle += difference.sign(_velocity) * Math.PI / 2;

                        //通过距离障碍物的距离,调整力度大小,使之足够小但又能避开
                        force = force.multiply(1.0 - projection.length / feeler.length);

                        // 叠加与转向力上
                        _steeringForce = _steeringForce.add(force);

                        //刹车,转弯时要放慢机车的速度,里障碍物越近刹车力越大
                        _velocity = _velocity.multiply(projection.length / feeler.length);
                    }
                    
                }
            }
        }

 

测试:
<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:local="clr-namespace:Steer" xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing"
	mc:Ignorable="d"
	x:Class="Steer.AvoidTest"
	d:DesignWidth="640" d:DesignHeight="480">

    <Grid x:Name="LayoutRoot">
        <local:SteeredVehicle x:Name="myWander" HorizontalAlignment="Left" Height="40" VerticalAlignment="Top" Width="40" RenderTransformOrigin="0.5,0.5">
            <ed:RegularPolygon Fill="Blue" Height="40" InnerRadius="1" PointCount="3" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Width="40" RenderTransformOrigin="0.5,0.5" StrokeThickness="0">
                <ed:RegularPolygon.RenderTransform>
                    <CompositeTransform Rotation="90"/>
                </ed:RegularPolygon.RenderTransform>
            </ed:RegularPolygon>
        </local:SteeredVehicle>
        <local:Circle x:Name="Circle1" HorizontalAlignment="Left" VerticalAlignment="Top"/>
        <local:Circle x:Name="Circle2" HorizontalAlignment="Left" VerticalAlignment="Top"/>
    </Grid>
</UserControl>
	public partial class AvoidTest : UserControl
	{
        List<Circle> circles;
		public AvoidTest()
		{
			// Required to initialize variables
			InitializeComponent();

            Loaded += new RoutedEventHandler(AvoidTest_Loaded);
		}

        void AvoidTest_Loaded(object sender, RoutedEventArgs e)
        {
            myWander.position = new Vector2D(200, 200);
            Circle1.init(100, Colors.Orange);
            Circle1.x = 600;
            Circle1.y = 200;

            Circle2.init(70, Colors.Red);
            Circle2.x = 100;
            Circle2.y = 300;

            circles = new List<Circle>();
            circles.Add(Circle1);
            circles.Add(Circle2);

            CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
        }

        void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            myWander.wander();
            myWander.avoid(circles);
            myWander.update();
        }
	}

 

相关文章
|
容器
Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)
原文:Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)   Silverlight的基础动画包括偏移、旋转、缩放、倾斜和翻转动画,这些基础动画毫无疑问是在Silverlight中使用得最多的动画效果,其使用也是非常简单的。
1017 0
|
容器 数据可视化 内存技术
Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)
原文:Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)   用户界面组件、图像元素和多媒体功能可以让我们的界面生动活泼,除此之外,Silverlight还具备动画功能,它可以让应用程序“动起来”。
817 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
845 0
|
容器
Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)
原文:Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)   正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Blend下能够设计出很多满意的动画作品,或许他具体是怎么实现的,通过什么方式实现的我们还是一无所知。
944 0
Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)
原文:Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)   模糊效果(BlurEffect)与阴影效果(DropShadowEffect)是两个非常实用和常用的两个特效,比如在开发相册中,可以对照片的缩略图添加模糊效果,在放大照片的过程中动态改变照片的大小和模糊的透明度来达到一个放大透明的效果。
1086 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1050 0
|
API
Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动
原文:Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动   如果我们习惯于数学坐标系,那么对于Silverlight中的坐标系可能会有些不习惯。
1262 0

热门文章

最新文章

下一篇
无影云桌面