平成30年度(2018) 第3回試験問46

Canvas に線を描くために、JavaScript で 2 つの関数 start()と drawLine()を定めた。引数はともに xy 座標値を与える。関数 start()は直線の始点を決め、関数 drawLine()が直線を描く。これらの関数を使い、細かな直線をつなぎ合わせて次のような波形の曲線を描きたい。この場合の適切な JavaScript コードはどれか。以下より 1 つ選択しなさい。なお、直線を続けて描くとき、関数 start()は初めに 1 度だけ呼出せばよい。また、var 宣言されていない変数は、あらかじめ特定の初期値が与えられているものとする。

start(startX, startY);

for (var i = startX + pitch; i < endX; i += pitch) {

acceleration = (startY - currentY) * ratio;

velocity += acceleration;

currentY += velocity;

drawLine(i, currentY);

}

start(centerX + radius, centerY);

for (var i = pitch; i <= Math.PI * 2; i += pitch) {

var x = centerX + radius * Math.cos(i);

var y = centerY + radius * Math.sin(i) * ratio;

drawLine(x, y);

}

start(startX, currentY);

for (var i = startX + pitch; i < endX; i += pitch) {

velocity = (targetY - currentY) * ratio;

currentY += velocity;

drawLine(i, currentY);

}

start(startX, startY);

for (var i = pitch; i <= Math.PI * 2; i += pitch) {

var x = (endX - startX) * (i / Math.PI / 2) + startX;

var y = radius * Math.sin(i) + startY;

drawLine(x, y);

}

ログインすると学習履歴を保存できます。