18 lines
573 B
JavaScript
18 lines
573 B
JavaScript
var canvas = document.getElementById("myCanvas");
|
|
var ctx = canvas.getContext("2d");
|
|
|
|
var count = 0;
|
|
setInterval(function () {
|
|
var arg1 = document.getElementById("arg1").value;
|
|
var arg2 = document.getElementById("arg2").value;
|
|
var freq = document.getElementById("freq").value;
|
|
var size = document.getElementById("size").value;
|
|
count++;
|
|
ctx.fillRect(
|
|
250 + 100 * Math.sin(count) + Math.cos(count * arg1) * 100,
|
|
250 + 100 * Math.cos(count) + Math.cos(count * arg2) * 100,
|
|
size * Math.sin(count ** freq),
|
|
size * Math.sin(count ** freq)
|
|
);
|
|
}, 1);
|