六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 49|回复: 0

javascript绘制正弦动画

[复制链接]

升级  75.33%

140

主题

140

主题

140

主题

举人

Rank: 3Rank: 3

积分
426
 楼主| 发表于 2012-12-22 21:29:52 | 显示全部楼层 |阅读模式
<div id="cnblogs_post_body">      javascript是一种让人又爱又恨的程序语言。不过当你真正地了解它以后,你就会发现它的魅力。今天,我就讲一下用javascript绘制数学上的正弦函数的步骤。
  首先,让我们对javascript的Math.sin()函数一个简单的了解:Math.sin()函数接受一个参数:角度(以弧度为单位),并返回一个-1~1之间的值。角度参数的有效范围为0~2π(约6.28318)弧度。因为只能有6个可能的整数(1-6)。所以我们在这里没有用弧度,而是改用0~4095的整数。这个粒度已经足够形成平滑的动画了,你也可以增大参数值(steps)来得到更细的粒度。
<div class="cnblogs_code"> 1 var fastSin = function(steps) { 2     var table = [], 3           ang = 0, 4           angStep = (Math.PI*2)/steps; 5     do { 6            table.push(Math.sin(ang)); 7            ang += angStep; 8      } while(ang < Math.PI*2); 9      return table;10 };
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表