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

화면 13. Graph.animationKeyboardStepValue [sink]

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

화면 번호	13 / 29
문서 항목 설명 (원문)	Sets the amount of time (in seconds) that an animation moves when its scrubber is adjusted with the arrow keys. If not specified, the scrubber moves in increments of 1 second. Note: Only works with graph exhibits.

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

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

Press "tab" until you have the animation scrubber selected. Then use the LEFT and RIGHT arrow keys on your keyboard to move the red circle around. Specify a step size such that the red circle moves and the others do not.

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: numericValue("2\\pi") ▶ 애니메이션 재생 시간(animationDuration)은 `numericValue("2\\pi")`, 즉 2π(약 6.28초)로 한다.** `numericValue("2\\pi")`는 글자로 쓴 식 2π를 계산한 숫자값이다. 글자 안의 `\\`는 백슬래시 한 글자이므로 LaTeX의 `\pi`, 즉 π가 된다. 화면의 재생 위치 슬라이더 최댓값도 6.283…이다. # Sets the step value for the scrubber when using tab and # the arrow keys to navigate around the screen. ▷ tab 키와 방향키로 화면을 이동할 때 재생바(scrubber)가 한 번에 움직이는 크기를 정한다. animationKeyboardStepValue: # In this example, entering a number into the math input # and submitting allows you to customize the step size ▷ 이 예제에서는 수식 답변에 숫자를 입력하고 제출하면 그 크기를 직접 정할 수 있다. when animationInput.submitted animationInput.numericValue # Otherwise the step size defaults to pi/8 ▷ 그렇지 않으면 크기의 기본값은 pi/8이다. otherwise numericValue("\\pi/8") ▶ 방향키로 재생바를 움직일 때 한 번에 이동하는 시간(animationKeyboardStepValue, 초)은 `animationInput`에 숫자가 제출되었다면(`animationInput.submitted`) 그 숫자값으로, 제출되지 않았다면 π/8(`numericValue("\\pi/8")`, 약 0.39초)로 한다. 글자 안의 `\\`는 백슬래시 한 글자이므로 `\pi`, 즉 π가 된다. 식 가운데에 `#` 주석 줄이 끼어 있어도 하나의 식으로 이어진다. # Sets a value in the table 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: numericValue("2*\\pi")
▶ 애니메이션 재생 시간(animationDuration)은 numericValue("2*\\pi"), 즉 2π(약 6.28초)로 한다.
numericValue("2*\\pi")는 글자로 쓴 식 2*π를 계산한 숫자값이다. 글자 안의 \\는 백슬래시 한 글자이므로 LaTeX의 \pi, 즉 π가 된다. 화면의 재생 위치 슬라이더 최댓값도 6.283…이다.

# Sets the step value for the scrubber when using tab and
# the arrow keys to navigate around the screen. 
▷ tab 키와 방향키로 화면을 이동할 때 재생바(scrubber)가 한 번에 움직이는 크기를 정한다.
animationKeyboardStepValue: 
# In this example, entering a number into the math input
# and submitting allows you to customize the step size
▷ 이 예제에서는 수식 답변에 숫자를 입력하고 제출하면 그 크기를 직접 정할 수 있다.
when animationInput.submitted animationInput.numericValue 
# Otherwise the step size defaults to pi/8
▷ 그렇지 않으면 크기의 기본값은 pi/8이다.
otherwise numericValue("\\pi/8")
▶ 방향키로 재생바를 움직일 때 한 번에 이동하는 시간(animationKeyboardStepValue, 초)은 animationInput에 숫자가 제출되었다면(animationInput.submitted) 그 숫자값으로, 제출되지 않았다면 π/8(numericValue("\\pi/8"), 약 0.39초)로 한다.
글자 안의 \\는 백슬래시 한 글자이므로 \pi, 즉 π가 된다. 식 가운데에 # 주석 줄이 끼어 있어도 하나의 식으로 이어진다.

# Sets a value in the table 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는 둘 중 하나라도 참이면 참이다.