JavaScript数学函数没有意义

时间:2017-02-25 04:14:59

标签: javascript animation

我是JavaScript动画和三角函数的新手。这些天我正在学习它以备将来使用。我看到人们在图形程序中使用三角函数sin,cos,tan和math.pi。我从网站上找到了这段代码片段,我不明白他为什么要使用它们。你能帮我理解一下吗...谢谢。

var stage = document.querySelector('.stage'),
  `enter code here`  message = 'Smashing Magazine '.toUpperCase(),
    plots = message.length;
    increase = Math.PI * 2 / plots,
    angle = -Math.PI,
    turnangle = 0,
    x = 0,
    y = 0,
    plotcache = [];

for( var i = 0; i < plots; i++ ) {
  var p = new Plot( stage );
  p.content( message.substr(i,1) );
  p.setDimensions( 40, 40 );
  plotcache.push( p );
}
function rotate(){
  for( var i = 0; i < plots; i++ ) {
    x = 100 * Math.cos( angle ) + 200;
    y = 100 * Math.sin( angle ) + 200;
    // rotation and rotating the text 90 degrees
    turnangle = Math.atan2( y - 200, x - 200 ) * 180 / Math.PI + 90 + 'deg';
    plotcache[ i ].rotate( turnangle );
    plotcache[ i ].position( x, y );
    angle += increase;
  }
  angle += 0.06;
}

setInterval( rotate, 1000/40 );

0 个答案:

没有答案