홈 › Components › Graph and Graphing Calc › 화면 12

화면 12. Graph.animationDuration [sink]

원본: Computation Layer 문서(Graph) · Try It (원본 화면)

화면 번호	12 / 29
문서 항목 설명 (원문)	Adds an animation playhead on top of the graph as if it were a video. This sets the duration for the animation. A non-positive value hides the playhead. Note: Only works with graph exhibits.

1. 화면 캡처 (빨간 번호 = 아래 표의 번호)

화면에 적힌 영어 문구(원문):

Enter the amount of time the red circle should move for to complete one revolution.

2. CL이 입력된 곳

코드 안의 회색 줄은 원문 영어 주석이고, 파란 줄은 그 영어 주석의 번역이며, 연분홍 줄은 코드가 하는 일의 설명이다.

번호 이름 종류 CL 코드 원문, 번역, 설명

번호	이름	종류	CL 코드 원문, 번역, 설명
1	master CL (화면 전체)	SCREEN	subtitle: "Use the sketch tool to trace the path of the red carriage." ▶ 화면 제목 아래에 표시할 부제목(subtitle)은 "Use the sketch tool to trace the path of the red carriage."(스케치 도구를 사용해 빨간 마차의 경로를 따라 그리시오.)로 한다.
2	animationGraph	그래프	# Sets the length of time the animation playhead runs for. ▷ 애니메이션 재생바가 재생되는 시간의 길이를 정한다. animationDuration: when animationInput.submitted animationInput.numericValue otherwise 0 ▶ 애니메이션 재생 시간(animationDuration)은 `animationInput`(수식 답변)에 답이 제출되었다면(`animationInput.submitted`) 그 숫자값(`animationInput.numericValue`)으로, 제출되지 않았다면 0으로 한다. 재생 시간이 0 이하이면 재생바가 보이지 않는다. 따라서 학생이 양수인 시간을 입력해 제출해야 재생바가 나타나고 입력한 값이 재생 시간이 되며, 제출하지 않았거나 0 이하의 값을 제출하면 재생바는 보이지 않는다. # Sets a value in the graph to be defined by the time of the # animation playhead. ▷ 그래프의 값을 애니메이션 재생바의 시간으로 정한다. number("t_0"): this.animationTime ▶ 그래프의 변수 "t_0"는 `this.animationTime`으로 한다. `this.animationTime`은 이 그래프의 재생 위치를 알려 준다. 재생바가 움직이면 "t_0"의 값도 같이 바뀐다.
3	animationInput	수식 답변	# Creates a suffix in the input field that displays the singular "second" # when the number entered is 1 or -1 and the plural "seconds" in all other cases. ▷ 입력칸에 접미사(suffix)를 만든다. 입력한 숫자가 1이나 -1이면 단수형 "second"를, 그 외에는 복수형 "seconds"를 표시한다. suffix: when this.numericValue = 1 or this.numericValue = -1 "second" otherwise "seconds" ▶ 수식 답변 상자의 접미사(suffix)는 `this.numericValue`가 1이거나 -1이면 "second", 그 밖에는 "seconds"로 한다. `this.numericValue`는 이 답변 상자에 입력한 식의 숫자값이다. `=`는 같은지를 비교하고, `or`는 둘 중 하나라도 참이면 참이다.

master CL
(화면 전체)

SCREEN

subtitle: "Use the sketch tool to trace the path of the red carriage."
▶ 화면 제목 아래에 표시할 부제목(subtitle)은 "Use the sketch tool to trace the path of the red carriage."(스케치 도구를 사용해 빨간 마차의 경로를 따라 그리시오.)로 한다.

animationGraph

그래프

# Sets the length of time the animation playhead runs for.
▷ 애니메이션 재생바가 재생되는 시간의 길이를 정한다.

animationDuration: when animationInput.submitted animationInput.numericValue otherwise 0
▶ 애니메이션 재생 시간(animationDuration)은 animationInput(수식 답변)에 답이 제출되었다면(animationInput.submitted) 그 숫자값(animationInput.numericValue)으로, 제출되지 않았다면 0으로 한다.
재생 시간이 0 이하이면 재생바가 보이지 않는다. 따라서 학생이 양수인 시간을 입력해 제출해야 재생바가 나타나고 입력한 값이 재생 시간이 되며, 제출하지 않았거나 0 이하의 값을 제출하면 재생바는 보이지 않는다.

# Sets a value in the graph to be defined by the time of the 
# animation playhead.
▷ 그래프의 값을 애니메이션 재생바의 시간으로 정한다.

number("t_0"): this.animationTime
▶ 그래프의 변수 "t_0"는 this.animationTime으로 한다.
this.animationTime은 이 그래프의 재생 위치를 알려 준다. 재생바가 움직이면 "t_0"의 값도 같이 바뀐다.

animationInput

수식 답변

# Creates a suffix in the input field that displays the singular "second"
# when the number entered is 1 or -1 and the plural "seconds" in all other cases.
▷ 입력칸에 접미사(suffix)를 만든다. 입력한 숫자가 1이나 -1이면 단수형 "second"를, 그 외에는 복수형 "seconds"를 표시한다.
suffix: when this.numericValue = 1 or this.numericValue = -1 "second" otherwise "seconds"
▶ 수식 답변 상자의 접미사(suffix)는 this.numericValue가 1이거나 -1이면 "second", 그 밖에는 "seconds"로 한다.
this.numericValue는 이 답변 상자에 입력한 식의 숫자값이다. =는 같은지를 비교하고, or는 둘 중 하나라도 참이면 참이다.