diff --git a/.DS_Store b/.DS_Store index 83c42f64..2e07546d 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/source/user/block_brush.md b/source/user/block_brush.md index 6736f6d8..675396ff 100644 --- a/source/user/block_brush.md +++ b/source/user/block_brush.md @@ -1,7 +1,7 @@ --- layout: page title: 붓 블록 -date: 2020-10-26 17:36:00 +date: 2023-11-16 13:41:00 type: userGuide category: "블록" order: 15 @@ -9,12 +9,8 @@ order: 15 ## 1. 도장 찍기 - - ![block-brush](images/block-brush-01.png) - - 오브젝트의 모양을 지금 위치에서 도장처럼 실행 화면에 찍습니다. 찍은 도장은 복제본이 아닙니다! @@ -23,12 +19,8 @@ order: 15 ## 2. 그리기 시작하기 - - ![block-brush](images/block-brush-02.png) - - 오브젝트가 움직이는 길을 따라 선을 그리기 시작합니다. 붓으로 그리는 것처럼요! 오브젝트의 중심점을 기준으로 그려요. @@ -37,50 +29,26 @@ order: 15 ## 3. 그리기 멈추기 - - ![block-brush](images/block-brush-03.png) - - 오브젝트가 더 이상 선을 그리지 않습니다. -## 4. 붓의 색을 [◼︎] (으)로 정하기 / 붓의 색을 `[빨간색]` (으)로 정하기 - - +## 4. 그리기 색을 [◼︎] (으)로 정하기 / 그리기 색을 `(#FF0000)` (으)로 정하기 ![block-brush](images/block-brush-04.png) - - 오브젝트가 그리는 선의 색을 정합니다. 색깔 상자를 클릭하면 팔레트 모드에서 색깔을 선택하거나 슬라이더 모드에서 색깔을 조절할 수 있어요. -## 5. 붓의 색을 무작위로 정하기 - - +## 5. 그리기 굵기를 `(1)` 만큼 바꾸기 ![block-brush](images/block-brush-05.png) - - -오브젝트가 그리는 선의 색을 무작위로 정합니다. - - - -## 6. 붓의 굵기를 `(1)` 만큼 바꾸기 - - - -![block-brush](images/block-brush-06.png) - - - 오브젝트가 그리는 선의 굵기를 입력한 수만큼 바꿉니다. 입력한 수가 양수이면 선이 굵어지고, 음수이면 선이 얇아져요. @@ -89,56 +57,72 @@ order: 15 -## 7. 붓의 굵기를 `(1)` (으)로 정하기 +## 6. 그리기 굵기를 `(1)` (으)로 정하기 +![block-brush](images/block-brush-06.png) +오브젝트가 그리는 선의 굵기를 입력한 수로 정합니다. -![block-brush](images/block-brush-07.png) +선의 기본 굵기는 1 이고, 1 보다 작은 굵기를 입력할 수 없습니다. +## 7. 채우기 시작하기 -오브젝트가 그리는 선의 굵기를 입력한 수로 정합니다. +![block-brush](images/block-brush-07.png) -선의 기본 굵기는 1 이고, 1 보다 작은 굵기를 입력할 수 없습니다. +오브젝트가 움직이는 길을 따라 선을 그리고 내부를 채우기 시작합니다. +오브젝트의 중심점을 기준으로 그려요. -## 8. 붓의 투명도를 `(10)` % 만큼 바꾸기 +## 8. 채우기 멈추기 +![block-brush](images/block-brush-08.png) +오브젝트가 더 이상 선을 그리지 않고 채우기를 멈춥니다. -![block-brush](images/block-brush-08.png) +## 9. 채우기 색을 [◼︎] (으)로 정하기 / 채우기 색을 `(#FF0000)` (으)로 정하기 +![block-brush](images/block-brush-09.png) -오브젝트가 그리는 선의 투명도를 입력한 퍼센트만큼 바꿉니다. +오브젝트가 채우는 색을 정합니다. -입력한 퍼센트가 양수이면 투명해지고, 음수이면 불투명해져요. +색깔 상자를 클릭하면 팔레트 모드에서 색깔을 선택하거나 슬라이더 모드에서 색깔을 조절할 수 있어요. -선의 기본 투명도는 100%이고, 0%~100% 범위에서 조절할 수 있어요. +## 10. 붓의 색을 무작위로 정하기 +![block-brush](images/block-brush-10.png) -## 9. 붓의 투명도를 `(50)` % 로 정하기 +오브젝트가 그리는 붓(그리기와 채우기)의 색을 무작위로 정합니다. -![block-brush](images/block-brush-09.png) +## 11. 붓의 투명도를 `(10)` % 만큼 바꾸기 +![block-brush](images/block-brush-11.png) +오브젝트가 그리는 붓의 투명도를 입력한 퍼센트만큼 바꿉니다. -오브젝트가 그리는 선의 투명도를 입력한 퍼센트로 정합니다. +입력한 퍼센트가 양수이면 투명해지고, 음수이면 불투명해져요. -선의 기본 투명도는 100%이고, 0%~100% 범위에서 조절할 수 있어요. +붓의 기본 투명도는 100%이고, 0%~100% 범위에서 조절할 수 있어요. + +## 12. 붓의 투명도를 `(50)` % 로 정하기 -## 10. 모든 붓 지우기 +![block-brush](images/block-brush-12.png) +오브젝트가 그리는 붓의 투명도를 입력한 퍼센트로 정합니다. +붓의 기본 투명도는 100%이고, 0%~100% 범위에서 조절할 수 있어요. + -![block-brush](images/block-brush-10.png) +## 13. 모든 붓 지우기 +![block-brush](images/block-brush-13.png) 이 블록이 동작하는 오브젝트와 상관 없이, 작품에서 그린 **모든** 도장과 붓을 지웁니다. diff --git a/source/user/block_calculate.md b/source/user/block_calculate.md index c32c9d71..56508176 100644 --- a/source/user/block_calculate.md +++ b/source/user/block_calculate.md @@ -1,7 +1,7 @@ --- layout: page title: 계산 블록 -date: 2020-11-10 15:04:00 +date: 2023-11-17 15:12:00 type: userGuide category: "블록" order: 19 @@ -9,12 +9,8 @@ order: 19 ## 1. `(10)` `[+]` `(10)`　 - - ![block-calculate](images/block-calculate-01.png) - - 다음과 같이 동작하는 값 블록입니다. + **입력한 두 내용이 숫자일 때** : 두 숫자를 더합니다. @@ -27,17 +23,10 @@ order: 19 + `+`, `-` , `x` , `/` - - - ## 2. `(10)` `[-]` `(10)`　 - - ![block-calculate](images/block-calculate-02.png) - - 왼쪽에 입력한 수에서 오른쪽에 입력한 수를 빼는 값 블록입니다. 연산자 목록을 클릭하면 사칙연산 기호를 선택할 수 있어요. @@ -46,17 +35,10 @@ order: 19 + `+`, `-` , `x` , `/` - - - ## 3. `(10)` `[x]` `(10)`　 - - ![block-calculate](images/block-calculate-03.png) - - 입력한 두 수를 곱하는 값 블록입니다. 연산자 목록을 클릭하면 사칙연산 기호를 선택할 수 있어요. @@ -65,17 +47,10 @@ order: 19 + `+`, `-` , `x` , `/` - - - ## 4. `(10)` `[/]` `(10)`　 - - ![block-calculate](images/block-calculate-04.png) - - 왼쪽에 입력한 수를 오른쪽에 입력한 수로 나누는 값 블록입니다. 정수로 나누어 떨어지지 않는 경우, 소수점 셋째 자리까지 계산해요. @@ -86,50 +61,29 @@ order: 19 + `+`, `-` , `x` , `/` - - - ## 5. `(0)` 부터 `(10)` 사이의 무작위 수 - - ![block-calculate](images/block-calculate-05.png) - - 입력한 두 수 사이에서 무작위의 한 수를 구하는 값 블록입니다. 두 수가 모두 정수이면 정수가, 둘 중 하나라도 소수이면 소수점 둘째 자리까지의 수를 무작위로 구해요. - - - ## 6. 마우스 `[x]` 좌표 - - ![block-calculate](images/block-calculate-06.png) - - 마우스의 x 또는 y 좌표를 가져오는 값 블록입니다. 목록 상자()를 클릭하면 가져올 좌표를 선택할 수 있어요. - - - ## 7. `[오브젝트]` 의 `[x 좌푯값]` - - ![block-calculate](images/block-calculate-07.png) - - -자신또는 다른 오브젝트의 속성을 가져오는 값 블록입니다. +자신 또는 다른 오브젝트의 속성을 가져오는 값 블록입니다. 목록 상자()를 클릭하면 가져올 속성을 선택할 수 있어요. @@ -137,47 +91,19 @@ order: 19 + `x 좌푯값`, `y 좌푯값`, `방향`, `이동 방향`, `크기`, `모양 번호`, `모양 이름` - - - -## 8. 소리 크기값 - - - -![block-calculate](images/block-calculate-08.png) - - - -작품의 소리 크기를 가져오는 값 블록입니다. - - - - - -## 9. `(10)` / `(10)` 의 `[몫]` - - +## 8. `(10)` / `(10)` 의 `[몫]` ![block-calculate](images/block-calculate-09.png) - - 왼쪽에 입력한 수를 오른쪽에 입력한 수로 나눈 몫이나 나머지를 구하는 값 블록입니다. 목록 상자()를 클릭하면 `몫` 또는 `나머지` 를 선택할 수 있어요. - - - -## 10. `(10)` 의 `[제곱]` - - +## 9. `(10)` 의 `[제곱]` ![block-calculate](images/block-calculate-10.png) - - 입력한 수에 대한 다양한 수학식의 결과를 구하는 값 블록입니다. 목록 상자()를 클릭하면 수학식을 선택할 수 있어요. @@ -186,65 +112,37 @@ order: 19 + `제곱`, `루트`, `사인값`, `코사인값`, `탄젠트값`, `아크사인값`, `아크코사인값`, `아크탄젠트값`, `로그값`, `자연로그값`, `소수점 부분`, `소수점 버림값`, `소수점 올림값`, `소수점 반올림값`, `펙토리얼값`, `절대값` - - - -## 11. 초시계 값 - - +## 10. 초시계 값 ![block-calculate](images/block-calculate-11.png) - - 초시계의 시간을 가져오는 값 블록입니다. 이 블록을 사용한 시각을 가져와요. - - - -## 12. 초시계 `[시작하기]` - - +## 11. 초시계 `[시작하기]` ![block-calculate](images/block-calculate-12.png) - - 초시계가 선택한 기능에 맞게 동작합니다. 목록 상자()를 클릭하면 초시계를 시작 또는 정지하거나, 시간을 0으로 초기화할 수 있어요. - - - -## 13. 초시계 `[숨기기]` - - +## 12. 초시계 `[숨기기]` ![block-calculate](images/block-calculate-13.png) - - 초시계를 실행 화면에서 숨기거나 보입니다. 목록 상자()를 클릭하면 초시계를 숨길지 보일지 고를 수 있어요. - - - -## 14. 현재 `[연도]` - - +## 13. 현재 `[연도]` ![block-calculate](images/block-calculate-14.png) - - 현재 시각을 가져오는 값 블록입니다. 목록 상자()를 클릭하면 시각의 범위를 선택할 수 있어요. @@ -253,17 +151,10 @@ order: 19 + `연도`, `월`, `일`, `시각(시)`, `시각(분)`, `시각(초)` - - - -## 15. `[오브젝트]` 까지의 거리 - - +## 14. `[오브젝트]` 까지의 거리 ![block-calculate](images/block-calculate-15.png) - - 이 오브젝트와 선택한 항목 사이의 거리를 구하는 값 블록입니다. 목록 상자()를 클릭하면 거리를 구할 오브젝트 또는 마우스 포인터를 선택할 수 있어요. @@ -271,77 +162,52 @@ order: 19 둘은 얼마나 가까운 사이일지 알아볼까요? +## 15. 아이디 - - -## 16. `[소리]` 소리의 길이 - - - -![block-calculate](images/block-calculate-16.png) - - - -소리의 길이를 가져오는 값 블록입니다. - -목록 상자()를 클릭하면 소리를 선택할 수 있어요. - - - - - -## 17. 사용자 아이디 - - - -![block-calculate](images/block-calculate-17.png) - - +![block-figures](images/block-figures-15.png) 이 작품을 실행하는 사용자의 아이디(ID)를 가져오는 값 블록입니다. +값은 개인정보 보호를 위해 마스킹 처리되어 있습니다. +## 16. 닉네임 +![block-figures](images/block-figures-16.png) -## 18. `(엔트리)` 의 글자 수 +이 작품을 실행하는 사용자의 닉네임을 가져오는 값 블록입니다. +## 17. `(엔트리)` 의 글자 수 ![block-calculate](images/block-calculate-18.png) - - 입력한 내용의 글자 수를 가져오는 값 블록입니다. 띄어쓰기(공백)도 글자 수에 포함합니다. +## 18. `(Hello Entry!)` 에서 `(e)` 의 글자 수 +![block-figures](images/block-figures-18.png) -## 19. `(안녕!)` 과(와) `(엔트리)` 를 합치기 - +입력한 첫 번째 내용에서, 두 번째 내용의 글자 수를 가져오는 값 블록입니다. +영문을 입력하는 경우 대문자와 소문자를 구분하여 수를 셉니다. -![block-calculate](images/block-calculate-19.png) +## 19. `(안녕!)` 과(와) `(엔트리)` 을(를) 합친 값 +![block-figures](images/block-figures-19.png) 입력한 두 내용을 합치는 값 블록입니다. - - - ## 20. `(안녕 엔트리!)` 의 `(1)` 번째 글자 - - ![block-calculate](images/block-calculate-20.png) - - 입력한 내용에서 입력한 순서의 글자를 가져오는 값 블록입니다. 입력한 순서는 1 에서 글자 수 사이여야 해요. @@ -349,17 +215,11 @@ order: 19 띄어쓰기(공백)도 글자 수에 포함합니다. - - - ## 21. `(안녕 엔트리!)` 의 `(2)` 번째 글자부터 `(5)` 번째 글자까지의 글자 - - ![block-calculate](images/block-calculate-21.png) - 입력한 내용에서 입력한 구간을 가져오는 값 블록입니다. 입력한 순서는 1 에서 글자 수 사이여야 해요. 띄어쓰기(공백)도 글자 수에 포함합니다. @@ -367,17 +227,10 @@ order: 19 `(안녕 엔트리!)`'에서 2번째 글자부터 5번째 글자까지의 글자는 '녕 엔트'가 되겠네요. - - - ## 22. `(안녕 엔트리!)` 에서 `(엔트리)` 의 시작 위치 - - ![block-calculate](images/block-calculate-22.png) - - 입력한 첫 번째 내용에서, 두 번째 내용이 시작하는 위치(순서)를 가져오는 값 블록입니다. 같은 내용이 없다면 0 을 가져와요. 띄어쓰기(공백)도 글자 수에 포함합니다. @@ -385,37 +238,59 @@ order: 19 '`(안녕 엔트리!)`'에서 '`(엔트리)`'시작 위치는 4가 되겠네요. +## 23. `(안녕 엔트리!)` 의 `(안녕)` 을(를) `(반가워)` 로 바꾼 값 +![block-figures](images/block-figures-23.png) +입력한 첫 번째 내용에서, 두 번째 내용을 세 번째 내용으로 바꾸는 값 블록입니다. -## 23. `(안녕 엔트리!)` 의 `(안녕)` 을(를) `(반가워)` 로 바꾸기 +입력한 내용과 같은 내용이 없다면 문장은 바뀌지 않습니다. + '`(안녕 엔트리!)`'에서 '`(안녕)`'을 '`(반가워)`'로 바꾸면 '반가워 엔트리!' 가 되겠네요. -![block-calculate](images/block-calculate-23.png) +## 24. `(엔트리)` 을(를) 뒤집은 값 +![block-figures](images/block-figures-24.png) +입력한 내용의 순서를 반대로 뒤집은 내용을 가져오는 값 블록입니다. -입력한 첫 번째 내용에서, 두 번째 내용을 세 번째 내용으로 바꾸는 값 블록입니다. -입력한 내용과 같은 내용이 없다면 문장은 바뀌지 않습니다. +## 25. `(Hello Entry!)` 을(를) `[대문자]` 로 바꾼 값 - '`(안녕 엔트리!)`'에서 '`(안녕)`'을 '`(반가워)`'로 바꾸면 '반가워 엔트리!' 가 되겠네요. +![block-figures](images/block-figures-25.png) +입력한 내용의 모든 알파벳을 대문자 또는 소문자로 바꾸는 값 블록입니다. +목록 상자()를 클릭하면 대문자 또는 소문자를 선택할 수 있어요. + '`(Hello Entry!)`'를 대문자로 바꾸면 'HELLO ENTRY!' 가 되겠네요. -## 24. `(Hello Entry!)` 의 `[대문자]` +## 26. `[모든]` 의 블록 수 +![block-figures](images/block-figures-26.png) +블록의 수를 세는 값 블록입니다. -![block-calculate](images/block-calculate-24.png) +시작 블록에 조립된 블록을 기준으로 수를 셉니다. ++ **선택할 수 있는 대상** + + `모든` : 작품의 모든 블록의 수를 셉니다. + + `자신` : 이 오브젝트의 블록 수를 셉니다. + + `(오브젝트 이름)` : 선택한 오브젝트의 블록 수를 셉니다. + + `(장면 이름)` : 선택한 장면의 블록 수를 셉니다. -입력한 내용의 모든 알파벳을 대문자 또는 소문자로 바꾸는 값 블록입니다. +## 27. R: `(255)` G: `(0)` B: `(0)` 의 HEX 값 -목록 상자()를 클릭하면 대문자 또는 소문자를 선택할 수 있어요. +![block-figures](images/block-figures-27.png) - '`(Hello Entry!)`'를 대문자로 바꾸면 'HELLO ENTRY!' 가 되겠네요. +입력한 빨강(R), 초록(G), 파랑(B) 값을 HEX 값으로 변환해 가져오는 값 블록입니다. + + +## 28. HEX `(#ff0000)` 의 `[R]` 값 + +![block-figures](images/block-figures-28.png) + +입력한 HEX 값을 빨강(R), 초록(G), 파랑(B) 중 하나로 변환해 가져오는 값 블록입니다. diff --git a/source/user/block_decision.md b/source/user/block_decision.md index f893a6f1..ad0569c5 100644 --- a/source/user/block_decision.md +++ b/source/user/block_decision.md @@ -1,7 +1,7 @@ --- layout: page title: 판단 블록 -date: 2020-10-26 17:21:00 +date: 2023-11-17 15:56:00 type: userGuide category: "블록" order: 18 @@ -11,27 +11,23 @@ order: 18 ## 1. <마우스를 클릭했는가?> - - ![block-decision](images/block-decision-01.png) - - 실행 화면에서 마우스를 클릭하면 참으로, 아니라면 거짓으로 판단하는 블록입니다. 마우스의 왼쪽, 오른쪽, 휠 클릭과 터치가 가능해요. +## 2. <오브젝트를 클릭했는가?> +![block-decision](images/block-decision-02.png) +실행 화면에서 오브젝트를 클릭하면 참으로, 아니라면 거짓으로 판단하는 블록입니다. -## 2. <`[q]` 키가 눌러져 있는가?> - - - -![block-decision](images/block-decision-02.png) +## 3. <`[q]` 키가 눌러져 있는가?> +![block-decision](images/block-decision-03.png) 키를 누르고 있으면 참으로, 아니라면 거짓으로 판단하는 블록입니다. @@ -41,16 +37,9 @@ order: 18 + `위쪽 화살표`, `아래쪽 화살표`, `오른쪽 화살표`, `왼쪽 화살표`, `스페이스`, `엔터`, `ctrl`, `shift`, `alt`, `tab`, `esc`, `back-space`, `0`, `1`, `2`, `3`, `4`, `5`, `6`, `7`, `8`, `9`, `a`, `b`, `c`, `d`, `e`, `f`, `g`, `h`, `i`, `j`, `k`, `l`, `m`, `n`, `o`, `p`, `q`, `r`, `s`, `t`, `u`, `v`, `w`, `x`, `y`, `z`, `;`, `=`, `,`, `-`, `.`, `/`, `~`, `[`, `backslash`, `]`, `'` +## 4. <`[마우스 포인터]` 에 닿았는가?> - - -## 3. <`[마우스 포인터]` 에 닿았는가?> - - - -![block-decision](images/block-decision-03.png) - - +![block-decision](images/block-decision-04.png) 이 오브젝트가 선택한 항목에 닿았다면 참으로, 아니라면 거짓으로 판단하는 블록입니다. @@ -60,16 +49,21 @@ order: 18 + `오브젝트`, `마우스포인터`, `벽`, `위쪽벽`, `아래쪽벽`, `오른쪽벽`, `왼쪽벽` +## 5. <`(10)` (이)가 `[숫자]` 인가?> +![block-decision](images/block-decision-05.png) +입력한 내용이 선택한 문자로만 이루어져 있다면 참으로, 아니라면 거짓으로 판단하는 블록입니다. -## 4. <`(10)` `[=]` `(10)`> - +목록 상자()를 클릭하면 판단할 문자의 종류를 선택할 수 있어요. ++ **선택할 수 있는 항목** + + `숫자`, `영문`, `한글` -![block-decision](images/block-decision-04.png) +## 6. <`(10)` `[=]` `(10)`> +![block-decision](images/block-decision-06.png) 입력한 두 내용이 같으면 참으로, 아니라면 거짓으로 판단하는 블록입니다. @@ -79,16 +73,9 @@ order: 18 + `=` , `!= ` , `> `, `< ` , `≥ ` , `≤ ` +## 7. <`(10)` `[!=]` `(10)`> - - -## 5. <`(10)` `[!=]` `(10)`> - - - -![block-decision](images/block-decision-05.png) - - +![block-decision](images/block-decision-07.png) 입력한 두 내용이 같지 않으면 참으로, 아니라면 거짓으로 판단하는 블록입니다. @@ -98,16 +85,9 @@ order: 18 + `=` , `!= ` , `> `, `< ` , `≥ ` , `≤ ` +## 8. <`(10)` `[>]` `(10)`> - - -## 6. <`(10)` `[>]` `(10)`> - - - -![block-decision](images/block-decision-06.png) - - +![block-decision](images/block-decision-08.png) 다음과 같이 동작하는 블록입니다. @@ -121,16 +101,9 @@ order: 18 + `=` , `!= ` , `> `, `< ` , `≥ ` , `≤ ` +## 9. <`(10)` `[<]` `(10)`> - - -## 7. <`(10)` `[<]` `(10)`> - - - -![block-decision](images/block-decision-07.png) - - +![block-decision](images/block-decision-09.png) 다음과 같이 동작하는 블록입니다. @@ -144,16 +117,9 @@ order: 18 + `=` , `!= ` , `> `, `< ` , `≥ ` , `≤ ` +## 10. <`(10)` `[≥]` `(10)`> - - -## 8. <`(10)` `[≥]` `(10)`> - - - -![block-decision](images/block-decision-08.png) - - +![block-decision](images/block-decision-10.png) 다음과 같이 동작하는 블록입니다. @@ -167,16 +133,9 @@ order: 18 + `=` , `!= ` , `> `, `< ` , `≥ ` , `≤ ` +## 11. <`(10)` `[≤]` `(10)`> - - -## 9. <`(10)` `[≤]` `(10)`> - - - -![block-decision](images/block-decision-09.png) - - +![block-decision](images/block-decision-11.png) 다음과 같이 동작하는 블록입니다. @@ -190,16 +149,9 @@ order: 18 + `=` , `!= ` , `> `, `< ` , `≥ ` , `≤ ` +## 12. <`<참>` `[그리고]` `<참>`> - - -## 10. <`<참>` `[그리고]` `<참>`> - - - -![block-decision](images/block-decision-10.png) - - +![block-decision](images/block-decision-12.png) 결합한 두 판단 블록()이 모두 참이면 참으로, 두 판단 블록 중 하나라도 거짓이면 거짓으로 판단하는 블록입니다. @@ -210,16 +162,9 @@ order: 18 + `그리고` , `또는 ` +## 13. <`<참>` `[또는]` `<거짓>`> - - -## 11. <`<참>` `[또는]` `<거짓>`> - - - -![block-decision](images/block-decision-11.png) - - +![block-decision](images/block-decision-13.png) 결합한 두 판단 블록() 중 하나라도 참이면 참으로, 두 판단 블록이 모두 거짓이면 거짓으로 판단하는 블록입니다. @@ -230,17 +175,19 @@ order: 18 + `그리고` , `또는 ` +## 14. <`<참>` (이)가 아니다> +![block-decision](images/block-decision-14.png) +결합한 판단 블록()이 참이면 거짓으로, 거짓이면 참으로 판단하는 블록입니다. -## 12. <`<참>` (이)가 아니다> - - +청개구리 같은 블록이에요. -![block-decision](images/block-decision-12.png) +## 15. <부스트모드가 켜져 있는가?> +![block-decision](images/block-decision-15.png) -결합한 판단 블록()이 참이면 거짓으로, 거짓이면 참으로 판단하는 블록입니다. +부스트모드가 켜져 있으면 참으로, 꺼져 있으면 거짓으로 판단하는 블록입니다. -청개구리 같은 블록이에요. +(참고로 부스트모드는 엔트리 작품을 실행할 때 WebGL 이라는 그래픽 라이브러리를 사용하는 상태를 말해요.) \ No newline at end of file diff --git a/source/user/block_flow.md b/source/user/block_flow.md index e2468fb9..270680e3 100644 --- a/source/user/block_flow.md +++ b/source/user/block_flow.md @@ -1,7 +1,7 @@ --- layout: page title: 흐름 블록 -date: 2021-01-07 10:48:00 +date: 2023-11-16 15:57:00 type: userGuide category: "블록" order: 12 @@ -9,60 +9,35 @@ order: 12 ## 1. `(2)` 초 기다리기 - - ![block-flow](images/block-flow-01.png) - - 입력한 시간(value)만큼 기다린 후에 다음 블록이 동작합니다. 시간이 0 이하이면 동작을 건너뛰는 대신에 아주 짧은 시간을 기다려요. - - - ## 2. `(10)` 번 반복하기 - - ![block-flow](images/block-flow-02.png) - - 입력한 횟수(value)만큼 감싸인 블록이 반복 동작합니다. 횟수가 0 이면 감싸인 블록은 동작하지 않아요. - - - ## 3. 계속 반복하기 - - ![block-flow](images/block-flow-03.png) - - 감싸인 블록이 계속해서 반복 동작합니다. '반복 중단하기' 블록(block-flow)으로 멈출 수 있어요. - - - ## 4. `<참>` `[이 될 때까지]` 반복하기 - - ![block-flow](images/block-flow-04.png) - - 판단 블록()에 따라 감싸인 블록이 반복 동작할지 결정합니다. 목록 상자()를 클릭하면 반복을 멈추는 시점을 바꿀 수 있어요. @@ -72,162 +47,94 @@ order: 12 + `인 동안` : 판단 블록()이 참인 동안(거짓이 될 때까지) 반복합니다. - - - ## 5. 반복 중단하기 - - ![block-flow](images/block-flow-05.png) - - 이 블록을 감싼 가장 가까운 반복 블록을 **즉시** 멈춥니다. 이 블록이 조립되어 있는 블록 중 가장 가까이에 있는 반복 블록이 멈추게 됩니다. - - - ## 6. 만일 `<참>` 이라면 ![block-flow](images/block-flow-06.png) - - 만일 판단 블록()이 참이라면, 감싸인 블록이 동작합니다. 거짓이라면, 감싸인 블록이 동작하지 않고 다음 블록이 동작합니다. - - - ## 7. 만일 `<참>` (이)라면 아니면 - - ![block-flow](images/block-flow-07.png) - - 만일 판단 블록()이 참이라면, 위의 감싸인 블록이 동작합니다. 거짓이라면, 아래의 감싸인 블록이 동작합니다. '만일 `<참>` 이라면' 블록을 두 개 조립하는 것보다 판단 블록()이 덜 필요하겠죠! - - - ## 8. `<참>` 이(가) 될 때까지 기다리기 - - ![block-flow](images/block-flow-08.png) - - 판단 블록()이 참이 될 때까지 기다렸다가, 참이 되면 다음 블록이 동작합니다. - - - ## 9. `[모든]` 코드 멈추기 - - ![block-flow](images/block-flow-09.png) - - 선택한 블록이 **즉시** 멈춥니다. 목록 상자()를 클릭하면 멈출 블록을 선택할 수 있어요. + **선택할 수 있는 블록** + `모든` : 작품의 모든 블록이 동작을 멈춥니다. - + `오브젝트` : 이 오브젝트의 모든 블록이 동작을 멈춥니다. - + `이 블록` : 이 블록과 조립한 블록이 동작을 멈춥니다. - + `이 블록과 다른` : 이 오브젝트에서 이 블록과 조립한 블록을 제외한 모든 블록이 동작을 멈춥니다. - + `다른 오브젝트` : 다른 오브젝트의 모든 블록이 동작을 멈춥니다. + + `자신의` : 이 오브젝트의 모든 블록이 동작을 멈춥니다. + + `이 블록의` : 이 블록과 조립한 블록이 동작을 멈춥니다. + + `자신의 다른` : 이 오브젝트에서 이 블록과 조립한 블록을 제외한 모든 블록이 동작을 멈춥니다. + + `다른 오브젝트의` : 다른 오브젝트의 모든 블록이 동작을 멈춥니다. 하지만 모든 코드를 멈추어도 작품을 중지하는 것은 아닙니다. 시작 블록은 여전히 작동하거든요. - - - ## 10. 처음부터 다시 실행하기 - - ![block-flow](images/block-flow-10.png) - - 작품을 처음부터 다시 실행합니다. 시작하기 버튼을 클릭했을 때와 똑같이 작품을 실행해요. - - - ## 11. 복제본이 처음 생성되었을 때 - - ![block-flow](images/block-flow-11.png) - - 오브젝트의 복제본이 새로 생성되었을 때, 해당 복제본에서만 이 블록에 조립된 블록이 동작합니다. 다른 복제본과 원본 오브젝트는 이 시작 블록이 동작하지 않아요. - - - ## 12. `[자신]` 의 복제본 만들기 - - ![block-flow](images/block-flow-12.png) - - 오브젝트의 복제본을 생성합니다. 목록 상자()를 클릭하면 자신(이 오브젝트) 또는 다른 오브젝트를 선택할 수 있어요. - - - ## 13. 이 복제본 삭제하기 - - ![block-flow](images/block-flow-13.png) - - 이 블록이 동작하는 해당 복제본을 삭제합니다. - - - ## 14. 모든 복제본 삭제하기 - - ![block-flow](images/block-flow-14.png) - - 이 블록이 동작하는 오브젝트와 상관 없이, 작품에서 생성한 **모든** 복제본을 삭제합니다. -복제본들이 가장 무서워하는 블록이에요. +복제본들이 가장 무서워하는 블록이에요. \ No newline at end of file diff --git a/source/user/block_function.md b/source/user/block_function.md index 7b7dbb99..9671f5a6 100644 --- a/source/user/block_function.md +++ b/source/user/block_function.md @@ -1,7 +1,7 @@ --- layout: page title: 함수 블록 -date: 2023-01-25 15:48:00 +date: 2023-11-17 15:32:00 type: userGuide category: "블록" order: 21 @@ -18,8 +18,12 @@ order: 21 ![block-function-define-example2](images/block-function-define-example2.png) '집 밖으로 나가기'라는 목적을 달성하는 함수를 정의한다면 이렇게 만들 수 있겠네요. + + * * * + + ## 함수 만들기 화면 함수는 '함수 만들기' 화면에서 정의합니다. 블록 조립소에서 바로 정의하지 않고, 각각의 함수만을 조립할 수 있는 별도의 영역이에요. @@ -44,9 +48,9 @@ order: 21 함수 정의하기 블록은 흐름 블록과 비슷하게 일반 블록을 감싸는 형태입니다. -+ **기본 형태** (결과값을 가지지 않음) ++ **기본 형태** (결괏값을 가지지 않음) ![block-function-define](images/block-function-define.png) -+ **결과값을 가지는 형태** ++ **결괏값을 가지는 형태** ![block-function-define-value](images/block-function-define-value.png) 함수 정의하기 블록에 일반 블록을 조립하면, 함수가 동작할 때 각각의 블록이 조립된 순서대로 동작합니다. @@ -121,10 +125,10 @@ order: 21 + **기본 형태** (일반 블록) ![block-function](images/block-function.png) -+ **결과값 형태** (값 블록) ++ **결괏값 형태** (값 블록) ![block-function-value](images/block-function-value.png) 함수 블록은 일반 블록의 형태 뿐만 아니라, 값 블록의 형태로도 만들어 줄 수 있어요. -함수에 조립된 블록들이 모두 동작한 후, 결과값을 반환하는 형태가 되는 거죠! +함수에 조립된 블록들이 모두 동작한 후, 결괏값을 반환하는 형태가 되는 거죠! (그래서 최종적으로 만들어 지는 함수 블록도 값 블록 모양이 되는 거에요.) 블록 조립소에서 함수 블록을 조립해 사용할 때는, 함수 블록의 `(문자/숫자값 1)` 자리에 입력된 값(`(40)`)이 함수를 정의할 때 사용한 일반 블록에 결합된 모든 `(문자/숫자값 1)`의 자리에 똑같이 들어가서 동작하게 됩니다. diff --git a/source/user/block_looks.md b/source/user/block_looks.md index beaf2956..23e07dec 100644 --- a/source/user/block_looks.md +++ b/source/user/block_looks.md @@ -1,122 +1,80 @@ --- layout: page title: 생김새 블록 -date: 2020-12-22 15:45:00 +date: 2023-11-16 12:53:00 type: userGuide category: "블록" order: 14 --- - - ## 1. 모양 보이기 - - ![block-looks](images/block-looks-01.png) - - 오브젝트를 보이게 합니다. - - - ## 2. 모양 숨기기 - - ![block-looks](images/block-looks-02.png) - - 오브젝트를 실행 화면에서 숨깁니다. - - - ## 3. `(안녕!)` 을(를) `(4)` 초 동안 `[말하기]` - - block-looks - - 오브젝트가 입력한 내용(value)을 입력한 시간(value)동안 말풍선으로 보여줍니다. 이 블록이 동작하는 도중에 다른 블록을 사용하거나 말풍선을 지우면 말하던 내용은 사라집니다. 그러나 시간은 그대로 유지됩니다. 시간이 지나면 말풍선은 사라지고 다음 블록이 동작합니다. - - ++ **선택할 수 있는 말풍선** + + `말하기` : 일반적인 모양의 말풍선입니다.
말하기 + + `생각하기` : 생각을 나타내는 구름 모양 말풍선입니다.
말하기 ## 4. `(안녕!)` 을(를) `[말하기]` - - ![block-looks](images/block-looks-04.png) - - 오브젝트가 입력한 내용(value)을 말풍선으로 보여줍니다. 다른 블록을 사용하거나 말풍선을 지우면 말하던 내용은 사라집니다. block-looks과 달리 다음 블록이 바로 동작해요. - - ++ **선택할 수 있는 말풍선** + + `말하기` : 일반적인 모양의 말풍선입니다. + + `생각하기` : 생각을 나타내는 구름 모양 말풍선입니다. ## 5. 말하기 지우기 - - ![block-looks](images/block-looks-05.png) - - 오브젝트의 말풍선을 지웁니다. 쉿! - - - ## 6. `(모양1)` 모양으로 바꾸기 - - ![block-looks](images/block-looks-06.png) - - 오브젝트의 모양을 바꿉니다. 목록 상자()를 클릭하면 바꿀 모양을 선택할 수 있어요. 모양 값 블록(icon-looksvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 모양 목록에 해당하는 순서의 모양으로 바꿀 수 있습니다. - - looks-input-change - - - ## 7. `[다음]` 모양으로 바꾸기 - - ![block-looks](images/block-looks-07.png) - - 오브젝트의 모양을 모양 목록의 순서에 따라 이전/다음 모양으로 바꿉니다. 목록 상자()를 클릭하면 이전 또는 다음 모양으로 바꿀지 선택할 수 있어요. @@ -124,17 +82,10 @@ order: 14 지금 모양이 마지막 순서라면 다음 모양은 첫 번째고, 지금 모양이 첫 번째 순서라면 이전 모양은 마지막 모양이에요. - - - ## 8. `[색깔]` 효과를 `(10)` 만큼 주기 - - ![block-looks](images/block-looks-08.png) - - 오브젝트에 입력한 숫자(value)만큼 효과를 줍니다. 입력한 수가 양수이면 효과가 강해지고, 음수이면 약해져요. @@ -147,17 +98,10 @@ order: 14 + `투명도` : 0~100 의 범위에서 투명 효과를 줍니다. 100 에 가까울수록 투명해요! - - - ## 9. `[색깔]` 효과를 `(100)` (으)로 정하기 - - ![block-looks](images/block-looks-09.png) - - 오브젝트의 효과를 입력한 숫자(value)로 정합니다. 목록 상자()를 클릭하면 효과를 선택할 수 있어요. @@ -168,31 +112,17 @@ order: 14 + `투명도` : 0~100 의 범위에서 투명 효과를 줍니다. 100 에 가까울수록 투명해요! - - - ## 10. 효과 모두 지우기 - - ![block-looks](images/block-looks-10.png) - - 오브젝트의 효과를 모두 지웁니다. - - - ## 11. 크기를 `(10)` 만큼 바꾸기 - - ![block-looks](images/block-looks-11.png) - - 오브젝트의 크기를 입력한 크기(value)만큼 바꿉니다. 입력한 수가 양수이면 커지고, 음수이면 작아져요. @@ -200,17 +130,10 @@ order: 14 오브젝트의 기본 크기는 100 이고, 1 보다 작아질 수 없어요. - - - ## 12. 크기를 `(100)` (으)로 정하기 - - ![block-looks](images/block-looks-12.png) - - 오브젝트의 크기를 입력한 크기(value)로 정합니다. 오브젝트의 기본 크기는 100 이고, 입력한 크기가 100 보다 작거나 크면 오브젝트의 크기는 원래 크기보다 @@ -218,49 +141,28 @@ order: 14 작거나 커져요. 1 보다 작은 크기를 입력하면 크기는 1 입니다. - - - ## 13. 상하 모양 뒤집기 - - ![block-looks](images/block-looks-13.png) - - 오브젝트의 모양을 세로 방향으로 뒤집습니다. 오브젝트의 방향과 이동 방향, 중심점은 변하지 않아요. - - - ## 14. 좌우 모양 뒤집기 - - ![block-looks](images/block-looks-14.png) - - 오브젝트의 모양을 가로 방향으로 뒤집습니다. 오브젝트의 방향과 이동 방향, 중심점은 변하지 않아요. - - - ## 15. `[맨 앞으로]` 보내기 - - ![block-looks](images/block-looks-15.png) - - 오브젝트가 실행 화면에서 보이는 순서를 바꿉니다. 목록 상자()를 클릭하면 순서를 선택할 수 있어요. diff --git a/source/user/block_sound.md b/source/user/block_sound.md index 51c338a3..ec206f77 100644 --- a/source/user/block_sound.md +++ b/source/user/block_sound.md @@ -1,7 +1,7 @@ --- layout: page title: 소리 블록 -date: 2020-10-26 16:57:00 +date: 2023-11-16 19:06:00 type: userGuide category: "블록" order: 17 @@ -9,166 +9,171 @@ order: 17 ## 1. 소리 `([소리])` 재생하기 - - ![block-sound](images/block-sound-01.png) - - -소리를 재생합니다. +선택한 소리를 재생합니다. 소리가 재생됨과 동시에 다음 블록이 시작됩니다. 목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. 소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. - - sound-input-change - - - ## 2. 소리 `([소리])` `(1)` 초 재생하기 - - ![block-sound](images/block-sound-02.png) - - -소리를 처음부터 입력한 시간(value)동안 재생합니다. +선택한 소리를 처음부터 입력한 시간(value)동안 재생합니다. 소리가 재생됨과 동시에 다음 블록이 시작됩니다. 목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. 소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. - - - ## 3. 소리 `([소리])` `(1)` 초 부터 `(10)` 초 까지 재생하기 -#### - ![block-sound](images/block-sound-03.png) +선택한 소리의 입력한 구간을 재생합니다. 소리가 재생됨과 동시에 다음 블록이 시작됩니다. - -입력한 구간에 해당하는 소리 구간을 재생합니다. - -소리가 재생되는 중간에 다음 블록이 시작됩니다. - -재생을 시작할 시각(value)과 마칠 시각(value)을 각각 입력할 수 있습니다. +재생 시작 시점(value)과 끝 시점(value)을 각각 입력할 수 있습니다. 목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. 소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. - - - ## 4. 소리 `([소리])` 재생하고 기다리기 - - ![block-sound](images/block-sound-04.png) - - -소리를 처음부터 재생하고, 재생이 끝나면 다음 블록이 동작합니다. +선택한 소리를 재생하고, 재생이 끝나면 다음 블록이 동작합니다. 목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. 소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. +## 5. 소리 `([소리])` `(1)` 초 재생하고 기다리기 +![block-sound](images/block-sound-05.png) +선택한 소리를 처음부터 입력한 시간(value)동안 재생하고, 재생이 끝나면 다음 블록이 동작합니다. -## 5. 소리 `([소리])` `(1)` 초 재생하고 기다리기 +목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. +소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. -![block-sound](images/block-sound-05.png) +## 6. 소리 `([소리])` `(1)` 초 부터 `(10)` 초까지 재생하고 기다리기 +![block-sound](images/block-sound-06.png) +선택한 소리의 입력한 구간을 재생하고, 재생이 끝나면 다음 블록이 동작합니다. -소리를 처음부터 입력한 시간(value)동안 재생하고, 재생이 끝나면 다음 블록이 동작합니다. +재생 시작 시점(value)과 끝 시점(value)을 각각 입력할 수 있습니다. 목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. 소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. +## 7. `([소리])` 소리의 길이 +![block-sound](images/block-sound-07.png) +소리의 길이를 가져오는 값 블록입니다. -## 6. 소리 `([소리])` `(1)` 초 부터 `(10)` 초까지 재생하고 기다리기 +목록 상자()를 클릭하면 소리를 선택할 수 있어요. +## 8. 소리 크기 -![block-sound](images/block-sound-06.png) +![block-sound](images/block-sound-08.png) +작품의 소리 크기를 가져오는 값 블록입니다. +기본 크기는 100(%)입니다. -입력한 구간에 해당하는 소리 구간을 재생합니다. -재생이 끝나면 소리를 멈추고 다음 블록이 동작합니다. +## 9. 소리 크기를 `(10)` 만큼 바꾸기 -재생을 시작할 시각(value)과 마칠 시각(value)을 각각 입력할 수 있습니다. +![block-sound](images/block-sound-09.png) -목록 상자()를 클릭하면 재생할 소리를 선택할 수 있어요. -소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. +작품에서 재생하는 모든 소리의 크기를 입력한 크기(value)만큼 키웁니다. +입력한 수가 양수이면 소리가 커지고, 음수이면 작아져요. +기본 크기는 100(%)이고, 0~100% 범위에서 조절할 수 있어요. +## 10. 소리 크기를 `(10)` % 로 정하기 -## 7. 소리 크기를 `(10)` % 만큼 바꾸기 +![block-sound](images/block-sound-10.png) +작품에서 재생하는 모든 소리의 크기를 입력한 크기(value)로 정합니다. +기본 크기는 100(%)이고, 0~100% 범위에서 조절할 수 있어요. -![block-sound](images/block-sound-07.png) +## 11. 소리 빠르기 +![block-sound](images/block-sound-11.png) -작품의 소리 크기를 입력한 크기(value)만큼 키웁니다. +작품의 소리 빠르기를 가져오는 값 블록입니다. -입력한 수가 양수이면 소리가 커지고, 음수이면 작아져요. +기본 빠르기는 1(배)입니다. -소리의 기본 크기는 100%이고, 0%~100% 범위에서 조절할 수 있어요. +## 12. 소리 빠르기를 `(0.1)` 만큼 바꾸기 +![block-sound](images/block-sound-12.png) +작품에서 재생하는 모든 소리의 빠르기를 입력한 빠르기(value)만큼 바꿉니다. +입력한 수가 양수이면 소리가 빨라지고, 음수이면 느려져요. -## 8. 소리 크기를 `(10)` % 로 정하기 +기본 빠르기는 1(배)이고, 0.5~2배 범위에서 조절할 수 있어요. +## 13. 소리 빠르기를 `(1)` 배로 정하기 -![block-sound](images/block-sound-08.png) +![block-sound](images/block-sound-13.png) +작품에서 재생하는 모든 소리의 빠르기를 입력한 빠르기(value)로 정합니다. +기본 빠르기는 1(배)이고, 0.5~2배 범위에서 조절할 수 있어요. -작품의 소리 크기를 입력한 크기(value)로 정합니다. -소리의 기본 크기는 100%이고, 0%~100% 범위에서 조절할 수 있어요. +## 14. 모든 소리 멈추기 +![block-sound](images/block-sound-14.png) +작품에서 재생하는 소리 중 선택한 소리를 멈춥니다. 합죽이가 됩시다, 합! +단, 이 블록으로 배경음악은 멈출 수 없습니다. ++ **선택할 수 있는 대상** + + `모든` : 이 블록이 동작하는 오브젝트와 상관 없이, 작품에서 재생하는 **모든** 소리를 멈춥니다. + + `자신의` : 이 오브젝트에서 재생하는 소리를 멈춥니다. + + `다른 오브젝트의` : 다른 오브젝트에서 재생하는 소리를 멈춥니다. -## 9. 모든 소리 멈추기 +## 15. `([소리])` 을(를) 배경음악으로 재생하기 +![block-sound](images/block-sound-15.png) -![block-sound](images/block-sound-09.png) +선택한 소리를 장면이 바뀌어도 계속 재생되는 배경음악으로 재생합니다. + +소리는 장면이 바뀌면 멈추지만, 배경음악은 장면이 바뀌어도 1회에 한해 소리를 끝까지 재생해요. + +소리 값 블록(icon-soundvalue)을 분리해 값 블록(value)에 숫자를 입력하면, 소리 목록에 해당하는 순서의 소리를 재생할 수 있습니다. +## 16. 배경음악 멈추기 -이 블록이 동작하는 오브젝트와 상관 없이, 작품에서 재생하는 **모든** 소리를 멈춥니다. +![block-sound](images/block-sound-16.png) -모두 조용히 해! +재생되는 배경음악을 멈춥니다. 배경음악이 아닌 소리는 멈추지 않습니다. \ No newline at end of file diff --git a/source/user/block_text.md b/source/user/block_text.md index 5be15ac6..d15dedc4 100644 --- a/source/user/block_text.md +++ b/source/user/block_text.md @@ -1,7 +1,7 @@ --- layout: page title: 글상자 블록 -date: 2020-11-10 15:01:00 +date: 2023-11-16 16:23:00 type: userGuide category: "블록" order: 16 @@ -9,72 +9,42 @@ order: 16 ## 1. 글상자 `[글상자]` 의 내용 - - ![block-text](images/block-text-01.png) +글상자에 쓰인 내용을 가져오는 값 블록입니다. +기본적으로 글상자를 맨 처음 추가할 때 작성한 내용을 가져오고, 글상자 블록을 통해 내용을 바꿨다면 바꾼 내용을 가져옵니다. -글상자의 내용을 가져오는 값 블록입니다. 글상자는 빈 상자이고 그 안은 글로 채워넣어야 하니깐요. - -목록 상자()를 클릭하면 내용을 가져올 글상자를 선택할 수 있어요. +목록 상자()를 클릭하면 장면에 추가한 여러 글상자 중에서 내용을 가져올 글상자를 선택할 수 있어요. 만일 글상자의 내용에 줄바꿈이 있다면 띄어쓰기로 바꾸어요. - - - -## 2. `(엔트리)` 라고 글쓰기 - - +## 2. `(엔트리)` (이)라고 글쓰기 ![block-text](images/block-text-02.png) - - 입력한 내용(value)을 글상자의 내용으로 정합니다. - - - -## 3. `(엔트리)` 라고 뒤에 이어쓰기 - - +## 3. `(엔트리)` 을(를) 뒤에 추가하기 ![block-text](images/block-text-03.png) - - 입력한 내용(value)을 글상자의 내용 뒤에 추가합니다. - - - -## 4. `(엔트리)` 라고 앞에 추가하기 - - +## 4. `(엔트리)` 을(를) 앞에 추가하기 ![block-text](images/block-text-04.png) - - 입력한 내용(value)을 글상자의 내용 앞에 추가합니다. - - - ## 5. 텍스트에 `[가로줄]` 효과 `[켜기]` - - ![block-text](images/block-text-05.png) - - 글상자의 글씨(텍스트)에 효과를 켜거나 끕니다. 목록 상자()를 클릭하면 글씨 효과를 선택할 수 있어요. @@ -86,66 +56,36 @@ order: 16 + `볼드` : 글씨가 두꺼워집니다. - - - -## 6. 글씨체를 `[바탕체]` 로 변경 - - +## 6. 글씨체를 `[나눔고딕]` (으)로 바꾸기 ![block-text](images/block-text-06.png) - - -글상자의 글씨체를 선택한 글씨체로 정합니다. +글상자의 글씨체를 선택한 글씨체로 바꿉니다. + **선택할 수 있는 글씨체** - + `바탕체`, `한라산체`, `나눔고딕체`, `나눔명조`, `나눔손글씨`, `나눔스퀘어라운드체`, `코딩고딕체`, `잘난체`, `디자인하우스체`, `둥근모꼴체`, `어비마이센체`, `산돌 코믹스탠실`, `산돌 초록우산 어린이`, `산돌 씨네마극장`, `산돌 맵씨`, `산돌 별이샤방샤방`, `산돌 목각`, `산돌 용비어천가` - - - - - -## 7. 글씨색을 [◼︎] 로 변경 + + `나눔고딕`, `나눔명조`, `나눔바른펜`, `나눔손글씨`, `나눔스퀘어라운드`, `마루 부리`, `본고딕`, `D2 Coding`, `잘난체`, `디자인하우스체`, `둥근모꼴체`, `어비마이센체`, `산돌 코믹스탠실`, `산돌 초록우산 어린이`, `산돌 씨네마극장`, `산돌 맵씨`, `산돌 별이샤방샤방`, `산돌 목각`, `산돌 용비어천가` +## 7. 글씨색을 [◼︎] (으)로 바꾸기 ![block-text](images/block-text-07.png) - - -글상자의 글씨색을 선택한 색깔로 정합니다. +글상자의 글씨색을 선택한 색깔로 바꿉니다. 색깔 상자를 클릭하면 팔레트 모드에서 색깔을 선택하거나 슬라이더 모드에서 색깔을 조절할 수 있어요. - - - -## 8. 배경색을 [◼︎]로 변경 - - +## 8. 배경색을 [◼︎] (으)로 바꾸기 ![block-text](images/block-text-08.png) - - -글상자의 영역을 채울 색깔(배경색)을 선택한 색깔로 정합니다. +글상자의 영역을 채울 색깔(배경색)을 선택한 색깔로 바꿉니다. 색깔 상자를 클릭하면 팔레트 모드에서 색깔을 선택하거나 슬라이더 모드에서 색깔을 조절할 수 있어요. - - - ## 9. 텍스트 모두 지우기 - - ![block-text](images/block-text-09.png) - - -글상자의 내용을 모두 지웁니다. - -이제 새로운 글을 다시 써볼까요? +글상자의 내용을 모두 지웁니다. \ No newline at end of file diff --git a/source/user/images/block-brush-01.png b/source/user/images/block-brush-01.png old mode 100755 new mode 100644 index f62eece8..6fa965e3 Binary files a/source/user/images/block-brush-01.png and b/source/user/images/block-brush-01.png differ diff --git a/source/user/images/block-brush-02.png b/source/user/images/block-brush-02.png old mode 100755 new mode 100644 index df39939e..b36a3d50 Binary files a/source/user/images/block-brush-02.png and b/source/user/images/block-brush-02.png differ diff --git a/source/user/images/block-brush-03.png b/source/user/images/block-brush-03.png old mode 100755 new mode 100644 index 9cf90255..a9d8d4b7 Binary files a/source/user/images/block-brush-03.png and b/source/user/images/block-brush-03.png differ diff --git a/source/user/images/block-brush-04.png b/source/user/images/block-brush-04.png old mode 100755 new mode 100644 index 9c691615..d7b4becb Binary files a/source/user/images/block-brush-04.png and b/source/user/images/block-brush-04.png differ diff --git a/source/user/images/block-brush-05.png b/source/user/images/block-brush-05.png old mode 100755 new mode 100644 index 813b9603..6bf9c95b Binary files a/source/user/images/block-brush-05.png and b/source/user/images/block-brush-05.png differ diff --git a/source/user/images/block-brush-06.png b/source/user/images/block-brush-06.png old mode 100755 new mode 100644 index 28ff7510..7b1f206d Binary files a/source/user/images/block-brush-06.png and b/source/user/images/block-brush-06.png differ diff --git a/source/user/images/block-brush-07.png b/source/user/images/block-brush-07.png old mode 100755 new mode 100644 index 018ff0a5..9524a7e5 Binary files a/source/user/images/block-brush-07.png and b/source/user/images/block-brush-07.png differ diff --git a/source/user/images/block-brush-08.png b/source/user/images/block-brush-08.png old mode 100755 new mode 100644 index ec9f2f36..373edff8 Binary files a/source/user/images/block-brush-08.png and b/source/user/images/block-brush-08.png differ diff --git a/source/user/images/block-brush-09.png b/source/user/images/block-brush-09.png old mode 100755 new mode 100644 index a574d3bd..b2e8a584 Binary files a/source/user/images/block-brush-09.png and b/source/user/images/block-brush-09.png differ diff --git a/source/user/images/block-brush-10.png b/source/user/images/block-brush-10.png old mode 100755 new mode 100644 index 28e8bc77..f85a64e9 Binary files a/source/user/images/block-brush-10.png and b/source/user/images/block-brush-10.png differ diff --git a/source/user/images/block-brush-11.png b/source/user/images/block-brush-11.png new file mode 100644 index 00000000..5e900a71 Binary files /dev/null and b/source/user/images/block-brush-11.png differ diff --git a/source/user/images/block-brush-12.png b/source/user/images/block-brush-12.png new file mode 100644 index 00000000..ebb63ba5 Binary files /dev/null and b/source/user/images/block-brush-12.png differ diff --git a/source/user/images/block-brush-13.png b/source/user/images/block-brush-13.png new file mode 100644 index 00000000..fcb5b6ae Binary files /dev/null and b/source/user/images/block-brush-13.png differ diff --git a/source/user/images/block-decision-02.png b/source/user/images/block-decision-02.png old mode 100755 new mode 100644 index ed2e3939..d0749395 Binary files a/source/user/images/block-decision-02.png and b/source/user/images/block-decision-02.png differ diff --git a/source/user/images/block-decision-03.png b/source/user/images/block-decision-03.png index 96786cdc..ed2e3939 100755 Binary files a/source/user/images/block-decision-03.png and b/source/user/images/block-decision-03.png differ diff --git a/source/user/images/block-decision-04.png b/source/user/images/block-decision-04.png index ca91e41e..96786cdc 100755 Binary files a/source/user/images/block-decision-04.png and b/source/user/images/block-decision-04.png differ diff --git a/source/user/images/block-decision-05.png b/source/user/images/block-decision-05.png old mode 100755 new mode 100644 index 16abc89c..2cf3f4c5 Binary files a/source/user/images/block-decision-05.png and b/source/user/images/block-decision-05.png differ diff --git a/source/user/images/block-decision-06.png b/source/user/images/block-decision-06.png index cd1a6986..ca91e41e 100755 Binary files a/source/user/images/block-decision-06.png and b/source/user/images/block-decision-06.png differ diff --git a/source/user/images/block-decision-07.png b/source/user/images/block-decision-07.png index 2319b18e..16abc89c 100755 Binary files a/source/user/images/block-decision-07.png and b/source/user/images/block-decision-07.png differ diff --git a/source/user/images/block-decision-08.png b/source/user/images/block-decision-08.png index 83f9874f..cd1a6986 100755 Binary files a/source/user/images/block-decision-08.png and b/source/user/images/block-decision-08.png differ diff --git a/source/user/images/block-decision-09.png b/source/user/images/block-decision-09.png index b534f080..2319b18e 100755 Binary files a/source/user/images/block-decision-09.png and b/source/user/images/block-decision-09.png differ diff --git a/source/user/images/block-decision-10.png b/source/user/images/block-decision-10.png index ec6f5e28..83f9874f 100755 Binary files a/source/user/images/block-decision-10.png and b/source/user/images/block-decision-10.png differ diff --git a/source/user/images/block-decision-11.png b/source/user/images/block-decision-11.png index 17a13c99..b534f080 100755 Binary files a/source/user/images/block-decision-11.png and b/source/user/images/block-decision-11.png differ diff --git a/source/user/images/block-decision-12.png b/source/user/images/block-decision-12.png index 42e3e9e2..ec6f5e28 100755 Binary files a/source/user/images/block-decision-12.png and b/source/user/images/block-decision-12.png differ diff --git a/source/user/images/block-decision-13.png b/source/user/images/block-decision-13.png new file mode 100755 index 00000000..17a13c99 Binary files /dev/null and b/source/user/images/block-decision-13.png differ diff --git a/source/user/images/block-decision-14.png b/source/user/images/block-decision-14.png new file mode 100755 index 00000000..42e3e9e2 Binary files /dev/null and b/source/user/images/block-decision-14.png differ diff --git a/source/user/images/block-decision-15.png b/source/user/images/block-decision-15.png new file mode 100644 index 00000000..8ccfc036 Binary files /dev/null and b/source/user/images/block-decision-15.png differ diff --git a/source/user/images/block-figures-15.png b/source/user/images/block-figures-15.png new file mode 100644 index 00000000..dacc459c Binary files /dev/null and b/source/user/images/block-figures-15.png differ diff --git a/source/user/images/block-figures-16.png b/source/user/images/block-figures-16.png new file mode 100644 index 00000000..a433ab13 Binary files /dev/null and b/source/user/images/block-figures-16.png differ diff --git a/source/user/images/block-figures-18.png b/source/user/images/block-figures-18.png new file mode 100644 index 00000000..59747564 Binary files /dev/null and b/source/user/images/block-figures-18.png differ diff --git a/source/user/images/block-figures-19.png b/source/user/images/block-figures-19.png new file mode 100644 index 00000000..125324c8 Binary files /dev/null and b/source/user/images/block-figures-19.png differ diff --git a/source/user/images/block-figures-23.png b/source/user/images/block-figures-23.png new file mode 100644 index 00000000..871003a1 Binary files /dev/null and b/source/user/images/block-figures-23.png differ diff --git a/source/user/images/block-figures-24.png b/source/user/images/block-figures-24.png new file mode 100644 index 00000000..48fde822 Binary files /dev/null and b/source/user/images/block-figures-24.png differ diff --git a/source/user/images/block-figures-25.png b/source/user/images/block-figures-25.png new file mode 100644 index 00000000..90eeac4d Binary files /dev/null and b/source/user/images/block-figures-25.png differ diff --git a/source/user/images/block-figures-26.png b/source/user/images/block-figures-26.png new file mode 100644 index 00000000..1cb31c24 Binary files /dev/null and b/source/user/images/block-figures-26.png differ diff --git a/source/user/images/block-figures-27.png b/source/user/images/block-figures-27.png new file mode 100644 index 00000000..86b46b99 Binary files /dev/null and b/source/user/images/block-figures-27.png differ diff --git a/source/user/images/block-figures-28.png b/source/user/images/block-figures-28.png new file mode 100644 index 00000000..640b93ea Binary files /dev/null and b/source/user/images/block-figures-28.png differ diff --git a/source/user/images/block-function-define-value.png b/source/user/images/block-function-define-value.png index cb416ed5..e5dd8ea7 100644 Binary files a/source/user/images/block-function-define-value.png and b/source/user/images/block-function-define-value.png differ diff --git a/source/user/images/block-looks-03-example-01.png b/source/user/images/block-looks-03-example-01.png new file mode 100644 index 00000000..a8a2d094 Binary files /dev/null and b/source/user/images/block-looks-03-example-01.png differ diff --git a/source/user/images/block-looks-03-example-02.png b/source/user/images/block-looks-03-example-02.png new file mode 100644 index 00000000..d31797ec Binary files /dev/null and b/source/user/images/block-looks-03-example-02.png differ diff --git a/source/user/images/block-sound-07.png b/source/user/images/block-sound-07.png old mode 100755 new mode 100644 index 96278917..bbb88ed3 Binary files a/source/user/images/block-sound-07.png and b/source/user/images/block-sound-07.png differ diff --git a/source/user/images/block-sound-08.png b/source/user/images/block-sound-08.png old mode 100755 new mode 100644 index e6eb4f0a..97a9950c Binary files a/source/user/images/block-sound-08.png and b/source/user/images/block-sound-08.png differ diff --git a/source/user/images/block-sound-09.png b/source/user/images/block-sound-09.png old mode 100755 new mode 100644 index 32e9376d..0fe5c2e1 Binary files a/source/user/images/block-sound-09.png and b/source/user/images/block-sound-09.png differ diff --git a/source/user/images/block-sound-10.png b/source/user/images/block-sound-10.png new file mode 100755 index 00000000..e6eb4f0a Binary files /dev/null and b/source/user/images/block-sound-10.png differ diff --git a/source/user/images/block-sound-11.png b/source/user/images/block-sound-11.png new file mode 100644 index 00000000..61afdd76 Binary files /dev/null and b/source/user/images/block-sound-11.png differ diff --git a/source/user/images/block-sound-12.png b/source/user/images/block-sound-12.png new file mode 100644 index 00000000..47cea57b Binary files /dev/null and b/source/user/images/block-sound-12.png differ diff --git a/source/user/images/block-sound-13.png b/source/user/images/block-sound-13.png new file mode 100644 index 00000000..b61e6ce5 Binary files /dev/null and b/source/user/images/block-sound-13.png differ diff --git a/source/user/images/block-sound-14.png b/source/user/images/block-sound-14.png new file mode 100644 index 00000000..8dc67a18 Binary files /dev/null and b/source/user/images/block-sound-14.png differ diff --git a/source/user/images/block-sound-15.png b/source/user/images/block-sound-15.png new file mode 100644 index 00000000..2f8b8f95 Binary files /dev/null and b/source/user/images/block-sound-15.png differ diff --git a/source/user/images/block-sound-16.png b/source/user/images/block-sound-16.png new file mode 100644 index 00000000..6a4436c0 Binary files /dev/null and b/source/user/images/block-sound-16.png differ diff --git a/source/user/images/block-text-02.png b/source/user/images/block-text-02.png old mode 100755 new mode 100644 index 87fb480b..849b8d5e Binary files a/source/user/images/block-text-02.png and b/source/user/images/block-text-02.png differ diff --git a/source/user/images/block-text-03.png b/source/user/images/block-text-03.png old mode 100755 new mode 100644 index a0ca712e..6fb9b94d Binary files a/source/user/images/block-text-03.png and b/source/user/images/block-text-03.png differ diff --git a/source/user/images/block-text-04.png b/source/user/images/block-text-04.png old mode 100755 new mode 100644 index a068fe6f..35ca047e Binary files a/source/user/images/block-text-04.png and b/source/user/images/block-text-04.png differ diff --git a/source/user/images/block-text-06.png b/source/user/images/block-text-06.png old mode 100755 new mode 100644 index f61c7d06..c8fb7891 Binary files a/source/user/images/block-text-06.png and b/source/user/images/block-text-06.png differ diff --git a/source/user/images/block-text-07.png b/source/user/images/block-text-07.png old mode 100755 new mode 100644 index b4b7a642..6d2a0661 Binary files a/source/user/images/block-text-07.png and b/source/user/images/block-text-07.png differ diff --git a/source/user/images/block-text-08.png b/source/user/images/block-text-08.png old mode 100755 new mode 100644 index c6f460a9..1314c4f2 Binary files a/source/user/images/block-text-08.png and b/source/user/images/block-text-08.png differ