📗 Enter your ID (the wisc email ID without @wisc.edu) here: and click (or hit the "Enter" key)
1,2,3,4,5,6,7,8,9,10q2
📗 Please report any bugs or mistakes on Piazza.
📗 Question 1
Question 2
📗 Question 3
Question 4
📗 Question 5
Question 6
📗 Question 7
Question 8
📗 Question 9
Question 10
📗 [1 points] A cubic Bezier curve has its control points , , , . If the curve is cut into two at \(u\) = , the first piece of the curve has its control points at . Click to draw the curve. If the red curve segment is on top of the black curve segment, then the answer is correct.
📗 [1 points] Edit the two lines of code draws the same line as the following code:
Click to draw the line: if the two lines are the same, the line will be green.
📗 [1 points] Define the control points (all numbers are multiples of 50) so that the shape on left and the shape on the right look the same. Hint: the second and third control points are symmetric: one is \(\left(x, y\right)\) and the other is \(\left(y, x\right)\).
context.translate(250, 250);
context.moveTo(150, 0);
for (let i = 0; i < 4; i ++) {
context.bezierCurveTo(...control);
context.rotate(Math.PI / 2);
}
context.closePath();
context.fill();
📗 [1 points] Define the control points (all numbers are multiples of 50) so that the shape on left and the shape on the right look the same. Hint: the second and third control points are the same.
context.translate(250, 250);
context.moveTo(150, 0);
for (let i = 0; i < 4; i ++) {
context.bezierCurveTo(...control);
context.rotate(Math.PI / 2);
}
context.closePath();
context.fill();
📗 [1 points] Click on the diagram to fill the polygon using the fill rule.
Click to check: if the polygon is filled correctly, the color will change to green.
📗 [1 points] Click on the diagram to fill the polygon using the fill rule.
Click to check: if the polygon is filled correctly, the color will change to green.
📗 [1 points] Suppose print(...) behaves like console.log(...), what does the following block of code print?
print("Start");
function one() {
print("One");
}
function two() {
print("Two");
}
function three() {
print("Three");
}
window.requestAnimationFrame(??);
??();
print("End");
Output:
Click to check: Incorrect.
📗 [1 points] The following block of code draws a triangle.
Select the color and click on one of the edges to apply the color.
Click to check: Incorrect.
📗 [1 points] Two curves meet such that the end of 1 curve is the beginning of the next. There are no places where the curves derivatives are 0. The curve is , which of the following are possible?
Possible
-
Not possible
Not G(0)
Not C(0)
Not G(1)
Not C(1)
Not G(2)
Not C(2)
Not G(3)
Not C(3)
Click to check: Incorrect.
📗 [1 points] A curve goes around the triangle from point 1 to 2 to 3 and back to 1. It is arc-length parameterized (so the curve is at point 1 at both \(u = 0\) and \(u = 1\). At \(u\) = , where is the curve? Click on the curve to specify the point u.
If the point is correct, the color will change to green. The three points are , , , and the distances between them are (1 to 2) , (2 to 3) , (3 to 1) .