摘要: 正弦/余弦曲线,意思就是基于正弦、余弦的曲线函数。其函数周期为2π,其中x轴表示为角度(0-360度/2π),Y轴表示为当前角度产生的正弦/余弦值。 由此对应的坐标集合便形成了正弦/余弦曲线。 我们使用一个示例来演示如何使用Silverlight代码来画正弦/余弦曲线。这个示例分别画出了正弦、余弦曲线,并提供了两个选择框,可以选择显示那一个。 其原理是记录当前角度的正弦、余弦值(Y轴)和角度(X轴)形成坐标点,添加到坐标集合中,呈现出一种动态绘制的效果。 效果图如下: 由图中我们就能看到,现实了角度、角度的正弦、余弦值,当前坐标点。 根据之前的文章我们可以明确到,计算出指定角度/弧度的正... 阅读全文
posted @ 2011-04-12 22:54 vvince 阅读(1716) 评论(0) 推荐(1) 编辑
摘要: 这个示例主要是让我们能更加直观的观察到三角函数角边之间的关系。使用一个动画让小球围绕圆心运动,动态画出当前小球位置 与圆心之间产生的直角三角形、角度并展示出当前角度、弧度、当前角度的正弦、余弦、以及坐标值。 效果截图如下: 当前示例包含了以下几个对象 1.Ball:小球、围绕圆心做圆周旋转运动。 2.RightTriangle:为容器。承载Ball,并控制动画、动态绘制图形。示例中动态汇总图形主要... 阅读全文
posted @ 2011-04-12 22:52 vvince 阅读(1379) 评论(0) 推荐(0) 编辑
摘要: ImageRotate主要讲是使用正弦、余弦函数结合鼠标拖动来完成对象按拖动角度选择。效果图如下,按黄色的角拖动可以使图片围绕中心旋转。此代码主要包含了两个对象1.RotateItem:用于实现和控制对象的旋转。2.ImageRotate:容器。首先来看一下RotateItem对象RotateItem主要对象,RotateItem对象实现了对自身鼠标旋转的控制,使用鼠标拖动事件结合Math.Atan2函数进行对象的角度。代码如下:RotateItem.xaml代码<Canvas x:Name="ItemCanvas" Width="320" Hei 阅读全文
posted @ 2011-04-12 22:47 vvince 阅读(637) 评论(0) 推荐(0) 编辑
摘要: 主要介绍下三角学在Silverlight动画中的使用,简单来将就是常见三角函数以及角边关系在动画中的应用。 主要涉及的概念:角度、弧度、正弦、余弦、正切、余切等。 角度 角度用于表示角的度数,更重要 的是与弧度之间的关系。 角度和弧度关系是:1°≈0.0174533弧度,1弧度≈57.29578°。角度与弧度之间的换算公式如下: 1) 弧度=角度×π ÷180 2) 角度=弧度×180÷π 根据这个关系我们便可得出角度与弧度的换算函数,如下: /// <summary>/// 根据给定的弧度值换为角度/// </su 阅读全文
posted @ 2011-04-12 22:43 vvince 阅读(1079) 评论(0) 推荐(0) 编辑