概要
paiza.ioでelixirやってみた。
練習問題やってみた。
練習問題
sin波を描け。
サンプルコード
IO.puts """
<html><head></head><body>
<canvas id="canvas" width="300" height="300"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
function draw(data) {
ctx.strokeStyle = "#f0f";
ctx.lineWidth = 2;
ctx.moveTo(0, 150);
for (var i = 1; i < canvas.width; i++)
{
ctx.lineTo(i, 150 - data[i] * 30);
}
ctx.stroke();
}
var src = [
"""
for i <- 0..300 do
v = :math.sin(i * 440.0 * 2.0 * :math.pi / 48000.0);
IO.puts(v)
IO.puts ","
end
IO.puts """
];
draw(src);
</script></body></html>
"""
実行結果
成果物
以上。