w
와 (높이에 대한) h
를 기반으로 직사각형을 그립니다.var w = 10;
var h = 50;
rect(200, 200, w, h);
h
가 w
에 의존하도록, w
의 값을 변경하면 h
의 값도 비례적으로 변경되게 할 것입니다. h
는 w
보다 5배 더 큽니다. h
는 어떤 식을 저장해야 할까요?h가 w에 따라 달라지게 만들기 위해서는 식 어딘가에 w를 넣어야 합니다.
h는 현재 505050이며 w는 101010이므로 h는 w에 555 배를 곱한 값입니다.
그러므로 h 는w*5를 저장해야 합니다. 예를 들면 w를 333, 으로 변경한다면 h는151515 가 될 것입니다.
scoop1
과 scoop2
가 있습니다:var scoop1 = 40;
var scoop2 = 30;
triangle(200, 250, 180, 200, 220, 200);
ellipse(200, 180, scoop1, scoop1);
ellipse(200, 145, scoop2, scoop2);
scoop2
가 scoop1
에 종속되게 하려고 합니다. scoop2
는 항상 scoop1
보다 10 픽셀 더 작습니다. scoop2
변수에서 어떤 식을 저장해야 할까요?scoop2를 scoop1에 따라 달라지게 만들려면 식 어딘가에 scoop1을 넣어야 합니다.
scoop2는 scoop1보다 101010 픽셀이 적어야 한다는 점을 알고 있으므로 식에는 곱하기나 더하기가 아닌 빼기를 사용해야 합니다.
그러므로 scoop2는 scoop1 - 10을 저장해야 합니다. 그 후에 scoop1을 252525로 변경한다면 scoop2는 정확히 101010 픽셀이 줄어든 151515가 됩니다.
big
과 small
은 이 두 개의 박스의 크기를 기록합니다:var big = 100;
var small = 10;
rect(100, 100, big, big);
rect(100, 100, small, small);
small
이 big
에 종속되게 하려고 합니다. - small
은 항상 big
의 start fraction, 1, divided by, 10, end fraction입니다 .small
은 어떤 식을 저장해야 할까요?small
을 big
에 따라 달라지게 만들려면 식 어딘가에 big
을 넣어야 합니다.big
은 현재 100이며 small
은 10이므로 다시 말해서 small
은 big
의 start fraction, 1, divided by, 10, end fraction에 해당합니다.
그러므로 small
은 big/10
을 저장해야 합니다. 그 후에 big
을 200으로 변경한다면 small
은 big
의 start fraction, 1, divided by, 10, end fraction인 20이 됩니다.
var bodySize = 100;
var faceSize = 50;
ellipse(200, 200, bodySize, bodySize);
ellipse(200, 150, faceSize, faceSize);
faceSize
가 bodySize
에 종속되게 하려고 합니다. faceSize
는 항상 bodySize
의 1/2입니다.faceSize
변수는 어떤 식을 저장하여야 할까요?faceSize
를 bodySize
에 따라 달라지게 만들기 위해서는 bodySize
를 식 어딘가에 넣어야 합니다.faceSize
는 현재 50이며bodySize
는 100이고 이는 다시 말해서 faceSize
가 bodySize
의 start fraction, 1, divided by, 2, end fraction이라는 뜻입니다.faceSize
는 bodySize/2
를 저장해야 합니다. 그 후에 bodySize
를 200으로 변경하게 되면 faceSize
는 우리가 찾던 100 이 됩니다.
b
의 값은 a
의 값에 의존하고 c
의 값은 b
의 값에 의존합니다. println()
명령어는 전달받은 표현을 출력합니다:var a = 25;
var b = a / 5;
var c = b + 30;
println(b + c);
이 경우 println()
문은 인수로 받아들이는 식의 수치값을 출력하게 되므로 답은 숫자가 됩니다.
이 프로그램에서 b
의 값은 a
의 값에 따라 달라지므로, b
의 값은 a
의 값을 다음과 같이 5 로 나누어 얻을 수 있습니다. start fraction, 25, divided by, 5, end fraction, equals, 5.
이 프로그램에서 c
의 값은 b
의 값에 따라 달라지므로, c
의 값은 b
의 값 5에 다음과 같이 30을 더하여 얻을 수 있습니다. 5, plus, 30, equals, 35.
프로그램은 b
와 c
의 합계를 출력합니다. 이는 5, plus, 35 또는 40과 같습니다.
width1
와 width2
는 두 직사각형의 너비를 기록하고 width2
은 width1
에 좌우됩니다.var width1 = 12;
var width2 = 2 * width1 + 5;
rect(50, 50, width1, 10);
rect(50, 80, width2, 10);
width1
에 저장된 값을 6으로 변경하면 (코드에 덧붙이는 것이 아닌 코드의 첫 번째 줄을 편집합니다.) width2
에 저장된 식의 값은 무엇이 될까요?width2
가 저장하는 식에 width1
이 사용되었으므로width2
는 width1
에 따라 달라진다는 것을 알 수 있습니다. width1
이 바뀌면 width2
의 값도 바뀌어야 합니다.width2
가 저장하는 식은 곱하기와 더하기만 사용하므로 width1
이 작아지면 width2
도 작아집니다.width1
left parenthesis, 6, right parenthesis의 값을 width2
가 저장하는 식에 대입하면 2, times, 6, plus, 5이라는 식을 얻게 되며 이는 12, plus, 5 또는 17과 같습니다.
'개발 > 자바스크립트(javascript)' 카테고리의 다른 글
대화형 자바스크립트 문제/예제/퀴즈 사이트들 (0) | 2018.12.04 |
---|---|
자바 스크립트, javascript 퀴즈: While문 (0) | 2018.12.03 |
자바 스크립트 (javascript) 퀴즈: 변수 (0) | 2018.11.21 |
one hour of code 완료 (0) | 2015.06.04 |
http://studio.code.org/hoc/20 (0) | 2015.06.04 |