个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在尝试根据设置的“半径”使一个简单的形状沿着方形路径进行动画处理。 Atm 我正在使用正弦波随时间设置位置，因此它基本上是沿着圆形路径设置动画。有没有办法使用数学来改变正弦波来制作动画方 block 。我知道还有其他方法可以做到这一点，但我有兴趣了解它背后的数学原理。
我有一个 fiddle 示例:
t = new Date().getTime()
r = 25
x = (r * Math.cos t * 0.005)
y = (r * Math.sin t * 0.005)
最佳答案
我们可以做得比圆形或方形更好! x 和 y 的方程可以用指数 D 推广:
x = (r^D * cos(theta))^(1/D) and y = (r^D * sin(theta))^(1/D)
当 D = 1 时，您会得到熟悉的圆方程。当 D = 0.5 时，您会得到钻石，当 D < 0.5 时，您会得到尖星。当 D > 1 时，你会得到越来越多的 block 状，而当 D -> 无穷大时，你会得到一个正方形。试试这个片段；随着动画的进行，您可以键入 D 的新值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>animation problem</title>
<script type='text/javascript'>
function demo(){
var w = 400;
var ctx = document.getElementById("canvas").getContext("2d");
ctx.canvas.width = w;
ctx.canvas.height = w;
var r = w/4;
var theta = 0;
setInterval(function(){
ctx.canvas.width += 0; // clear the canvas
ctx.translate(w/2, w/2); // center it on (0,0)
var D = +document.getElementById("exponent").value;
var xSign = Math.cos(theta) < 0 ? -1 : 1; // Handle all quadrants this way
var ySign = Math.sin(theta) < 0 ? -1 : 1;
var x = xSign*Math.pow( Math.pow(r, D)*Math.abs(Math.cos(theta)), 1/D );
var y = ySign*Math.pow( Math.pow(r, D)*Math.abs(Math.sin(theta)), 1/D );
ctx.fillStyle = "blue";
ctx.arc( x, y, 20, 0, 6.2832, false );
ctx.fill();
theta += Math.PI/100;
}, 20);
}
</script>
</head>
<body onload='demo()'>
<input id='exponent' type=text value='1'\>
<br />
<canvas id='canvas'></canvas>
</body>
</html>
关于javascript - Canvas ，使用正弦波沿方形路径为形状设置动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24085310/
25
4
0
我写的函数有问题。想法是使用 taylor 展开而不是 js 数学对象来计算 sin 和 cosin 值(在 radians 上运行) .这些是方程式: sin(x) = (x^1)/1! - (x^
我不知道这是编程还是数学问题，但我整理了一些FFT的简短示例。我加载了440hz的波并在顶部添加了一些正弦波，但是由于某种原因，频谱中存在一个我不理解的“波”。 据我了解，频谱应该具有相同的| Y(f
这个问题在这里已经有了答案: Java Math.cos(Math.toRadians()) returns weird values (4 个答案) 关闭 10 年前。 我正在编写一个程序，我必须
我想在 ios4 中实现一个正弦和余弦计算器: if([operation isEqual:@"sin"]){ operand = (operand*M_PI/180.0); oper
我使用 256 个元素为 VHDL 制作了一个正弦 LUT。 我使用 MIDI 输入，因此值范围为 8.17Hz(注 #0)到 12543.85z(注 #127)。 我有另一个 LUT 计算必须发送到
我想在ios4中实现一个正弦和余弦计算器: if([operation isEqual:@"sin"]){ operand = (operand*M_PI/180.0); operan
我是一名优秀的程序员,十分优秀！